用户管理的设计--2.新增用户信息实现

页面效果

  1.点击【添加用户】

  2.弹出新界面,用于添加新的用户信息


实现步骤

  1.Action类设计

    (1)添加add()方法,用于加载数据字典,完成下拉选项的初始化,并跳转到新增页面

/**
    * @Name: add
    * @Description: 弹出添加用户窗口
    * @Parameters: 无
    * @Return: String:跳转到system/userAdd.jsp
    */
    public String add(){
        //加载数据字典,遍历性别,职位,所属单位,是否在职
        this.initSystemDDL();
        return "add";
    }
    /**加载数据字典,用来遍历性别,职位,所属单位,是否在职*/
    private void initSystemDDL() {
        List<ElecSystemDDL> sexList = elecSystemDDLService.findSystemDDLListByKeyword("性别");
        request.setAttribute("sexList", sexList);
        List<ElecSystemDDL> postList = elecSystemDDLService.findSystemDDLListByKeyword("职位");
        request.setAttribute("postList", postList);
        List<ElecSystemDDL> isDutyList = elecSystemDDLService.findSystemDDLListByKeyword("是否在职");
        request.setAttribute("isDutyList", isDutyList);
        List<ElecSystemDDL> jctList = elecSystemDDLService.findSystemDDLListByKeyword("所属单位");
        request.setAttribute("jctList", jctList);
    }

(2).在struts.xml中添加映射

<result name="add">/WEB-INF/page/system/userAdd.jsp</result>

2.JSP页面设计

    添加userAdd.jsp,注意将request集合对象遍历到下拉选项中

<%@ page language="java" pageEncoding="UTF-8"%>
<%@taglib uri="/struts-tags" prefix="s" %>

<html>
  <head>
   <title>添加用户</title>
   <LINK href="${pageContext.request.contextPath }/css/Style.css" type="text/css" rel="stylesheet">
   <script language="javascript" src="${pageContext.request.contextPath }/script/function.js"></script>
   <script type="text/javascript" src="${pageContext.request.contextPath}/My97DatePicker/WdatePicker.js"></script>
   <script type="text/javascript" src="${pageContext.request.contextPath }/script/validate.js"></script>
   <script language="javascript" src="${pageContext.request.contextPath }/script/showText.js"></script>
   <script language="javascript" src="${pageContext.request.contextPath }/script/limitedTextarea.js"></script>

