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

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**: 1**px 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**: 160**px**;**"**/>
</**td**>
</**tr**>

<**tr**>
<**td ****height****="30" ****nowrap**>
<**strong**><**font ****color****="000F60"**>密码： </**font**> </**strong**>
</**td**>
<**td**>
<**input ****type****="password" ****name****="****loginPwd****" ****class****="text" ****style****="****width**: 160**px**;**"**/>
</**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: 14**px;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**: 50**px**;**"**/>
<**img ****id****="m1" ****src****="****<%=**pageContext.getServletContext().getContextPath()**%>**/vc?method=vc" style="height:30**px;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**: 50**px**;**"**/>
<**img ****id****="m1" ****src****="****<%=**pageContext.getServletContext().getContextPath()**%>***/vc?method=vc" style="*height:30*px;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(606024*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**: 160**px**;**" ****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;
  }

最后：

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

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