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页面
    URL标题：http://dcwzsj.com/article/gjdjsg.html

    其他资讯

    联系翔捷宏鑫

    企业微信号
    友情链接： 食品包装设计   电子商务商城网站   重庆网站建设公司   保温橡塑管   成都能净科技   班戈纳美网站   成都电信服务器托管   seo优化排名   响应式网站建设公司   H5建站   

    123ABC 德昌县网站建设，德昌县定制网站建设——全心全意建网站公司