<Script language="javascript">

   function fileTr(){
        var value = $("#BT_File").val();
        if(value == "打开附件"){
            $("#trFile").css("display","");
            $("#BT_File").val("隐藏附件");
            $("#item").css("display","");
        }
        else{
            $("#trFile").css("display","none");
            $("#BT_File").val("打开附件");
            $("#item").css("display","none");
        }
    }
    function insertRows(){
        //获取表格对象
        var tb1 = $("#filesTbl");
        var tempRow = $("#filesTbl tr").size();//获取表格的行数,+1的目的去掉添加选项的按钮
        var $tdNum = $("<td align=‘center‘></td>");
        $tdNum.html(tempRow);

        var $tdName = $("<td align=‘center‘></td>");
        $tdName.html("<input name=\"uploads\"  type=\"file\" size=\"25\" id=\""+tempRow+"\">");

        var $tdDel = $("<td align=‘center‘></td>");
        $tdDel.html("<a href=‘javascript:delTableRow(\""+tempRow+"\")‘><img src=${pageContext.request.contextPath }/images/delete.gif width=15 height=14 border=0 style=CURSOR:hand></a>");

        // 创建tr,将3个td放置到tr中
        var $tr = $("<tr></tr>");
        $tr.append($tdNum);
        $tr.append($tdName);
        $tr.append($tdDel);
        //在表格的最后追加新增的tr
        tb1.append($tr);
    } 

    function delTableRow(rowNum){
       //改变行号和删除的行号
       var tb1 = $("#filesTbl");
       var tempRow = $("#filesTbl tr").size();//获取表格的行数
       if (tempRow >rowNum){
          //获取删除行的id指定的对象,例如:<input name=\"itemname\" type=\"text\" id=\""+tempRow+"\" size=\"45\" maxlength=25>
          $("#"+rowNum).parent().parent().remove();
          //加1表示寻找下一个id,目的是将后面tr的格式向上移动
          for (i=(parseInt(rowNum)+1);i<tempRow;i++){
              //将i-1的值赋值给编号
              $("#"+i).parent().prev().html(i-1);
              //将i-1的值赋值给超链接的删除
              $("#"+i).parent().next().html("<a href=‘javascript:delTableRow(\""+(i-1)+"\")‘><img src=${pageContext.request.contextPath }/images/delete.gif width=15 height=14 border=0 style=CURSOR:hand></a>");//
              //将i-1的值赋值给文本框的id,用于删除
              $("#"+i).attr("id",(i-1));//将id设置成i-1
          }
       }
    }
   </script>
  </head>

 <body>

  <form name="Form1" id="Form1" method="post" enctype="multipart/form-data">
 <br>
    <table cellSpacing="1" cellPadding="5" width="680" align="center" bgColor="#eeeeee" style="border:1px solid #8ba7e3" border="0">

    <tr>
        <td class="ta_01" align="center" colSpan="4" background="${pageContext.request.contextPath }/images/b-info.gif">
         <font face="宋体" size="2"><strong>添加用户</strong></font>
        </td>
    </tr>
     <tr>
         <td align="center" bgColor="#f5fafe" class="ta_01">登  录  名:<font color="#FF0000">*</font></td>
         <td class="ta_01" bgColor="#ffffff">
             <s:textfield name="logonName" maxlength="25" id="logonName" size="20" onblur="checkUser(this);"></s:textfield>
             <div id="check"></div>
         </td>
         <td width="18%" align="center" bgColor="#f5fafe" class="ta_01">用户姓名:<font color="#FF0000">*</font></td>
         <td class="ta_01" bgColor="#ffffff">
             <s:textfield name="userName" maxlength="25" id="userName" size="20"></s:textfield>
         </td>
    </tr>
    <tr>
        <td align="center" bgColor="#f5fafe" class="ta_01">性别:<font color="#FF0000">*</font></td>
        <td class="ta_01" bgColor="#ffffff">
            <s:select list="#request.sexList" name="sexID" id="sexID"
                    listKey="ddlCode" listValue="ddlName"
                    headerKey="" headerValue="请选择" cssStyle="width:155px"></s:select>
        </td>
        <td align="center" bgColor="#f5fafe" class="ta_01">职位:<font color="#FF0000">*</font></td>
        <td class="ta_01" bgColor="#ffffff">
            <s:select list="#request.postList" name="postID" id="postID"
                        listKey="ddlCode" listValue="ddlName"
                        headerKey="" headerValue="请选择"
                        cssStyle="width:155px"></s:select>
        </td>
    </tr>
    <tr>
        <td align="center" bgColor="#f5fafe" class="ta_01">所属单位:<font color="#FF0000">*</font></td>
        <td class="ta_01" bgColor="#ffffff">
            <s:select list="#request.jctList" name="jctID" id="jctID"
                        listKey="ddlCode" listValue="ddlName"
                        headerKey="" headerValue="请选择"
                        cssStyle="width:155px" onchange="findJctUnit(this)"></s:select>

        </td>
        <td align="center" bgColor="#f5fafe" class="ta_01">单位名称:<font color="#FF0000">*</font></td>
        <td class="ta_01" bgColor="#ffffff">
            <select id="jctUnitID" name="jctUnitID" style="width:155px"></select>
        </td>
    </tr>
    <tr>
        <td align="center" bgColor="#f5fafe" class="ta_01">密码:</td>
        <td class="ta_01" bgColor="#ffffff">
            <s:password name="logonPwd" id="logonPwd" maxlength="25"  size="22"></s:password>
        </td>
        <td align="center" bgColor="#f5fafe" class="ta_01">确认密码:</td>
        <td class="ta_01" bgColor="#ffffff">
            <s:password name="passwordconfirm" id="passwordconfirm" maxlength="25"  size="22"></s:password>
        </td>
    </tr>

    <tr>
        <td align="center" bgColor="#f5fafe" class="ta_01">出生日期:</td>
        <td class="ta_01" bgColor="#ffffff">
            <s:textfield name="birthday" id="birthday" maxlength="50"  size="20" onClick="WdatePicker()"></s:textfield>
        </td>
        <td align="center" bgColor="#f5fafe" class="ta_01">联系地址:</td>
        <td class="ta_01" bgColor="#ffffff">
            <s:textfield name="address" maxlength="50"  size="20"></s:textfield>
        </td>
    </tr>

    <tr>
        <td align="center" bgColor="#f5fafe" class="ta_01">联系电话:</td>
        <td class="ta_01" bgColor="#ffffff">
            <s:textfield name="contactTel" maxlength="25"  size="20"></s:textfield>
        </td>
        <td align="center" bgColor="#f5fafe" class="ta_01">手机:</td>
        <td class="ta_01" bgColor="#ffffff">
            <s:textfield name="mobile" maxlength="25"  size="20"></s:textfield>
        </td>
    </tr>

    <tr>
        <td align="center" bgColor="#f5fafe" class="ta_01">电子邮箱:</td>
        <td class="ta_01" bgColor="#ffffff">
            <s:textfield name="email" maxlength="50"  size="20"></s:textfield>
        </td>
        <td align="center" bgColor="#f5fafe" class="ta_01">是否在职:</td>
        <td class="ta_01" bgColor="#ffffff">
            <s:select list="#request.isDutyList" name="isDuty" id="isDuty"
                        listKey="ddlCode" listValue="ddlName"
                        value="1" cssStyle="width:155px"></s:select>
        </td>
    </tr>

    <tr>
        <td align="center" bgColor="#f5fafe" class="ta_01">入职日期:<font color="#FF0000">*</font></td>
        <td class="ta_01" bgColor="#ffffff">
            <s:textfield name="onDutyDate" id="onDutyDate" maxlength="50" size="20" onClick="WdatePicker()"></s:textfield>
        </td>
        <td align="center" bgColor="#ffffff" class="ta_01"></td>
        <td class="ta_01" bgColor="#ffffff">
        </td>
    </tr>

    <TR>
        <TD class="ta_01" align="center" bgColor="#f5fafe">备注:</TD>
        <TD class="ta_01" bgColor="#ffffff" colSpan="3">
            <s:textarea name="remark" cssStyle="WIDTH:95%" rows="4" cols="52"></s:textarea>
        </TD>
    </TR>

    <TR>
    <td  align="center"  colSpan="4"  class="ta_01" style="WIDTH: 100%" align="left" bgColor="#f5fafe">
        <input type="button" id="BT_File" name="BT_File" value="打开附件"  style="font-size:12px; color:black; height=22;width=55"   onClick="fileTr()">
        <input type="button" id="item" name="item" value="添加选项" style="difont-size:12px; color:black; display: none;height=20;width=80 " onClick="insertRows()">
    </td>
    </TR>

    <TR id="trFile" style="display: none">
    <td  align="center"  colSpan="4"  class="ta_01" style="WIDTH: 100%" align="center" bgColor="#f5fafe">
            <table cellspacing="0"   cellpadding="1" rules="all" bordercolor="gray" border="1" id="filesTbl"
            style="BORDER-RIGHT:gray 1px solid; BORDER-TOP:gray 1px solid; BORDER-LEFT:gray 1px solid; WIDTH:100%; WORD-BREAK:break-all; BORDER-BOTTOM:gray 1px solid; BORDER-COLLAPSE:collapse; BACKGROUND-COLOR:#f5fafe; WORD-WRAP:break-word">

                <tr style="FONT-WEIGHT:bold;FONT-SIZE:12pt;HEIGHT:25px;BACKGROUND-COLOR:#afd1f3">
                    <td class="ta_01" align="center" width="10%"
                        background="${pageContext.request.contextPath }/images/tablehead.jpg" height=20>
                        编号
                    </td>
                    <td class="ta_01" align="center" width="40%"
                        background="${pageContext.request.contextPath }/images/tablehead.jpg" height=20>
                        选择待上传文件
                    </td>
                    <td class="ta_01" align="center" width="10%"
                        background="${pageContext.request.contextPath }/images/tablehead.jpg" height=20>
                        删除
                    </td>
                </tr>

         </table>
        </td>
    </TR>
    <TR>
    <td  align="center"  colSpan="4"  class="sep1"></td>
    </TR>
    <tr>
        <td class="ta_01" style="WIDTH: 100%" align="center" bgColor="#f5fafe" colSpan="4">
        <input type="button" id="BT_Submit" name="BT_Submit" value="保存"  style="font-size:12px; color:black; height=22;width=55"   onClick="check_null()">
         <FONT face="宋体">       </FONT>
        <input style="font-size:12px; color:black; height=22;width=55"  type="button" value="关闭"  name="Reset1"  onClick="window.close()">

        </td>
    </tr>
