SSH系列:(9)用户管理-JSP页面-成都快上网建站

SSH系列:(9)用户管理-JSP页面

1、listUI.jsp

坚守“ 做人真诚 · 做事靠谱 · 口碑至上 · 高效敬业 ”的价值观,专业网站建设服务10余年为成都轻质隔墙板小微创业公司专业提供成都企业网站建设营销网站建设商城网站建设手机网站建设小程序网站建设网站改版,从内容策划、视觉设计、底层架构、网页布局、功能开发迭代于一体的高端网站建设服务。

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="s" uri="/struts-tags"%>


    用户管理
    <%@include file="/common/header.jsp" %>
    
      	//全选、全反选
		function doSelectAll(){
			// jquery 1.6 前
			//$("input[name=selectedRow]").attr("checked", $("#selAll").is(":checked"));
			//prop jquery 1.6+建议使用
			$("input[name=selectedRow]").prop("checked", $("#selAll").is(":checked"));		
		}
		//新增
		function doAdd(){ /* ## */
			document.forms[0].action = "${basePath}/tax/user_addUI.action";
			document.forms[0].submit();
		}
		//编辑
		function doEdit(id){
			document.forms[0].action = "${basePath}/tax/user_editUI.action?user.id="+id;
			document.forms[0].submit();
		}
		//删除
		function doDelete(id){
			document.forms[0].action = "${basePath}/tax/user_delete.action?user.id="+id;
			document.forms[0].submit();
		}
		//批量删除
		function doDeleteAll(){
			document.forms[0].action = "${basePath}/tax/user_deleteSelected.action";
			document.forms[0].submit();
		}
    



    
        
            
                
用户管理
 
                                     
  •                         用户名:                     
  •                     
  •                                                                                                                                                                                        
                                                                                                                            用户名                             帐号                             所属部门                             性别                             电子邮箱                             操作                                                                               bgcolor="f8f8f8" >                                 '/>                                                                                                                                                                                                                                                     ')">编辑                                     ')">删除                                                                                                                             
                
                               总共1条记录,当前第 1 页,共 1 页                                上一页  下一页 到                  
                 

    知识点(1)包含静态文件

    <%@include file="/common/header.jsp" %>

    WebRoot/commons/header.jsp

    <%@ page language="java" pageEncoding="UTF-8"%>
    <%@taglib uri="/struts-tags" prefix="s" %>
    <%
    	pageContext.setAttribute("basePath", request.getContextPath());
    %>
    
    

    知识点(2)选中同名的所有checkbox 或者 全不选

    //全选、全反选
    function doSelectAll(){
    	// jquery 1.6 前
    	//$("input[name=selectedRow]").attr("checked", $("#selAll").is(":checked"));
    	//prop jquery 1.6+建议使用
    	$("input[name=selectedRow]").prop("checked", $("#selAll").is(":checked"));    
    }

    知识点(3)Javascript设置form的action 并 提交

    //新增
    function doAdd(){ 
    	document.forms[0].action = "${basePath}/tax/user_addUI.action";
    	document.forms[0].submit();
    }

    知识点(4)标签

    	
    		bgcolor="f8f8f8" >
    			'/>
    			  
    		
       

    知识点(5)

    table行的背景色

    bgcolor="f8f8f8"

    性别的判断

    知识点(6)Javascript的函数接受字符串的时,要注意单引号

    如下面的doEdit和doDelete

    ')">编辑
    ')">删除

    2、addUI.jsp

    <%@ page contentType="text/html;charset=UTF-8" language="java" %>
    
    
        <%@include file="/common/header.jsp"%>
        用户管理
        
    
    
    
        
            
                
        
    用户管理 - 新增用户
        新增用户                           所属部门:                                             头像:                                                                          用户名:                                             帐号:                                            密码:                                            性别:                                            角色:                                            电子邮箱:                                            手机号:                                            生日:                                                状态:                                            备注:                                                                         

    知识点(1)的填充

    知识点(2) 

    男女

    有效、无效

    知识点(3)返回按钮

    3、editUI.jsp

    <%@ page contentType="text/html;charset=UTF-8" language="java" %>
    
    
        <%@include file="/common/header.jsp"%>
        用户管理
        
    
    
    
        
            
                
        
    用户管理 - 编辑用户
        编辑用户                           所属部门:                                            头像:                                                                                                                                 用户名:                                             帐号:                                            密码:                                            性别:                                            角色:                                            电子邮箱:                                            手机号:                                                    生日:                                                                            状态:                                            备注:                                                                               

    知识点:日期组件wdatepicker(见附件)

    (1)导入WdataPicker文件夹到项目的js文件夹下;

    (2)在JSP页面引入日期组件:

    (3)用法 

    回显时,注意设置好显示格式;可以如下设置:

    
    	 
    

    附件:http://down.51cto.com/data/2368037

    网站标题:SSH系列:(9)用户管理-JSP页面
    网站地址:http://kswjz.com/article/gjdjsg.html
    扫二维码与项目经理沟通

    我们在微信上24小时期待你的声音

    解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流

    其他资讯