SSH系列：（9）用户管理-JSP页面-成都创新互联网站建设

成都创新互联网站制作

028-86922220

关于创新互联

多方位宣传企业产品与服务 突出企业形象

公司简介 公司的服务 荣誉资质 新闻动态 联系我们

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://kswsj.cn/article/gjdjsg.html

    其他资讯