</table> 
</form>

</body>
</html>
时间: 2024-10-12 19:51:21

用户管理的设计--2.新增用户信息实现的相关文章

用户管理的设计--8.批量用户信息删除

页面效果 勾选一个或多个用户,或点击全选框,然后单击[批量删除],弹出确认窗口.确定则删除,取消则不删除: 实现步骤 1.JSP页面的js函数 1.1添加按钮[批量删除]单击事件触发的js函数,有两种实现方式: 1.1 DOM对象实现 DOM对象实现批量删除js 1.2 jQuery对象实现 function deleteAll(){ var $selectuser = $("input[type=checkbox][name=userID]"); var flag = false;

Solaris用户管理(一):用户与组管理

2008-07-01 09:19 用户管理是系统管理的基础.Solaris中不但支持传统Unix所支持的用户和组的概念,还从Solaris 8开始引入了基于角色的访问控制(RBAC),提供了一种更加安全.灵活的方式来进行权限分配和管理. 先看看Solaris下的基本用户管理.(详细的资料可以自行查阅man手册) Solaris 下的基本用户管理体系包括/etc目录下的passwd.group和shadow三个配置文件,以及useradd.usermod.userdel. passwd.group

菜单管理,权限管理,用户管理界面设计

提出问题! 1每个界面需要展示哪些问题? 1.1以哪种方式展示? 每个界面会进行哪些操作? 好了,带着问题进行思考,进行设计 .先来简单的用户管理界面来说,我需要展示用户(管理员)的信息. 方式是:表格形式,需要进行的是对用户的增加,删除,修改 ,模糊查询,以及赋予角色权限. 在菜单管理界面,我需要展示该用户所能操作的菜单详情,分别展示top 菜单 和top 菜单下的子菜单,和菜单项详情 ,在子菜单 的div 内添加 右键事件,在top 里面有一个新增,修改按钮,菜单项详情不可编辑,新增时弹出d

用户管理架构设计

转自:http://virusswb.blog.51cto.com/115214/1111442 今天给大家分享的是:用户管理模块 或者说用户管理子系统如何设计,包括如何抽象以及相关的存储. 大部分的应用中都会有用户的概念,除非你的网站全部是匿名访问,不保存用户任何信息.其实这也是不好的,因为你的网站如果没有用户的概念,没有设计用户模块,就很难收集用户信息及用户行为,也就很难有数据来分析用户的喜好,也就少了一条给用户提供更好服务的途径. 现在是web2.0的时代,甚至是web3.0,用户越来越在

用户频次分布、新增用户留存、活跃用户留存

select * from a WHERE a.field1 NOT IN (select field1 from b) select * from a WHERE NOT EXISTS (select 1 from b where a.field1 = b.field1) 表a的条件加在最后,表b的条件加在括弧中. select id from aa left join bb on aa.id=bb.id and bb.id is null select count(uid) as onl,d

用户管理的设计--6.文件下载的两种方式

页面效果 实现步骤 1.Jsp页面要求 <TD class="ta_01" align="center" bgColor="#f5fafe">附件(下载):</TD> <TD class="ta_01" bgColor="#ffffff" colSpan="3"> <s:if test="elecUserFiles!=null &

用户管理的设计--4.jquery的ajax实现登录名的校验

页面效果 鼠标失去焦点时,不需要刷新页面进行校验,判断登录名是否重复. 实现步骤 1.引入struts2-json-plugin-2.5.10.1插件包 2.页面使用jquery的ajax实现后台校验js /**校验登录名是否出现重复*/ function checkUser(o){ //alert(o.value);//dom的写法 //alert($(o).val());//jquery的写法 var logonName = $(o).val(); //以登录名作为查询条件,查询该登录名是否

linux用户管理(2)----修改用户模式(usermod,sudo权限等)

修改使用者模式可以使用usermod命令实现. 一.usermod常用命令介绍: -a:              仅和-G一块使用,将用户添加到附属组群. -d:          修改用户登入时的目录,例如一般的用户登录时,默认进入预先设定的主目录,某些时候为了方便登录时就需要进入比较复杂的路径时,可以使用这个选项设置进入时目录. -g:           修改用户所属群组. -G:           修改用户所属的附加群组:在改变用户sudo权限时就可以使用这个选项. -s:    

django 用户管理(3)--编辑用户 and 修改用户密码

编辑用户 1.点击编辑按钮 流程:(1).禁用编辑的herf,避免跳转到其他网页href="javascript:void(0)" (2).需要给"编辑"按钮添加class 为btn-update-user(3).编辑js ===>点击编辑按钮时 发生的事件为:1.将id传给服务器.2.返回数据显示 ===>ajax先取得id的值var id = jQuery(this).attr('update-id'); var form = jQuery('.fo