网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

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