真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

SSH系列:(9)用戶管理-JSP頁面

1、listUI.jsp

堅守“ 做人真誠 · 做事靠譜 · 口碑至上 · 高效敬業(yè) ”的價值觀,專業(yè)網(wǎng)站建設(shè)服務(wù)10余年為成都輕質(zhì)隔墻板小微創(chuàng)業(yè)公司專業(yè)提供成都企業(yè)網(wǎng)站建設(shè)營銷網(wǎng)站建設(shè)商城網(wǎng)站建設(shè)手機網(wǎng)站建設(shè)小程序網(wǎng)站建設(shè)網(wǎng)站改版,從內(nèi)容策劃、視覺設(shè)計、底層架構(gòu)、網(wǎng)頁布局、功能開發(fā)迭代于一體的高端網(wǎng)站建設(shè)服務(wù)。

<%@ 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)包含靜態(tài)文件

    <%@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設(shè)置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的函數(shù)接受字符串的時,要注意單引號

    如下面的doEdit和doDelete

    ')">編輯
    ')">刪除

    2、addUI.jsp

    <%@ page contentType="text/html;charset=UTF-8" language="java" %>
    
    
        <%@include file="/common/header.jsp"%>
        用戶管理
        
    
    
    
        
            
                
        
    用戶管理 - 新增用戶
        新增用戶                           所屬部門:                                             頭像:                                                                          用戶名:                                             帳號:                                            密碼:                                            性別:                                            角色:                                            電子郵箱:                                            手機號:                                            生日:                                                狀態(tài):                                            備注:                                                                         

    知識點(1)的填充

    知識點(2) 

    男女

    有效、無效

    知識點(3)返回按鈕

    3、editUI.jsp

    <%@ page contentType="text/html;charset=UTF-8" language="java" %>
    
    
        <%@include file="/common/header.jsp"%>
        用戶管理
        
    
    
    
        
            
                
        
    用戶管理 - 編輯用戶
        編輯用戶                           所屬部門:                                            頭像:                                                                                                                                 用戶名:                                             帳號:                                            密碼:                                            性別:                                            角色:                                            電子郵箱:                                            手機號:                                                    生日:                                                                            狀態(tài):                                            備注:                                                                               

    知識點:日期組件wdatepicker(見附件)

    (1)導(dǎo)入WdataPicker文件夾到項目的js文件夾下;

    (2)在JSP頁面引入日期組件:

    (3)用法 

    回顯時,注意設(shè)置好顯示格式;可以如下設(shè)置:

    
    	 
    

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

    分享文章:SSH系列:(9)用戶管理-JSP頁面
    網(wǎng)頁路徑:http://weahome.cn/article/gjdjsg.html

    在線咨詢

    微信咨詢

    電話咨詢

    028-86922220(工作日)

    18980820575(7×24)

    提交需求

    返回頂部