• Web项目【用户管理系统】完整版

    目录

    • 💂 个人主页: 爱吃豆的土豆
    • 🤟 版权: 本文由【爱吃豆的土豆】原创、在CSDN首发、需要转载请联系博主
    • 💬 如果文章对你有帮助、欢迎关注、点赞、收藏(一键三连)和订阅专栏哦

    • 🏆人必有所执，方能有所成！

    • 🐋希望大家多多支持😘一起进步呀！

    1，项目介绍&环境搭建

    1.1：名称：UMS

    1.2：整体需求

    1.3：搭建环境

    2，UMS-查询所有【阶段1】

    2.1：需求说明

    2.2：需求分析

    2.3：代码实现

    3，UMS-添加用户【阶段1】

    3.1：需求说明

    3.2：需求分析

    3.3：代码实现

    4，UMS-查询指定用户信息【进阶】

    4.1：需求说明

    4.2：需求分析

    4.3：代码实现

    4.4：“并且 并且 ” 业务逻辑优化【重点】

    4.5：请求转发-JSP获参回显技巧【阶段重点】

    5，UMS-删除指定用户信息

    5.1：需求说明

    5.2：需求分析

    5.3：代码实现

    5.4：a标签href属性问题

    6，UMS-查询详情

    6.1：需求说明

    6.2：需求分析

    6.3：代码实现

    6.4：数组在JSP回显的技巧

    解决方案1：（新手容易接受）

    解决方案2：【传统大型开发】

    7，UMS-编辑用户

    7.1：需求说明

    7.2：用户数据查询回显

    7.2.1：需求分析

    7.2.2：代码实现

    7.3：用户数据修改

    7.3.1：需求分析

    ​编辑 7.3.2：代码实现

    7.4：令牌机制-数据更新操作中BUG说明及解决（

    ）

    8， UMS-用户登录【阶段2】

    8.1：需求说明

    8.2：需求分析

    8.3：代码实现

    9，UMS-验证码校验【阶段2】

    9.1：需求说明

    9.2：点击切换验证码

    9.2.1：需求分析

    9.2.2：代码实现

    9.3：验证码校验

    9.3.1：需求分析

    9.3.2：代码实现

    10，UMS-记住用户名【阶段2】

    10.1：需求说明

    10.2：需求分析

    10.3：代码实现

    11，UMS-MD5校验【拓展】

    11.1：需求说明

    11.2：需求分析

    11.3：代码实现

    1，项目介绍&环境搭建

    1.1：名称：UMS

    UMS : User Manager System ， 用户管理系统

    1.2：整体需求

    1）查询所有【阶段1】

    2）添加【阶段1】

    3）删除【阶段1】

    4）查询详情【阶段1】

    5）条件查询【阶段1】

    6）修改【阶段2】

    1.3：搭建环境

    1. 步骤1：创建web项目
    2. 步骤2：导入jar包，导入原型

    把xml放置在了d:根目录（本次人员管理系统没有涉及数据库），数据存放xml文件中 

            3.步骤3：创建package包及JavaBean

    1. public class User {
    2. 	private String id;				//唯一标识
    3. 	private String loginName;		//登录名
    4. 	private String loginPwd;		//登录密码
    5. 	private String userName;		//用户名（昵称）
    6. 	private String sex;				//性别
    7. 	private String education;		//学历
    8. 	private String birthday;		//生日
    9. 	private String telephone;		//电话
    10. 	private String[] interest;		//兴趣爱好
    11. 	private String remark;			//备注
    12. 	private String utype;			//权限： 管理员/普通用户

            4.步骤4：创建Dao，service，servlet

    1. public class UserDao {
    2.     //成员位置 指定xml路径
    3.     public static final String PATH="D:/javaweb1_ums.xml";
    4. }
    1. public class UserService {
    2.     //成员位置，初始化一个UserDao，防止每个方法都创建一次的麻烦
    3.     //将来UserService进行创建，对应一个UserDao，而不是多个Service对应一个Dao。不加static
    4.     private UserDao userDao = new UserDao();
    5. }
    1. @WebServlet({"/user"})
    2. public class UserServlet extends BaseServlet {
    3.     private UserService userService = new UserService();
    4. }

            5，步骤5：配置并启动tomcat

    2，UMS-查询所有【阶段1】

    2.1：需求说明

    2.2：需求分析

    分析：

    关键点：

    1、XmlUtils.readAll

    2、request域对象进行数据保存

    3、请求转发

    4、java脚本  <% %>

    流程图：

    2.3：代码实现

    /login/left.jsp

    1.  
    2. <table width="100%" border="0">
    3.    <tr>
    4.       <td>
    5.          <a href="<%=request.getContextPath() %>/login/welcome.jsp" target="mainFrame">员工管理</a> <br/>
    6.          <a href="<%=pageContext.getServletContext().getContextPath()%>/user?method=list"  target="mainFrame">用户管理</a>
    7.       </td>
    8.    </tr>
    9. </table>

    UserServlet 

    1. /**
    2.  * 查询所有用户信息
    3.  * @return
    4.  */
    5. public String list(){
    6.     //1、调用service，查询用户列表
    7.     List<User> ulist =  userService.list();
    8.     System.out.println(ulist);
    9.     //2、查询结果存入request作用域
    10.     getRequest().setAttribute("ulist",ulist);
    11.     //3、请求转发到/user/list.jsp
    12.     return "forward:/user/list.jsp";
    13. }

     UserService 

    1. /**
    2.  * 查询所有用户信息
    3.  * @return
    4.  */
    5. public List<User> list() {
    6.     return userDao.searchAll();
    7. }

    UserDao 

    1. /**
    2.  * 读取xml中所有的用户信息
    3.  * @return
    4.  */
    5. public List<User> searchAll() {
    6.     return XmlUtils.readAll(PATH,User.class);
    7. }

    /user/list.jsp 

    1. <tr
    2.    style="FONT-WEIGHT: bold; FONT-SIZE: 12pt; HEIGHT: 25px; BACKGROUND-COLOR: #afd1f3">
    3.  
    4.    <td align="center" width="18%">
    5.       登录名
    6.    </td>
    7.    <td align="center" width="17%">
    8.       用户姓名
    9.    </td>
    10.    <td align="center" width="8%">
    11.       性别
    12.    </td>
    13.    <td align="center" width="23%">
    14.       联系电话
    15.    </td>
    16.    <td width="11%" align="center">
    17.       学历
    18.    </td>
    19.    <td width="7%" align="center">
    20.       编辑
    21.    </td>
    22.    <td width="7%" align="center">
    23.       查看
    24.    </td>
    25.    <td width="7%" align="center">
    26.       删除
    27.    </td>
    28. </tr>
    29.  
    30. <%
    31.    //1、尝试从request作用域获取ulist集合数据
    32.    List<User> ulist = (List<User>) request.getAttribute("ulist");
    33.    //2、若ulist不为null，进行遍历展示
    34.    if(ulist!=null){
    35.       //3、进行遍历展示即可
    36.       for (User user : ulist) {
    37.          %>
    38.          <tr onmouseover="this.style.backgroundColor = 'white'"
    39.             onmouseout="this.style.backgroundColor = '#F5FAFE';">
    40.             <td style="CURSOR: hand; HEIGHT: 22px" align="center"
    41.                width="18%">
    42.                <%=user.getLoginName()%>
    43.             </td>
    44.             <td style="CURSOR: hand; HEIGHT: 22px" align="center"
    45.                width="17%">
    46.                <%=user.getUserName()%>
    47.             </td>
    48.             <td style="CURSOR: hand; HEIGHT: 22px" align="center"
    49.                width="8%">
    50.                <%=user.getSex()%>
    51.             </td>
    52.             <td style="CURSOR: hand; HEIGHT: 22px" align="center"
    53.                width="23%">
    54.                <%=user.getTelephone()%>
    55.             </td>
    56.             <td style="CURSOR: hand; HEIGHT: 22px" align="center">
    57.                <%=user.getEducation()%>
    58.             </td>
    59.             <td align="center" style="HEIGHT: 22px">
    60.                <a href="<%=request.getContextPath() %>/">
    61.                   <img src="<%=request.getContextPath() %>/images/i_edit.gif" border="0" style="CURSOR: hand">
    62.                </a>
    63.             </td>
    64.             <td align="center" style="HEIGHT: 22px">
    65.                <a href="<%=request.getContextPath() %>/">
    66.                   <img src="<%=request.getContextPath() %>/images/button_view.gif" border="0" style="CURSOR: hand">
    67.                </a>
    68.             </td>
    69.             <td align="center" style="HEIGHT: 22px">
    70.                <a href="<%=request.getContextPath() %>/">
    71.                   <img src="<%=request.getContextPath() %>/images/i_del.gif" width="16" height="16" border="0" style="CURSOR: hand">
    72.                </a>
    73.             </td>
    74.          </tr>
    75.  
    76.  
    77.          <%
    78.       }
    79.    }
    80. %>

      

    3，UMS-添加用户【阶段1】

    3.1：需求说明

     要求：跳转使用重定向。

    3.2：需求分析

    分析：

    关键点：

    1、JS事件  onclick

    2、location.href

    3、toBean()

    4、生成随机ID。 UUID.randomUUID().toString().replaceAll("-","");

    5、XmlUtils.write

    6、重定向：return "redirect:/";

    流程图：

    3.3：代码实现

    /user/list.jsp

    1. <td class="ta_01" align="right">
    2.    <a class="button_add" style="padding: 2px 4px 2px 10px; border: 1px solid #8AA2CC;" href="<%=request.getContextPath() %>/user/add.jsp" id="add">添加</a>
    3. </td>

    /user/add.jsp 

    1. <form name="Form1" method="post"  action="<%=pageContext.getServletContext().getContextPath()%>/user" >
    2.    <input type="hidden" name="method" value="addUser"/>

    UserServlet 

    1. /**
    2.  * 添加用户
    3.  * @return
    4.  */
    5. public String addUser(){
    6.     //1、接收表单数据
    7.     User param = toBean(User.class);
    8.     //2、调用service进行保存
    9.     boolean result = userService.addUser(param);
    10.     //3、根据service处理结果，做不同的跳转
    11.     if(result){
    12.         //添加成功
    13.         return "redirect:/user?method=list";
    14.     }else{
    15.         //添加失败
    16.         getRequest().setAttribute("errorMsg","添加失败");
    17.         return "forward:/user/error.jsp";
    18.     }
    19. }

    UserService 

    1. /**
    2.  * 添加用户
    3.  * @param param
    4.  * @return
    5.  */
    6. public boolean addUser(User param) {
    7.     //1、生成随机ID
    8.     param.setId(UUID.randomUUID().toString().replaceAll("-",""));
    9.     //2、调用Dao进行数据保存
    10.     //3、try...catch对处理结果进行判断：没有出现异常，保存成功，否则保存失败
    11.     try {
    12.         userDao.addUser(param);
    13.     } catch (Exception e) {
    14.         //出现异常，添加失败
    15.         return false;
    16.     }
    17.     //没有出现异常，添加成功
    18.     return true;
    19. }

    UserDao 

    1. /**
    2.  * 向xml中追加一个新用户
    3.  * @param param
    4.  */
    5. public void addUser(User param) {
    6.     XmlUtils.write(PATH,param);
    7. }

    /user/error.jsp 

    1. <tr>
    2.    <td height="220" align="center" valign="middle"
    3.       background="<%=request.getContextPath() %>/images/loginbg.gif">
    4.       <p class="style1">
    5.          <font color="red">${errorMsg}</font><br>
    6.          <font color="red"></font>
    7.       </p>
    8.       <p>
    9.  
    10.       </p>
    11.    </td>
    12. </tr>

      

    4，UMS-查询指定用户信息【进阶】

    4.1：需求说明

    4.2：需求分析

    分析：

    关键点：

    1、查询条件获取，采取toBean，创建对应的JavaBean类

    2、对集合进行条件筛选，进行集合转储/ 对集合进行条件筛选，对不满足集合要求的数据进行删除

    内存占用高，效率高 内存占用低，效率低

    3、查询条件要进行数据回显

    查看域对象中是否存在该数据，若存在该数据，进行回显：

    文本框：value

    单选/复选框：checked="checked"

    选择框：selected="selected"

    文本域：内容体

    流程：

    4.3：代码实现

    UserQueryParam：

    1. public class UserQueryParam implements Serializable {
    2.     private String userName;      //用户名（昵称）
    3.     private String sex;             //性别
    4.     private String education;     //学历
    5.  
    6.     @Override
    7.     public String toString() {
    8.         return "UserQueryParam{" +
    9.                 "userName='" + userName + '\'' +
    10.                 ", sex='" + sex + '\'' +
    11.                 ", education='" + education + '\'' +
    12.                 '}';
    13.     }
    14.  
    15.     public String getUserName() {
    16.         return userName;
    17.     }
    18.  
    19.     public void setUserName(String userName) {
    20.         this.userName = userName;
    21.     }
    22.  
    23.     public String getSex() {
    24.         return sex;
    25.     }
    26.  
    27.     public void setSex(String sex) {
    28.         this.sex = sex;
    29.     }
    30.  
    31.     public String getEducation() {
    32.         return education;
    33.     }
    34.  
    35.     public void setEducation(String education) {
    36.         this.education = education;
    37.     }
    38.  
    39.     public UserQueryParam(String userName, String sex, String education) {
    40.         this.userName = userName;
    41.         this.sex = sex;
    42.         this.education = education;
    43.     }
    44.  
    45.     public UserQueryParam() {
    46.     }
    47. }

    /user/list.jsp 

    1. <form name="Form1" method="post"  action="<%=pageContext.getServletContext().getContextPath()%>/user" id="Form1">
    2.    <input type="hidden" name="method" value="findUsers"/>

    UserServlet

    1. /**
    2.  * 条件查询
    3.  * @return
    4.  */
    5. public String findUsers(){
    6.     //1、接收查询条件
    7.     UserQueryParam userQueryParam = toBean(UserQueryParam.class);
    8.     //2、调用service，进行条件查询
    9.     List<User> ulist = userService.findUsers(userQueryParam);
    10.     //3、查询结果存入request作用域
    11.     getRequest().setAttribute("ulist",ulist);
    12.     //4、跳转页面
    13.     return "forward:/user/list.jsp";
    14. }

     UserService

    1. /**
    2.  * 条件查询
    3.  * @param userQueryParam
    4.  * @return
    5.  */
    6. public List<User> findUsers(UserQueryParam userQueryParam) {
    7.     //1、查询所有用户信息
    8.     List<User> temp = userDao.searchAll();
    9.     //2、遍历所有用户信息，将符合要求的用户信息进行转储
    10.     //2.1、定义一个转储集合
    11.     List<User> ulist = new ArrayList<>();
    12.     //2.2、对temp进行非空判断，不为空就进行遍历
    13.     if(temp!=null){
    14.         for (User u : temp) {
    15.             //2.3、每遍历一个用户，判断是否符合查询条件，不符合条件不保存，符合条件的转储到新集合
    16.             //2.3.1、如果条件中，用户名不是null，用户名不是空字符串，判断当前用户是否不满足包含条件，不满足遍历下一个User
    17.             String userName = userQueryParam.getUserName();
    18.             if(userName!=null && !userName.equals("") && !u.getUserName().contains(userName)){
    19.                 continue;
    20.             }
    21.             //2.3.2、如果条件中，性别不是null，性别不是空字符串，判断当前用户性别是否不满足等于条件，不满足遍历下一个User
    22.             String sex = userQueryParam.getSex();
    23.             if(sex!=null && !sex.equals("") && !u.getSex().equals(sex)){
    24.                 continue;
    25.             }
    26.             //2.3.3、如果条件中，学历不是null，学历不是空字符串，判断当前用户学历是否不满足等于条件，不满足遍历下一个User
    27.             String education = userQueryParam.getEducation();
    28.             if(education!=null && !education.equals("") && !u.getEducation().equals(education)){
    29.                 continue;
    30.             }
    31.             //2.3.4、同时满足 用户名包含、性别等于、学历等于 条件
    32.             ulist.add(u);
    33.         }
    34.     }
    35.     //3、返回转储结果
    36.     return ulist;
    37. }

    4.4：“并且 并且 ” 业务逻辑优化【重点】

    满足逻辑：   符合A  并且符合B   并且符合C   就执行D

    if(不符合A){

    continue;

    }

    if(不符合B){

    continue;

    }

    if(不符合C){

    continue;

    }

    执行D

    4.5：请求转发-JSP获参回显技巧【阶段重点】

    /user/list.jsp

    1. <%
    2.    String sex = request.getParameter("sex");
    3.    String education = request.getParameter("education");
    4. %>
    5. <table cellpadding="0" cellspacing="0" border="0" width="100%">
    6.    <tr>
    7.       <td height="22" align="center" bgColor="#f5fafe" class="ta_01">
    8.          用户姓名
    9.       </td>
    10.       <td class="ta_01" bgColor="#ffffff">
    11.          <input name="userName" class="bg" size="15" value="${param.userName}"/>
    12.       </td>
    13.       <td height="22" align="center" bgColor="#f5fafe" class="ta_01">
    14.          性别：
    15.       </td>
    16.       <td class="ta_01" bgColor="#ffffff">
    17.          <select name="sex" id="sex">
    18.             <option value="">--选择性别--</option>
    19.             <option value="男"
    20.                <%
    21.                   if(sex!=null && sex.equals("男")){
    22.                      %>
    23.                         selected="selected"
    24.                      <%
    25.                   }
    26.                %>
    27.             >男</option>
    28.             <option value="女"
    29.                   <%
    30.                      if(sex!=null && sex.equals("女")){
    31.                         %>
    32.                         selected="selected"
    33.                         <%
    34.                      }
    35.                   %>
    36.             >女</option>
    37.          </select>
    38.       </td>
    39.    </tr>
    40.    <tr>
    41.       <td height="22" align="center" bgColor="#f5fafe" class="ta_01">
    42.          学历：
    43.       </td>
    44.       <td class="ta_01" bgColor="#ffffff">
    45.          <select name="education" id="education" >
    46.             <option value="">--选择学历--</option>
    47.             <option value="博士"
    48.                   <%
    49.                      if(education!=null && education.equals("博士")){
    50.                         %>
    51.                         selected="selected"
    52.                         <%
    53.                      }
    54.                   %>
    55.             >博士</option>
    56.             <option value="硕士"
    57.                   <%
    58.                      if(education!=null && education.equals("硕士")){
    59.                         %>
    60.                         selected="selected"
    61.                         <%
    62.                      }
    63.                   %>
    64.             >硕士</option>
    65.             <option value="本科"
    66.                   <%
    67.                      if(education!=null && education.equals("本科")){
    68.                         %>
    69.                         selected="selected"
    70.                         <%
    71.                      }
    72.                   %>
    73.             >本科</option>
    74.             <option value="专科"
    75.                   <%
    76.                      if(education!=null && education.equals("专科")){
    77.                         %>
    78.                         selected="selected"
    79.                         <%
    80.                      }
    81.                   %>
    82.             >专科</option>
    83.             <option value="高中"
    84.                   <%
    85.                      if(education!=null && education.equals("高中")){
    86.                         %>
    87.                         selected="selected"
    88.                         <%
    89.                      }
    90.                   %>
    91.             >高中</option>
    92.          </select>
    93.       </td>

    JSP：请求转发进行数据回显

    若参数在请求体：

    文本框：value="${param.参数名}"

    文本域：<textarea>${param.参数名}</textarea>

    单选框/复选框：

    <% String 变量名 = request.getParameter("参数名");%>

    <input type="radio/checkbox"

            <%

                    if(变量名!=null && 变量名.equals("值")){

                            %>

                                    checked="checked"

                            <%

                    }

            %>>

    选择框：

    <%String 变量名 = request.getParameter("参数名");%>

    <option

            <%

                    if(变量名!=null && 变量名.equals("值")){

                            %>

                            selected="selected"

                            <%

                    }

            %>

    >

    若参数在域对象（request/session）：

    文本框：value="${参数名}"

    文本域：<textarea>${参数名}</textarea>

    单选框/复选框：

    <%String 变量名 = (String)request.getAttribute("参数名");%>

    <input type="radio/checkbox"

            <%

            if(变量名!=null && 变量名.equals("值")){

            %>

                            checked="checked"

                    <%

            }

            %>

    >

    选择框：

    <%

    String 变量名 = (String)request.getAttribute("参数名");

    %>

    <option

            <%

                    if(变量名!=null && 变量名.equals("值")){

            %>

            selected="selected"

                            <%

                    }

            %>

    >

    5，UMS-删除指定用户信息

    5.1：需求说明

     点击删除，弹出对话框，点击确定，真正删除数据，删除完成，回到列表页面展示所有内容。

    5.2：需求分析

    分析：

    关键点：

    1、根据ID删除

    2、点击事件，监听器代码

    3、JS页面跳转：location.href=""

    4、request.getParameter()

    5、删除逻辑：①查询所有用户信息 ②迭代删除 ③覆盖保存

    流程：

    5.3：代码实现

    /user/list.jsp

    1. <script>
    2.    function delUserById(uid) {
    3.       if(confirm("是否删除该数据？")){
    4.          location.href="<%=pageContext.getServletContext().getContextPath()%>/user?method=delUserById&id="+uid;
    5.       }
    6.    }
    7. </script>
    8.  
    9. <td align="center" style="HEIGHT: 22px">
    10.    <a href="javascript:delUserById('<%=user.getId()%>')">
    11.       <img src="<%=request.getContextPath() %>/images/i_del.gif" width="16" height="16" border="0" style="CURSOR: hand">
    12.    </a>
    13. </td>

    UserServlet

    1. /**
    2.  * 根据ID删除用户信息
    3.  * @return
    4.  */
    5. public String delUserById(){
    6.     //1、接收参数
    7.     String id = getRequest().getParameter("id");
    8.     //2、调用service根据ID进行删除
    9.     boolean result = userService.delUserById(id);
    10.     //3、根据service处理结果，进行跳转
    11.     if(result){
    12.         //删除成功
    13.         return "redirect:/user?method=list";
    14.     }else{
    15.         getRequest().setAttribute("errorMsg","删除失败");
    16.         return "forward:/user/error.jsp";
    17.     }
    18. }

     UserService

    1. /**
    2.  * 根据ID删除用户信息
    3.  * @param id
    4.  * @return
    5.  */
    6. public boolean delUserById(String id) {
    7.     try {
    8.         //1、查询所有用户信息
    9.         List<User> ulist = userDao.searchAll();
    10.         //2、进行迭代操作
    11.         Iterator<User> it = ulist.iterator();
    12.         while (it.hasNext()){
    13.             User next = it.next();
    14.             //3、迭代中，若当前迭代用户的id 等于 待删除用户的id， 删除当前用户
    15.             if(next.getId().equals(id)){
    16.                 it.remove();
    17.                 break;
    18.             }
    19.         }
    20.         //4、以覆盖方式写回
    21.         userDao.saveUlist(ulist);
    22.     } catch (Exception e) {
    23.         return false;
    24.     }
    25.     //5、没有出异常，删除成功；出现异常，删除失败
    26.     return true;
    27. }

    UserDao

    1. /**
    2.  * 以覆盖方式写出list集合
    3.  * @param ulist
    4.  */
    5. public void saveUlist(List<User> ulist) {
    6.     XmlUtils.write(PATH,ulist,false);
    7. }

    1，根据ID删除

    2，点击时间，监听器代码

    3，JS页面跳转：location.href=""

    4，request.getParameter()

    5，删除逻辑：查询所有用户，迭代删除，覆盖保存 

    5.4：a标签href属性问题

    <a href="" οnclick="">

    起冲突：

    先执行onclick，再执行href.

    若在onclick监听器中，编写location.href=""跳转A页面，

    没有生效，执行的是a标签href属性的路径

    解决方案1：（治标不治本）

    删除href属性

    解决方案2：【建议】

    href属性执行javascript代码，让JavaScript具备控制权

    <a href="javascript:方法名()">

    6，UMS-查询详情

    6.1：需求说明

    6.2：需求分析

    分析：

    关键点：

    1、向servlet传递id数据

    2、根据id查询并返回指定User对象

    3、对数据进行数据回显操作---JavaBean---EL

    流程：

    6.3：代码实现

    /user/list.jsp

    <td align="center" style="HEIGHT: 22px">
       <a href="<%=pageContext.getServletContext().getContextPath()%>/user?method=view&id=<%=user.getId()%>">
          <img src="<%=request.getContextPath() %>/images/button_view.gif" border="0" style="CURSOR: hand">
       </a>
    </td>

    UserServlet

    /**
     * 根据ID查看用户信息
     * @return
     */
    public String view(){
        HttpServletRequest request = getRequest();
        //1、获取参数id
        String id = request.getParameter("id");
        //2、调用service根据id查询用户信息
        User user = userService.searchUserById(id);
        //3、存入request作用域
        request.setAttribute("user",user);
        //4、请求转发
        return "forward:/user/view.jsp";
    }

    UserService

    /**
     * 根据ID查询用户信息
     * @param id
     * @return
     */
    public User searchUserById(String id) {
        //1、获取所有的用户信息
        List<User> ulist = userDao.searchAll();
        if(ulist!=null){
            for (User user : ulist) {
                //2、遍历所有用户信息，根据ID查找用户，找到符合要求的用户，直接进行返回
                if(user.getId().equals(id)){
                    return user;
                }
            }
        }
        //3、若找不到，返回空user对象。不建议为null，因为null使用时会有空指针异常风险
        return new User();
    }

    /user/view.jsp

    <tr>
       <td width="18%" align="center" bgColor="#f5fafe" class="ta_01">
          登录名：
       </td>
       <td class="ta_01" bgColor="#ffffff">
          ${user.loginName}
       </td>
       <td align="center" bgColor="#f5fafe" class="ta_01">
          用户姓名：
       </td>
       <td class="ta_01" bgColor="#ffffff">
          ${user.userName}
       </td>
    </tr>

    <tr>
       <td align="center" bgColor="#f5fafe" class="ta_01">
          性别：
       </td>
       <td class="ta_01" bgColor="#ffffff">
          ${user.sex}
       </td>
       <td align="center" bgColor="#f5fafe" class="ta_01">
          学历：
       </td>
       <td class="ta_01" bgColor="#ffffff">
          ${user.education}
       </td>
    </tr>
    <tr>
       <td align="center" bgColor="#f5fafe" class="ta_01">
          出生日期：
       </td>
       <td class="ta_01" bgColor="#ffffff">
          ${user.birthday}
       </td>
       <td align="center" bgColor="#f5fafe" class="ta_01">
          电话：
       </td>
       <td class="ta_01" bgColor="#ffffff">
          ${user.telephone}
       </td>
    </tr>
    <tr>
       <td align="center" bgColor="#f5fafe" class="ta_01">
          兴趣爱好：
       </td>
       <td class="ta_01" bgColor="#ffffff" colSpan="3">
          <%--
             //解决方法1：
             //1、获取request作用域user对象
             User user = (User) request.getAttribute("user");
             //2、判断：只要user不为空，并且 interest数组也不为空，对数组进行遍历
             if(user!=null && user.getInterest()!=null){
                //3、每遍历一个爱好，展示一个
                String[] interest = user.getInterest();
                for (int i = 0; i < interest.length; i++) {
                   out.write(interest[i]);
                   if(i!=interest.length-1)
                      out.write(",");
                }
             }
          --%>
       <%--   解决方法2     ${参数名.方法名} 方法名应该忽略get,将get后的第一个字母进行小写
                         ${user.interestString}
                         ${参数名.方法名()}   方法按原名进行
             --%>
       ${user.getInterestString()}
       </td>
    </tr>
    <TR>
       <TD class="ta_01" align="center" bgColor="#f5fafe">
          备注：
       </TD>
       <TD class="ta_01" bgColor="#ffffff" colSpan="3">
          ${user.remark}
       </TD>
    </TR>
    <TR>
       <TD class="ta_01" align="center" bgColor="#f5fafe">
          用户权限：
       </TD>
       <TD class="ta_01" bgColor="#ffffff" colSpan="3">
          ${user.utype}
       </TD>
    </TR>

    原因：

    因为servlet默认是单例模式，request成员变量就只是能保存一个请求对象。

    一个Servlet将来是要处理非常多的请求，一个请求就是一个request对象。

    不可能用同一个request对象处理所有请求。

    不建议抽取为request成员变量。

    建议：每个方法执行时，现场获取

    6.4：数组在JSP回显的技巧

    解决方案1：（新手容易接受）

    书写java脚本，通过java脚本进行数组遍历，代码实现

    <tr>
       <td align="center" bgColor="#f5fafe" class="ta_01">
          兴趣爱好：
       </td>
       <td class="ta_01" bgColor="#ffffff" colSpan="3">
          <%
             //1、获取request作用域user对象
             User user = (User) request.getAttribute("user");
             //2、判断：只要user不为空，并且 interest数组也不为空，对数组进行遍历
             if(user!=null && user.getInterest()!=null){
                //3、每遍历一个爱好，展示一个
                String[] interest = user.getInterest();
                for (int i = 0; i < interest.length; i++) {
                   out.write(interest[i]);
                   if(i!=interest.length-1)
                      out.write(",");
                }
             }
          %>
       </td>
    </tr>

    解决方案2：【传统大型开发】

    EL表达式，调用getXxx方法，进行操作。

    在JavaBean类中，即User类中，添加一个方法：

    getInterestString，方法内部对数组拼接字符串，将字符串进行返回。

    EL表达式调用该方法，获取字符串，并展示在页面

    itcast-tools 1.5.7

    如何向xml填充数据的？

    依靠的是getXxx方法。

    getName()   getSex()

    在向xml填充数据时，分别调用两个方法，形成 字段：name字段  sex字段

    getInterestString()

    向xml填充数据时，多个一个interestString字段，该方法的返回值即为字段值

    xml在读取数据时：

    发现有getInterestString()，没有setInterestString()，工具认为无法为interestString，会报java.lang.NoSuchFieldException: interestString

    注意：方法起名时，如果不想在xml存在多余字段，尽可能避免get开头或者set开头方法

    User类

    public class User implements Serializable {

        /**
         * 专门用来在JSP进行EL表达式回显 数组
         * @return
         */
        public String interestString(){
            StringBuilder builder = new StringBuilder();
            if(getInterest()!=null){
                //3、每遍历一个爱好，展示一个
                String[] interest = getInterest();
                for (int i = 0; i < interest.length; i++) {
                    builder.append(interest[i]);
                    if(i!=interest.length-1)
                        builder.append(",");
                }
            }
            return builder.toString();
        }

    //其他内容暂时省略，不粘贴在笔记上

    /user/view.jsp

    <%--    解决方法2   
                      ${参数名.方法名()}   方法按原名进行
          --%>
    ${user.interestString()}

    7，UMS-编辑用户

    7.1：需求说明

    遇到这样的复杂需求，我们需要拆分成两步来做：

    1、用户数据查询回显：跳转到编辑页面，在编辑页面回显该用户的数据

    2、用户数据修改：编辑页面修改完毕后，点击“确定”，真正修改数据到xml中

    7.2：用户数据查询回显

    7.2.1：需求分析

    分析：

    关键点：

    1、地址栏传递id

    2、request作用域及请求转发

    3、对User数据在JSP进行回显

    如果数据在request作用域：

    文本框：value="${参数名.属性名}"

    文本域：<textarea>${参数名.属性名}</textarea>

    单选框/复选框：

    JavaBean javaBean = (JavaBean)request.getAttribute("参数名");

    if(javaBean!=null && javaBean.getXxx()!=null){

            if(javaBean.getXxx().equals("值")){

                    out.write("checked='checked'");

                    }

            }

    选择框：

    JavaBean javaBean = (JavaBean)request.getAttribute("参数名");

    if(javaBean!=null && javaBean.getXxx()!=null){

            if(javaBean.getXxx().equals("值")){

                    out.write("selected='selected'");

            }

    }

    流程分析：

    7.2.2：代码实现

    /user/list.jsp

    <td align="center" style="HEIGHT: 22px">
       <a href="<%=pageContext.getServletContext().getContextPath()%>/user?method=editView&id=<%=user.getId()%>">
          <img src="<%=request.getContextPath() %>/images/i_edit.gif" border="0" style="CURSOR: hand">
       </a>
    </td>

    UserServlet

    /**
     * 跳转到编辑页面
     * @return
     */
    public String editView(){
        HttpServletRequest request = getRequest();
        //1、获取参数id
        String id = request.getParameter("id");
        //2、调用service根据id查询用户信息
        User user = userService.searchUserById(id);
        //3、存入request作用域
        request.setAttribute("user",user);
        //4、请求转发
        return "forward:/user/edit.jsp";
    }

    /user/edit.jsp

    <%
       User u = (User) request.getAttribute("user");
    %>
        <form method="post" action="">
              <input type="hidden" name="id" value="" />
           
          <table cellSpacing="1" cellPadding="5" width="100%" align="center" bgColor="#eeeeee" style="border: 1px solid #8ba7e3" border="0">
             <tr>
                <td class="ta_01" align="center" bgColor="#afd1f3" colSpan="4"
                   height="26">
                   <strong><STRONG>编辑用户</STRONG>
                   </strong>
                </td>
             </tr>
             
             <tr>
                <td align="center" bgColor="#f5fafe" class="ta_01">
                    登录名：
                </td>
                <td class="ta_01" bgColor="#ffffff">
                   <input type="text" name="loginName" id="loginName" class="bg" value="${user.loginName}"/>
                </td>
                <td align="center" bgColor="#f5fafe" class="ta_01">
                   用户类型：
                </td>
                <%
                   String utype = null;
                   if(u!=null){
                      utype = u.getUtype();
                   }
                %>
                <td class="ta_01" bgColor="#ffffff">
                   <input type="radio" name="utype" value="管理员"
                         <%
                            if(utype!=null && utype.equals("管理员")){
                               out.write("checked='checked'");
                            }
                         %>
                   />管理员
                   <input type="radio" name="utype" value="普通用户"
                         <%
                            if(utype!=null && utype.equals("普通用户")){
                               out.write("checked='checked'");
                            }
                         %>
                   />普通用户
                </td>
             </tr>
             <tr>
                <td align="center" bgColor="#f5fafe" class="ta_01">
                    密码：
                </td>
                <td class="ta_01" bgColor="#ffffff">
                   <input type="password" name="loginPwd" id="loginPwd"  value="${user.loginPwd}"/>
                </td>
                <td align="center" bgColor="#f5fafe" class="ta_01">
                   用户姓名：
                </td>
                <td class="ta_01" bgColor="#ffffff">
                   <input type="text" name="userName" class="bg" value="${user.userName}" />
                </td>
             </tr>
             <tr>
                <td align="center" bgColor="#f5fafe" class="ta_01">
                   性别：
                </td>
                <td class="ta_01" bgColor="#ffffff">
                   <%
                      String sex = null;
                      if(u!=null){
                         sex = u.getSex();
                      }
                   %>
                   <input type="radio" value="男" name="sex" id="sex0"
                      <%
                         if(sex!=null && sex.equals("男")){
                            out.write("checked='checked'");
                         }
                      %>
                   />男
                   <input type="radio" value="女" name="sex" id="sex1"
                      <%
                         if(sex!=null && sex.equals("女")){
                            out.write("checked='checked'");
                         }
                      %>
                   />女
                </td>
                <td align="center" bgColor="#f5fafe" class="ta_01">
                   学历：
                </td>
                <td class="ta_01" bgColor="#ffffff">
                   <%
                      String education = null;
                      if(u!=null){
                         education = u.getEducation();
                      }
                   %>
                   <select name="education" id="education">
                      <option value="">--选择学历--</option>
                      <option value="博士"
                            <%
                               if(education!=null && education.equals("博士")){
                                  out.write("selected='selected'");
                               }
                            %>
                      >博士</option>
                      <option value="硕士"
                            <%
                               if(education!=null && education.equals("硕士")){
                                  out.write("selected='selected'");
                               }
                            %>
                      >硕士</option>
                      <option value="本科"
                            <%
                               if(education!=null && education.equals("本科")){
                                  out.write("selected='selected'");
                               }
                            %>
                      >本科</option>
                      <option value="专科"
                            <%
                               if(education!=null && education.equals("专科")){
                                  out.write("selected='selected'");
                               }
                            %>
                      >专科</option>
                      <option value="高中"
                            <%
                               if(education!=null && education.equals("高中")){
                                  out.write("selected='selected'");
                               }
                            %>
                      >高中</option>
                   </select>
                </td>
             </tr>
             <tr>
                <td align="center" bgColor="#f5fafe" class="ta_01">
                   出生日期：
                </td>
                <td class="ta_01" bgColor="#ffffff">
                   <input type="text" name="birthday" id="birthday" size="20" readonly="true"  value="${user.birthday}" onclick="c.show(this)"  />
                </td>
                <td align="center" bgColor="#f5fafe" class="ta_01">
                   电话：
                </td>
                <td class="ta_01" bgColor="#ffffff">
                   <input type="text" name="telephone" id="telephone"  value="${user.telephone}"/>
                </td>
             </tr>
             <tr>
                <td align="center" bgColor="#f5fafe" class="ta_01">
                   兴趣爱好：
                </td>
                <%
                   String[] interest = null;
                   if(u!=null){
                      interest = u.getInterest();
                   }
                %>
                <td class="ta_01" bgColor="#ffffff" colSpan="3">
                   <input type="checkbox" name="interest"  value="看电影"
                      <%
                         if(interest!=null){
                            for (String s : interest) {
                               if(s.equals("看电影")){
                                  out.write("checked='checked'");
                                  break;
                               }
                            }
                         }
                      %>
                   /> 看电影
                   <input type="checkbox" name="interest"  value="旅游"
                         <%
                            if(interest!=null){
                               for (String s : interest) {
                                  if(s.equals("旅游")){
                                     out.write("checked='checked'");
                                     break;
                                  }
                               }
                            }
                         %>
                   />旅游
                   <input type="checkbox" name="interest"  value="健身"
                         <%
                            if(interest!=null){
                               for (String s : interest) {
                                  if(s.equals("健身")){
                                     out.write("checked='checked'");
                                     break;
                                  }
                               }
                            }
                         %>
                   />健身
                   <input type="checkbox" name="interest"  value="购物"
                         <%
                            if(interest!=null){
                               for (String s : interest) {
                                  if(s.equals("购物")){
                                     out.write("checked='checked'");
                                     break;
                                  }
                               }
                            }
                         %>
                   />购物
                   <input type="checkbox" name="interest"  value="睡觉"
                         <%
                            if(interest!=null){
                               for (String s : interest) {
                                  if(s.equals("睡觉")){
                                     out.write("checked='checked'");
                                     break;
                                  }
                               }
                            }
                         %>
                   />睡觉
                </td>
             </tr>
             <TR>
                <TD class="ta_01" align="center" bgColor="#f5fafe">
                   备注：
                </TD>
                <TD class="ta_01" bgColor="#ffffff" colSpan="3">
                   <textarea cols="30" rows="3" name="remark" style="WIDTH: 96%">${user.remark}</textarea>
                </TD>
             </TR>

    7.3：用户数据修改

    7.3.1：需求分析

    分析：

    关键点：

    1、ID不需要被修改，需要被从JSP传递给servlet，因为若未传递ID，ID为null

    2、修改逻辑：

    ①查询所有信息

    ②迭代删除被修改的信息，添加新信息  （新集合）

    ③新集合以覆盖方式保存新信息

    3、路径更改问题

    添加、修改、删除

    流程：

     7.3.2：代码实现

    /user/edit.jsp

    <form method="post" action="<%=pageContext.getServletContext().getContextPath()%>/user">
    <input type="hidden" name="method" value="modifyUser" />
          <input type="hidden" name="id" value="${user.id}" />

    UserServlet

    /**
     * 修改用户信息
     * @return
     */
    public String modifyUser(){
        //1、获取所有表单数据
        User param = toBean(User.class);
        //2、调用service进行保存
        boolean result = userService.modifyUser(param);
        //3、根据service保存结果，进行展示
        if(result){
            //修改成功
            return "redirect:/user?method=list";
        }else{
            //修改失败
            getRequest().setAttribute("errorMsg","修改失败");
            return "forward:/user/error.jsp";
        }
    }

    UserService

    /**
     * 修改用户信息
     * @param param
     * @return
     */
    public boolean modifyUser(User param) {
        try {
            //1、查询所有用户信息
            List<User> ulist = userDao.searchAll();
            //2、迭代删除被修改的用户
            if(ulist!=null){
                Iterator<User> it = ulist.iterator();
                while (it.hasNext()){
                    User next = it.next();
                    if(next.getId().equals(param.getId())){
                        it.remove();
                        break;
                    }
                }
            }
            //3、向集合追加被修改用户的新信息
            ulist.add(param);
            //4、以覆盖方式写回xml
            userDao.saveUlist(ulist);
        } catch (Exception e) {
            return false;
        }
        return true;
    }

    7.4：令牌机制-数据更新操作中BUG说明及解决（

    开发常见问题，

    用来解决增删改中

    重复刷新和恶意刷新操作

    ）

    问题描述：反复刷新页面就会导致  添加功能被重复执行，添加重复数据

     问题解决方案：

    解决方案1：直接解决法（规避法）

    /**
     * 添加用户
     * @return
     */
    public String addUser(){
        //1、接收表单数据
        User param = toBean(User.class);
        //2、调用service进行保存
        boolean result = userService.addUser(param);
        //3、根据service处理结果，做不同的跳转
        if(result){
            //添加成功
            return "redirect:/user?method=list";
        }else{
            //添加失败
            getRequest().setAttribute("errorMsg","添加失败");
            return "forward:/user/error.jsp";
        }
    }

    解决方案2：逻辑解决法-令牌机制（以添加操作为例）

    令牌：随机的字符串，唯一的不重复。

    令牌机制作用：通过发令牌，比对令牌，保障你的操作是唯一不重复的。

    本质防止两个基础操作：

    1. 重复刷新
    2. 恶意访问

    /user/list.jsp

    <a class="button_add" style="padding: 2px 4px 2px 10px; border: 1px solid #8AA2CC;" href="<%=request.getContextPath() %>/user?method=toAddView" id="add">添加</a>

    UserServlet

    /**
     * 跳转到添加页面（起点：发令牌）
     * @return
     */
    public String toAddView(){
        //1、随机生成令牌
        String tokenId = UUID.randomUUID().toString().replaceAll("-","");
        //2、将令牌备份到session中
        getRequest().getSession().setAttribute("addUserTokenId",tokenId);
        //3、跳转到添加页面
        return "redirect:/user/add.jsp";
    }

    /user/add.jsp

    <form name="Form1" method="post"  action="<%=pageContext.getServletContext().getContextPath()%>/user" >
       <input type="hidden" name="addUserTokenId" value="${addUserTokenId}"/>

    UserServlet

    /**
     * 添加用户
     * @return
     */
    public String addUser(){
        //一、（关卡）令牌机制校验
        //1、分别获取表单传递而来的令牌（人物自带令牌） 和 session中的令牌 （关卡备份令牌）
        String addUserTokenId = getRequest().getParameter("addUserTokenId");
        String addUserTokenIdFromSession = (String) getRequest().getSession().getAttribute("addUserTokenId");
        //2、进行令牌校验
        //如果addUserTokenIdFromSession为null或者addUserTokenId为null，说明是非法操作，展示错误信息
        //如果两个令牌不一致，说明校验失败，也存在非法操作，展示错误信息
        //令牌校验失败，跳转错误页面
        if(addUserTokenId==null ||
                addUserTokenIdFromSession==null ||
                !addUserTokenId.equals(addUserTokenIdFromSession)){
            getRequest().setAttribute("errorMsg","非法添加操作，请按正常流程进行");
            return "forward:/user/error.jsp";
        }
        //3、令牌校验成功，为了防止重复校验，将session中的令牌销毁
        getRequest().getSession().removeAttribute("addUserTokenId");

        //二、令牌校验完成的，才能进行添加用户操作
        //1、接收表单数据
        User param = toBean(User.class);
        //2、调用service进行保存
        boolean result = userService.addUser(param);
        //3、根据service处理结果，做不同的跳转
        if(result){
            //添加成功
            return "forward:/user?method=list";
        }else{
            //添加失败
            getRequest().setAttribute("errorMsg","添加失败");
            return "forward:/user/error.jsp";
        }
    }

    令牌机制：

    起点：发令牌

    人物：带令牌

    关卡：校验令牌，校验成功销毁关卡令牌

    8， UMS-用户登录【阶段2】

    8.1：需求说明

      

    8.2：需求分析

    分析：

    关键点：

    1、JavaBean javaBean = toBean(JavaBean.class);

    2、登录校验:

    service:

    若用户名正确，并且密码也正确，登录成功；否则登录失败

    用户名正确：遍历用户的用户名 和 表单输入的用户名相同

    3、session域对象，请求重定向

    登录成功，页面跳转，路径也被改变，说明使用的是请求重定向。

    重定向不能使用request作用域传递数据，使用更大的session传递数据

    8.3：代码实现

    /login/login.jsp

    <form action="<%=pageContext.getServletContext().getContextPath()%>/login" method="post" target="_parent">
       <input type="hidden" name="method" value="login"/>

    <tr>
       <td height="30" nowrap>
          <font color="000F60"><strong>用户名：</strong> </font>
       </td>
       <td>
          <input type="text" name="loginName" class="test" style="width: 160px;"/>
       </td>
    </tr>

    <tr>
       <td height="30" nowrap>
          <strong><font color="000F60">密码： </font> </strong>
       </td>
       <td>
          <input type="password" name="loginPwd" class="text" style="width: 160px;"/>
       </td>
    </tr>

    /**
     * 用户登录
     * @return
     */
    public String login(){
        //1、接收表单参数
        User param = toBean(User.class);
        //2、调用service进行登录处理
        User result = null;
        try {
            result = userService.login(param);
        } catch (Exception e) {
            //抛出异常，登录也是失败
            getRequest().setAttribute("errorMsg",e.getMessage());
            return "forward:/login/login.jsp";
        }
        //3、根据返回结果，跳转不同的页面
        if(result!=null){
            //登录成功
            getRequest().getSession().setAttribute("loginUser",result);
            return "redirect:/index.jsp";
        }else{
            //登录失败
            getRequest().setAttribute("errorMsg","用户名或密码错误");
            return "forward:/login/login.jsp";
        }
    }

    UserService

    /**
     * 用户登录。    用户登录成功，返回User对象。 登录失败，返回Null
     * @param param
     * @return
     */
    public User login(User param) {
        //1、获取所有用户信息
        List<User> ulist = userDao.searchAll();
        //2、遍历所有用户信息
        if(ulist!=null){
            for (User u : ulist) {
                //3、每遍历一个用户信息，对比表单用户名是否正确，对比表单密码是否正确. 都正确，登录成功
                if(u.getLoginName().equals(param.getLoginName())
                    && u.getLoginPwd().equals(param.getLoginPwd())){
                    return u;
                }
            }
        }
        //4、经过遍历，没有一个成功，登录失败
        return null;
    }

    /login/top.jsp

    用户名： <font color="blue">${loginUser.userName}</font></td>

    /login/login.jsp

    <strong style="font-size: 14px;color:red;">${errorMsg}</strong>

    9，UMS-验证码校验【阶段2】

    9.1：需求说明

    9.2：点击切换验证码

    9.2.1：需求分析

    9.2.2：代码实现

    /login/login.jsp

    <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.11.3.min.js"></script>
    <script type="text/javascript">
       var m1Src;//图片验证码src
       $(function(){
          //为验证码图片绑定点击切换图片功能
          $("#m1").click(function(){
             var m1 = $(this);
             if(m1Src==undefined){
                m1Src = m1.prop("src");
             }
             m1.prop("src",m1Src+"&t="+new Date().getTime());
          });
       });
    </script>

    <tr>
       <td height="30" nowrap>
          <strong><font color="000F60">验证码： </font> </strong>
       </td>
       <td>
          <input type="text" name="verifyCode" class="text" style="width: 50px;"/>
          <img id="m1" src="<%=pageContext.getServletContext().getContextPath()%>/vc?method=vc" style="height:30px;width:100px;"/>
       </td>
    </tr>

    VerifyCodeServlet

    /**
     * 生成验证码，正确答案保存session
     */
    public void vc() throws IOException {
        String vci = createVerifyCodeImage();
        System.out.println(vci);
        getRequest().getSession().setAttribute("vci",vci);
    }

    9.3：验证码校验

    9.3.1：需求分析

    9.3.2：代码实现

    /login/login.jsp

    <tr>
       <td height="30" nowrap>
          <strong><font color="000F60">验证码： </font> </strong>
       </td>
       <td>
          <input type="text" name="verifyCode" class="text" style="width: 50px;"/>
          <img id="m1" src="<%=pageContext.getServletContext().getContextPath()%>/vc?method=vc" style="height:30px;width:100px;"/>
       </td>
    </tr>

    UserServlet

    /**
     * 用户登录
     * @return
     */
    public String login(){
        //一、先进行验证码校验
        //1、分别获取表单验证码和正确验证码
        String verifyCode = getRequest().getParameter("verifyCode");
        String vci = (String) getRequest().getSession().getAttribute("vci");
        //2、为了防止被重复校验验证码，正确验证码使用一次，就要从session中消除
        getRequest().getSession().removeAttribute("vci");
        //3、校验判断，若校验失败，直接返回错误信息，不用进行用户登录判断
        //若用户未提交验证码 或者 正确验证码不存在  或者 两个验证码不同    ABCD和 abcd 相同
        if(verifyCode==null || vci==null || !vci.equalsIgnoreCase(verifyCode)){
            //校验失败
            getRequest().setAttribute("errorMsg","验证码校验失败");
            return "forward:/login/login.jsp";
        }
        //4、校验成功，继续进行登录校验【无代码，直接向后运行】
        //二、再进行用户登录校验
        //1、接收表单参数
        User param = toBean(User.class);
        //2、调用service进行登录处理
        User result = null;
        try {
            result = userService.login(param);
        } catch (Exception e) {
            //抛出异常，登录也是失败
            getRequest().setAttribute("errorMsg",e.getMessage());
            return "forward:/login/login.jsp";
        }
        //3、根据返回结果，跳转不同的页面
        if(result!=null){
            //登录成功
            getRequest().getSession().setAttribute("loginUser",result);
            return "redirect:/index.jsp";
        }else{
            //登录失败
            getRequest().setAttribute("errorMsg","用户名或密码错误");
            return "forward:/login/login.jsp";
        }
    }

    10，UMS-记住用户名【阶段2】

    10.1：需求说明

    10.2：需求分析

    分析：

    关键点：

    1、使用cookie技术保存数据到浏览器7天

    Cookie c = new Cookie("key","value");

    c.setMaxAge(60*60*24*7);//秒

    getResponse().addCookie(c);

    2、cookie数据JSP回显

    <%

    //查找指定cookie的固定代码格式

    Cookie[] arr = request.getCookies();

    String value = "";//开关

    //若浏览器没有发来任何cookie，null

    if(arr!=null){

    for(Cookie c:arr){

    if(c.getName().equals("要查找的cookie名")){

    value=c.getValue();

    break;

    }

    }

    }

    //JSP数据回显

    //回显

    out.write(value);

    %>

    <%=cookieValue%>

    3、cookie覆盖问题

    两个cookie是追加还是相互覆盖主要看 唯一标识（域名+有效路径+cookie名）

    注意：因为都是一个服务器进行编写，所以域名默认相同，我们在进行编码时，cookie名肯定相同。

    有效路径统一设置为项目名：  /项目名

    4、cookie保存中文问题

    cookie不能直接保存中文。

    URL编码来保存中文，URL解码来读取中文。

    URL编码：URLEncoder.encode("","utf-8");

    URL解码：URLDecoder.decode("","utf-8");

    10.3：代码实现

    //cookie数据保存：

    /login/login.jsp

    <tr>
       <td height="30" nowrap>
       </td>
       <td>
          <input type="checkbox" name="autoLogin" value="yes"/>自动登录
          <input type="checkbox" name="remember" value="yes"/>记住用户名
       </td>
    </tr>

    UserServlet

    /**
     * 用户登录
     * @return
     */
    public String login() throws UnsupportedEncodingException {
        //一、先进行验证码校验
        //1、分别获取表单验证码和正确验证码
        String verifyCode = getRequest().getParameter("verifyCode");
        String vci = (String) getRequest().getSession().getAttribute("vci");
        //2、为了防止被重复校验验证码，正确验证码使用一次，就要从session中消除
        getRequest().getSession().removeAttribute("vci");
        //3、校验判断，若校验失败，直接返回错误信息，不用进行用户登录判断
        //若用户未提交验证码 或者 正确验证码不存在  或者 两个验证码不同    ABCD和 abcd 相同
        if(verifyCode==null || vci==null || !vci.equalsIgnoreCase(verifyCode)){
            //校验失败
            getRequest().setAttribute("errorMsg","验证码校验失败");
            return "forward:/login/login.jsp";
        }
        //4、校验成功，继续进行登录校验【无代码，直接向后运行】
        //二、再进行用户登录校验
        //1、接收表单参数
        User param = toBean(User.class);
        //2、调用service进行登录处理
        User result = null;
        try {
            result = userService.login(param);
        } catch (Exception e) {
            //抛出异常，登录也是失败
            getRequest().setAttribute("errorMsg",e.getMessage());
            return "forward:/login/login.jsp";
        }
        //3、根据返回结果，跳转不同的页面
        if(result!=null){
            //登录成功
            getRequest().getSession().setAttribute("loginUser",result);
            //三、判断用户是否需要记住用户名
            //1、尝试从请求中获取remember参数
            String rememberStr = getRequest().getParameter("remember");
            //2、判断remember参数，如果remember不为null,记住用户名
            if(rememberStr!=null){
                Cookie remember = new Cookie("remember", URLEncoder.encode(result.getLoginName(), "utf-8"));
                remember.setPath(getRequest().getContextPath());
                remember.setMaxAge(60*60*24*7);
                getResponse().addCookie(remember);
            }else{
                //3、remember为null,删除之前记住的用户名
                Cookie remember = new Cookie("remember", "");
                remember.setPath(getRequest().getContextPath());
                remember.setMaxAge(0);
                getResponse().addCookie(remember);
            }
            return "redirect:/index.jsp";
        }else{
            //登录失败
            getRequest().setAttribute("errorMsg","用户名或密码错误");
            return "forward:/login/login.jsp";
        }
    }

    优化UserServlet

    /**
     * 用户登录
     * @return
     */
    public String login() throws UnsupportedEncodingException {
        //一、先进行验证码校验
        //1、分别获取表单验证码和正确验证码
        String verifyCode = getRequest().getParameter("verifyCode");
        String vci = (String) getRequest().getSession().getAttribute("vci");
        //2、为了防止被重复校验验证码，正确验证码使用一次，就要从session中消除
        getRequest().getSession().removeAttribute("vci");
        //3、校验判断，若校验失败，直接返回错误信息，不用进行用户登录判断
        //若用户未提交验证码 或者 正确验证码不存在  或者 两个验证码不同    ABCD和 abcd 相同
        if(verifyCode==null || vci==null || !vci.equalsIgnoreCase(verifyCode)){
            //校验失败
            getRequest().setAttribute("errorMsg","验证码校验失败");
            return "forward:/login/login.jsp";
        }
        //4、校验成功，继续进行登录校验【无代码，直接向后运行】
        //二、再进行用户登录校验
        //1、接收表单参数
        User param = toBean(User.class);
        //2、调用service进行登录处理
        User result = null;
        try {
            result = userService.login(param);
        } catch (Exception e) {
            //抛出异常，登录也是失败
            getRequest().setAttribute("errorMsg",e.getMessage());
            return "forward:/login/login.jsp";
        }
        //3、根据返回结果，跳转不同的页面
        if(result!=null){
            //登录成功
            getRequest().getSession().setAttribute("loginUser",result);
            //三、判断用户是否需要记住用户名
            //1、尝试从请求中获取remember参数
            String rememberStr = getRequest().getParameter("remember");
            //2、判断remember参数，如果remember不为null,记住用户名
            Cookie remember = new Cookie("remember", "");
            remember.setPath(getRequest().getContextPath());
            if(rememberStr!=null){
                remember.setValue(URLEncoder.encode(result.getLoginName(), "utf-8"));
                remember.setMaxAge(60*60*24*7);
            }else{
                //3、remember为null,删除之前记住的用户名
                remember.setMaxAge(0);
            }
            getResponse().addCookie(remember);
            return "redirect:/index.jsp";
        }else{
            //登录失败
            getRequest().setAttribute("errorMsg","用户名或密码错误");
            return "forward:/login/login.jsp";
        }
    }

    //cookie数据回显：  (用户名，复选框)

    /login/login.jsp

    <%
       //1、从cookie中获取用户名
       //1.1、获取cookie数组
       Cookie[] arr = request.getCookies();
       //1.2、遍历数组，寻找记录用户名cookie，取出value值
       String rememberUsername = "";//为了在展示JSP时，不存在记录的用户名不能展示null，不利于用户体现
       if(arr!=null){
          for (Cookie c : arr) {
             if(c.getName().equals("remember")){
                rememberUsername = URLDecoder.decode(c.getValue(),"utf-8");
                break;
             }
          }
       }
    %>

    <tr>
       <td height="30" nowrap>
          <font color="000F60"><strong>用户名：</strong> </font>
       </td>
       <td>
          <input type="text" name="loginName" class="test" style="width: 160px;" value="<%=rememberUsername%>"/>
       </td>
    </tr>

    <tr>
       <td height="30" nowrap>
       </td>
       <td>
          <input type="checkbox" name="autoLogin" value="yes"/>自动登录
          <input type="checkbox" name="remember" value="yes"
             <%
                //用户名不是空字符串，说明之前用户 记录用户名，框体就应该被回显选中
                if(!rememberUsername.equals("")){
                   out.write("checked='checked'");
                }
             %>
          />记住用户名
       </td>
    </tr>

    11，UMS-MD5校验【拓展】

    11.1：需求说明

    密码   敏感数据可能存在泄露和丢失

    担心：保存在服务器上会不会泄露

    拷贝走数据（非项目组成员）

    不道德程序员，记录下来

    对敏感数据，例如密码进行加密操作。

    public static void main(String[] args) {
        //因为加密算法是固定的，对同一个数据加密两次，加密结果是相同的
        String str = "爱吃豆的土豆";
        String md5 = UMSUtils.getMD5(str);
        System.out.println(md5);//f7370f7dc09f3ab88ea1d81283fb725f
        String md52 = UMSUtils.getMD5(str);
        System.out.println(md52);//f7370f7dc09f3ab88ea1d81283fb725f
    }

    11.2：需求分析

    添加用户：输入用户密码进行保存，对密码进行md5加密

    编辑用户：密码回显和修改，对修改密码进行md5加密

    用户登录：对表单输入的密码进行md5加密

    11.3：代码实现

    添加用户：

    UserService

    /**
     * 添加用户
     * @param param
     * @return
     */
    public boolean addUser(User param) {
        //1、生成随机ID
        param.setId(UUID.randomUUID().toString().replaceAll("-",""));
        //敏感数据进行MD5加密
        param.setLoginPwd(UMSUtils.getMD5(param.getLoginPwd()));
        //2、调用Dao进行数据保存
        //3、try...catch对处理结果进行判断：没有出现异常，保存成功，否则保存失败
        try {
            userDao.addUser(param);
        } catch (Exception e) {
            //出现异常，添加失败
            return false;
        }
        //没有出现异常，添加成功
        return true;
    }

    编辑用户：

    可能性：

    1. 加密密码回显表单后，用户没有对加密密码进行过任何修改，加密密码不要被再次加密
    2. 加密密码回显表单后，用户对加密密码进行过修改，对密码进行重新加密

    解决：

    在页面添加一个隐藏域：pwdSource  源密码（加密密码）

    servlet、service进行判断：

    如果表单密码框数据 == 源密码，说明用户未对密码进行修改，不需要对表单密码进行再次加密

    如果表单密码框数据 != 源密码，说明用户一定对密码进行了修改，需要对表单密码进行再次加密。

    BUG：用户新改的密码 和 md5源加密密码一致，无法判断。

    edit.jsp

    <form method="post" action="<%=pageContext.getServletContext().getContextPath()%>/user">
    <input type="hidden" name="method" value="modifyUser" />
          <input type="hidden" name="id" value="${user.id}" />
    <input type="hidden" name="pwdResource" value="${user.loginPwd}" />

    UserServlet

    /**
     * 修改用户信息
     * @return
     */
    public String modifyUser(){
        //获取源密码
        String pwdResource = getRequest().getParameter("pwdResource");
        //1、获取所有表单数据
        User param = toBean(User.class);
        //2、调用service进行保存
        boolean result = userService.modifyUser(param,pwdResource);
        //3、根据service保存结果，进行展示
        if(result){
            //修改成功
            return "redirect:/user?method=list";
        }else{
            //修改失败
            getRequest().setAttribute("errorMsg","修改失败");
            return "forward:/user/error.jsp";
        }
    }

    UserService

    /**
     * 修改用户信息
     * @param param
     * @param pwdResource
     * @return
     */
    public boolean modifyUser(User param, String pwdResource) {
        try {
            //1、查询所有用户信息
            List<User> ulist = userDao.searchAll();
            //2、迭代删除被修改的用户
            if(ulist!=null){
                Iterator<User> it = ulist.iterator();
                while (it.hasNext()){
                    User next = it.next();
                    if(next.getId().equals(param.getId())){
                        it.remove();
                        break;
                    }
                }
            }
            //在向ulist追加之前，要对密码进行处理，用户表单密码到底要不要加密
            //表单密码==源密码，说明用户未修改，不要再次加密（无代码）
            //表单密码!=源密码，说明用户已修改，需要再次加密
            if(!param.getLoginPwd().equals(pwdResource)){
                param.setLoginPwd(UMSUtils.getMD5(param.getLoginPwd()));
            }

            //3、向集合追加被修改用户的新信息
            ulist.add(param);
            //4、以覆盖方式写回xml
            userDao.saveUlist(ulist);
        } catch (Exception e) {
            return false;
        }
        return true;
    }

    LoginServlet

    /**
     * 用户登录。    用户登录成功，返回User对象。 登录失败，返回Null
     * @param param
     * @return
     */
    public User login(User param) {
        //对表单密码进行加密
        param.setLoginPwd(UMSUtils.getMD5(param.getLoginPwd()));
        //1、获取所有用户信息
        List<User> ulist = userDao.searchAll();
        //2、遍历所有用户信息
        if(ulist!=null){
            for (User u : ulist) {
                //3、每遍历一个用户信息，对比表单用户名是否正确，对比表单密码是否正确. 都正确，登录成功
                if(u.getLoginName().equals(param.getLoginName())
                    && u.getLoginPwd().equals(param.getLoginPwd())){
                    return u;
                }
            }
        }
        //4、经过遍历，没有一个成功，登录失败
        return null;
    }

    最后：

            如果文章对您有帮助，就拿起小手赶紧给博主点赞💚评论❤️收藏💙 一下吧！ 

           愿我们在未来的日子里。熠熠生辉！！！

  • 相关阅读:
    不专业面试官的经验总结
    Linux多线程(线程同步与条件变量)
    GD32F103C8T6 PB4 NJTRST引脚当做普通I/O口
    在Win11上部署ChatGLM3详细步骤
    超强功能WebSSH安装，解决Web远程SSH终端
    Net 高级调试之十六：平台互用性及P/Invoke和内存泄漏调试
    【Redis】Redis实现分布式锁
    直方图统计增强方法
    js设计模式:外观模式
    Logback 日志格式参数说明
  • 原文地址：https://blog.csdn.net/m0_64550837/article/details/125469968