D11 Sping Boot 入门 Sping框架--Java Web之书城项目（三）页面动态化

1、页面jsp动态化

　　Ⅰ、在HTML页面顶行添加page指令。

　　Ⅱ、把文件后缀名改为.jsp。

2、抽取页面中相同的内容

　　Ⅰ、head中的css、jQuery、base标签。

　　Ⅱ、页脚

　　Ⅲ、各个目录模块

3、登录、注册错误提示及表单回显

　　LoginServlet.java中

　　

　　login.jsp中

 　　　

 　　   

 4、BaseServlet的抽取

　　Ⅰ、LoginServlet和RegistServlet的合并

　　Ⅱ、新建UserServlet.java来整合注册和登录功能（配置web.xml）

　　　 

package com.gychen.web;

import com.gychen.pojo.User;
import com.gychen.service.UserService;
import com.gychen.service.impl.UserServiceImpl;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

public class UserServlet extends HttpServlet {
    
    private UserService userService = new UserServiceImpl();
    

    /**
     * 处理登录功能
     * @param req
     * @param resp
     * @throws ServletException
     * @throws IOException
     */
    protected void login(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException{


        //1、获取请求的参数
        String username = req.getParameter("username");
        String password = req.getParameter("password");

//        2、调用XXXService.xxx()处理业务/userService.log()登录
        //判断用户名是否存在
        if(userService.existUsername(username)){
//        userService.login(new User(null,username,password,null));
            User loginUser = userService.login(new User(null,username,password,null));
//        3、根据login()方法返回结果判断登录是否成功
            if(loginUser != null) {
//
//　　        Ⅰ、成功
                System.out.println("login success");
//
//　　　　          跳到登录成功页面
                req.getRequestDispatcher("/pages/user/login_success.jsp").forward(req,resp);
            }else {
//
//　　        Ⅱ、失败
                System.out.println("login failed");
                //把错误信息和回显信息保存到Resquest域中
                req.setAttribute("loginError","用户名或密码错误");
                req.setAttribute("username",username);
//
//　　　　          跳回登录页面
                req.getRequestDispatcher("/pages/user/login.jsp").forward(req,resp);
            }
        }else{
            System.out.println("用户名["+username+"]不存在，请先注册");
            req.setAttribute("loginError","用户名不存在");
            req.setAttribute("username",username);
//　　　　          跳回登录页面
            req.getRequestDispatcher("/pages/user/login.jsp").forward(req,resp);
        }
       
    }

    /**
     * 处理注册功能
     * @param req
     * @param resp
     * @throws ServletException
     * @throws IOException
     */
    protected void regist(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException{
        
        //        1、获取请求参数
        String username = req.getParameter("username");
        String password = req.getParameter("password");
//        String repwd = req.getParameter("repwd");
        String email = req.getParameter("email");
        String verification_code = req.getParameter("verification_code");
//        2、检查验证码是否正确
        if("abcde".equalsIgnoreCase(verification_code)){

//          Ⅰ、正确

//              3、检查用户名是否可用
            if(userService.existUsername(username)){
//                  ①、不可用
//                      跳回注册页面
                System.out.println("用户名["+username+"]已存在");
                //把错误信息和回显保存到Request域中
                req.setAttribute("registError","用户名已存在");
                req.setAttribute("username",username);
                req.setAttribute("email",email);
                req.getRequestDispatcher("/pages/user/regist.jsp").forward(req,resp);
            }else{
//                  ②、可用
                System.out.println("用户名["+username+"]可用");
//                      调用Service保存到数据库
                userService.registUser(new User(null,username,password,email));
//                      跳到注册成功页面
                req.getRequestDispatcher("/pages/user/regist_success.jsp").forward(req,resp);
            }

        }else {
//          Ⅱ、错误
//              跳回注册页面
            System.out.println("验证码错误["+verification_code+"]错误");
            //把错误信息和回显保存到Request域中
            req.setAttribute("registError","验证码错误");
            req.setAttribute("username",username);
            req.setAttribute("email",email);
            req.getRequestDispatcher("/pages/user/regist.jsp").forward(req,resp);
        }
    }

    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException{
        
        //判断页面的功能
        String action = req.getParameter("action");
        
        //如果是登录页面，则处理登录业务逻辑
        if("login".equals(action)){
            login(req,resp);
        }

        //如果是注册页面，则处理注册业务逻辑
        if("regist".equals(action)){
            
            regist(req,resp);
        }
        
    }
}

　　Ⅲ、使用反射优化大量的elif语句

　　　　情景：有大量的用户功能，比如除了登录、注册的修改密码、绑定手机、绑定邮箱、注销用户等等。

　　　　若使用反射（根据参数返回相应方法名），则不需每添加一个功能就写一个if判断语句。开发者只需关注功能模块（即方法）　　　

　　　　

package com.gychen.web;

import com.gychen.pojo.User;
import com.gychen.service.UserService;
import com.gychen.service.impl.UserServiceImpl;
import com.gychen.test.UserServletTest;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.lang.reflect.Method;

public class UserServlet extends HttpServlet {

    private UserService userService = new UserServiceImpl();


    /**
     * 处理登录功能
     * @param req
     * @param resp
     * @throws ServletException
     * @throws IOException
     */
    protected void login(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException{


        //1、获取请求的参数
        String username = req.getParameter("username");
        String password = req.getParameter("password");

//        2、调用XXXService.xxx()处理业务/userService.log()登录
        //判断用户名是否存在
        if(userService.existUsername(username)){
//        userService.login(new User(null,username,password,null));
            User loginUser = userService.login(new User(null,username,password,null));
//        3、根据login()方法返回结果判断登录是否成功
            if(loginUser != null) {
//
//　　        Ⅰ、成功
                System.out.println("login success");
//
//　　　　          跳到登录成功页面
                req.getRequestDispatcher("/pages/user/login_success.jsp").forward(req,resp);
            }else {
//
//　　        Ⅱ、失败
                System.out.println("login failed");
                //把错误信息和回显信息保存到Resquest域中
                req.setAttribute("loginError","用户名或密码错误");
                req.setAttribute("username",username);
//
//　　　　          跳回登录页面
                req.getRequestDispatcher("/pages/user/login.jsp").forward(req,resp);
            }
        }else{
            System.out.println("用户名["+username+"]不存在，请先注册");
            req.setAttribute("loginError","用户名不存在");
            req.setAttribute("username",username);
//　　　　          跳回登录页面
            req.getRequestDispatcher("/pages/user/login.jsp").forward(req,resp);
        }

    }

    /**
     * 处理注册功能
     * @param req
     * @param resp
     * @throws ServletException
     * @throws IOException
     */
    protected void regist(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException{

        //        1、获取请求参数
        String username = req.getParameter("username");
        String password = req.getParameter("password");
//        String repwd = req.getParameter("repwd");
        String email = req.getParameter("email");
        String verification_code = req.getParameter("verification_code");
//        2、检查验证码是否正确
        if("abcde".equalsIgnoreCase(verification_code)){

//          Ⅰ、正确

//              3、检查用户名是否可用
            if(userService.existUsername(username)){
//                  ①、不可用
//                      跳回注册页面
                System.out.println("用户名["+username+"]已存在");
                //把错误信息和回显保存到Request域中
                req.setAttribute("registError","用户名已存在");
                req.setAttribute("username",username);
                req.setAttribute("email",email);
                req.getRequestDispatcher("/pages/user/regist.jsp").forward(req,resp);
            }else{
//                  ②、可用
                System.out.println("用户名["+username+"]可用");
//                      调用Service保存到数据库
                userService.registUser(new User(null,username,password,email));
//                      跳到注册成功页面
                req.getRequestDispatcher("/pages/user/regist_success.jsp").forward(req,resp);
            }

        }else {
//          Ⅱ、错误
//              跳回注册页面
            System.out.println("验证码错误["+verification_code+"]错误");
            //把错误信息和回显保存到Request域中
            req.setAttribute("registError","验证码错误");
            req.setAttribute("username",username);
            req.setAttribute("email",email);
            req.getRequestDispatcher("/pages/user/regist.jsp").forward(req,resp);
        }
    }

    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException{

        //判断页面的功能
        String action = req.getParameter("action");

//        //如果是登录页面，则处理登录业务逻辑
//        if("login".equals(action)){
//            login(req,resp);
//        }
//
//        //如果是注册页面，则处理注册业务逻辑
//        else if("regist".equals(action)){
//
//            regist(req,resp);
//        }

        //不用添加一个功能就写一个if，反射获取方法名
        try {
            //通过action业务鉴别字符串，获取相应的业务 方法反射对象
            Method method = this.getClass().getDeclaredMethod
                    (action,HttpServletRequest.class,HttpServletResponse.class);
//            System.out.println(method);
            //调用目标业务方法
            method.invoke(this,req,resp);
        } catch (Exception e) {
            e.printStackTrace();
        }

    }
}

　　　UserServlet总结：

　　　　①、获取action参数值。

　　　　②、通过反射获取action对应的业务方法。

　　　　③、通过反射调用业务方法。

　　Ⅳ、BaseServlet的抽取

　　　　新建一个BaseServlet.java类（把doPost抽取到BaseServlet中供所有模块复用继承）　　　　

　　　　

package com.gychen.web;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.lang.reflect.Method;

public abstract class BaseServlet extends HttpServlet {

    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {

        //判断页面的功能
        String action = req.getParameter("action");

//        //如果是登录页面，则处理登录业务逻辑
//        if("login".equals(action)){
//            login(req,resp);
//        }
//
//        //如果是注册页面，则处理注册业务逻辑
//        else if("regist".equals(action)){
//
//            regist(req,resp);
//        }

        //不用添加一个功能就写一个if，反射获取方法名
        try {
            //通过action业务鉴别字符串，获取相应的业务 方法反射对象
            Method method = this.getClass().getDeclaredMethod
                    (action,HttpServletRequest.class,HttpServletResponse.class);
//            System.out.println(method);
            //调用目标业务方法
            method.invoke(this,req,resp);
        } catch (Exception e) {
            e.printStackTrace();
        }

    }
}

　　　　

package com.gychen.web;

import com.gychen.pojo.User;
import com.gychen.service.UserService;
import com.gychen.service.impl.UserServiceImpl;
import com.gychen.test.UserServletTest;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.lang.reflect.Method;

public class UserServlet extends BaseServlet {

    private UserService userService = new UserServiceImpl();


    /**
     * 处理登录功能
     * @param req
     * @param resp
     * @throws ServletException
     * @throws IOException
     */
    protected void login(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException{


        //1、获取请求的参数
        String username = req.getParameter("username");
        String password = req.getParameter("password");

//        2、调用XXXService.xxx()处理业务/userService.log()登录
        //判断用户名是否存在
        if(userService.existUsername(username)){
//        userService.login(new User(null,username,password,null));
            User loginUser = userService.login(new User(null,username,password,null));
//        3、根据login()方法返回结果判断登录是否成功
            if(loginUser != null) {
//
//　　        Ⅰ、成功
                System.out.println("login success");
//
//　　　　          跳到登录成功页面
                req.getRequestDispatcher("/pages/user/login_success.jsp").forward(req,resp);
            }else {
//
//　　        Ⅱ、失败
                System.out.println("login failed");
                //把错误信息和回显信息保存到Resquest域中
                req.setAttribute("loginError","用户名或密码错误");
                req.setAttribute("username",username);
//
//　　　　          跳回登录页面
                req.getRequestDispatcher("/pages/user/login.jsp").forward(req,resp);
            }
        }else{
            System.out.println("用户名["+username+"]不存在，请先注册");
            req.setAttribute("loginError","用户名不存在");
            req.setAttribute("username",username);
//　　　　          跳回登录页面
            req.getRequestDispatcher("/pages/user/login.jsp").forward(req,resp);
        }

    }

    /**
     * 处理注册功能
     * @param req
     * @param resp
     * @throws ServletException
     * @throws IOException
     */
    protected void regist(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException{

        //        1、获取请求参数
        String username = req.getParameter("username");
        String password = req.getParameter("password");
//        String repwd = req.getParameter("repwd");
        String email = req.getParameter("email");
        String verification_code = req.getParameter("verification_code");
//        2、检查验证码是否正确
        if("abcde".equalsIgnoreCase(verification_code)){

//          Ⅰ、正确

//              3、检查用户名是否可用
            if(userService.existUsername(username)){
//                  ①、不可用
//                      跳回注册页面
                System.out.println("用户名["+username+"]已存在");
                //把错误信息和回显保存到Request域中
                req.setAttribute("registError","用户名已存在");
                req.setAttribute("username",username);
                req.setAttribute("email",email);
                req.getRequestDispatcher("/pages/user/regist.jsp").forward(req,resp);
            }else{
//                  ②、可用
                System.out.println("用户名["+username+"]可用");
//                      调用Service保存到数据库
                userService.registUser(new User(null,username,password,email));
//                      跳到注册成功页面
                req.getRequestDispatcher("/pages/user/regist_success.jsp").forward(req,resp);
            }

        }else {
//          Ⅱ、错误
//              跳回注册页面
            System.out.println("验证码错误["+verification_code+"]错误");
            //把错误信息和回显保存到Request域中
            req.setAttribute("registError","验证码错误");
            req.setAttribute("username",username);
            req.setAttribute("email",email);
            req.getRequestDispatcher("/pages/user/regist.jsp").forward(req,resp);
        }
    }
}

5、数据的封装和抽取BeanUtils的使用

　　BeanUtils工具类，它可以一次性的把所有请求的参数注入到JavaBean中。

 　　BeanUtils不是jdk的类，是第三方的类，需要导包。

　　Ⅰ、BeanUtils导包

　　 

//使用BeanUtils注入参数
        try {
            User user = new User();
            System.out.println("参数注入前："+user); //参数注入前：User{id=null, username='null', password='null', email='null'}
            /**
             * 把所有请求的参数都注入到user对象中
             */
            BeanUtils.populate(user,req.getParameterMap());
            System.out.println("参数注入之后："+user); //参数注入之后：User{id=null, username='admin', password='admin', email='admin@qq.com'}
        } catch (Exception e) {
            e.printStackTrace();
        }

　　Ⅱ、把此功能封装到com.gychen.utils中供所有模块使用

 　　新建WebUtils.java类

法一：

　　

package com.gychen.utils;

import org.apache.commons.beanutils.BeanUtils;

import java.util.Map;

public abstract class WebUtils {

    /**
     * 把Map中的值注入到对应的JavaBean中
     * @param map
     * @param bean
     */
    public static void copyParamToBean(Map map, Object bean){
        //使用BeanUtils注入参数,bean是被注入的对象
        try {

            System.out.println("参数注入前："+bean);
            /**
             * 把所有请求的参数都注入到map中
             */
            BeanUtils.populate(bean,map);
            System.out.println("参数注入之后："+bean);
        } catch (Exception e) {
            e.printStackTrace();
        }
    }
}

法二：

　　

package com.gychen.utils;

import org.apache.commons.beanutils.BeanUtils;

import java.util.Map;

public abstract class WebUtils {

    /**
     * 法二
     * 把Map中的值注入到对应的JavaBean中
     * @param map
     * @param bean
     * @return
     */
    public static Object copyParamToBean(Map map, Object bean) {
        //使用BeanUtils注入参数,bean是被注入的对象
        try {

            System.out.println("参数注入前：" + bean);
            /**
             * 把所有请求的参数都注入到map中
             */
            BeanUtils.populate(bean, map);
            System.out.println("参数注入之后：" + bean);
        } catch (Exception e) {
            e.printStackTrace();
        }
        return bean;
    }
}

法三：

　　

package com.gychen.utils;

import org.apache.commons.beanutils.BeanUtils;

import java.util.Map;

public abstract class WebUtils {

//    /**
//     * 法一
//     * 引用格式为 User user = new User();
//     *          WebUtils.copyParamToBean(req.getParameterMap(),user);
//     * 把Map中的值注入到对应的JavaBean中
//     * @param map
//     * @param bean
//     */
//    public static void copyParamToBean(Map map, Object bean){
//        //使用BeanUtils注入参数,bean是被注入的对象
//        try {
//
//            System.out.println("参数注入前："+bean);
//            /**
//             * 把所有请求的参数都注入到map中
//             */
//            BeanUtils.populate(bean,map);
//            System.out.println("参数注入之后："+bean);
//        } catch (Exception e) {
//            e.printStackTrace();
//        }
//    }


//    /**
//     * 法二
//     * 把Map中的值注入到对应的JavaBean中
//     * 引用格式为 User user = (User) WebUtils.copyParamToBean(req.getParameterMap(),new User());
//     * @param map
//     * @param bean
//     * @return
//     */
//    public static Object copyParamToBean(Map map, Object bean) {
//        //使用BeanUtils注入参数,bean是被注入的对象
//        try {
//
//            System.out.println("参数注入前：" + bean);
//            /**
//             * 把所有请求的参数都注入到map中
//             */
//            BeanUtils.populate(bean, map);
//            System.out.println("参数注入之后：" + bean);
//        } catch (Exception e) {
//            e.printStackTrace();
//        }
//        return bean;
//    }






    /**
     * 法三 泛型
     * 把Map中的值注入到对应的JavaBean中
     * 引用格式为 User user =  WebUtils.copyParamToBean(req.getParameterMap(),new User());
     * @param map
     * @param bean
     * @return
     */
    public static <T> T copyParamToBean(Map map, T bean) {
        //使用BeanUtils注入参数,bean是被注入的对象
        try {

            System.out.println("参数注入前：" + bean);
            /**
             * 把所有请求的参数都注入到map中
             */
            BeanUtils.populate(bean, map);
            System.out.println("参数注入之后：" + bean);
        } catch (Exception e) {
            e.printStackTrace();
        }
        return bean;
    }
}

　　在UserServlet程序里调用WebUtils

法一（对应以上法一）：

 //使用封装好的bean工具类来注入参数
        User user = new User();
        WebUtils.copyParamToBean(req.getParameterMap(),user);
//  参数注入之后：User{id=null, username='admin', password='adsss', email='admin@qq.com'}

法二（对应以上法二）：

//法二
        User user = (User) WebUtils.copyParamToBean(req.getParameterMap(),new User());

法三（对应以上法三）：

//法三
        User user =  WebUtils.copyParamToBean(req.getParameterMap(),new User());

 6、使用EL表达式实现表单错误和回显

　　Ⅰ、login.jsp

　　　java脚本表达式: <%=request.getAttribute("loginError")==null?"请输入用户名和密码": request.getAttribute("loginError")%> 

　　　EL表达式：        ${ empty requestScope.loginError?"请输入用户名和密码":requestScope.loginError } 

　　　Java脚本表达式：

<input class="itxt" type="text" placeholder="请输入用户名" autocomplete="off" tabindex="1" name="username"
                                     value="<%=request.getAttribute("username")==null?"":request.getAttribute("username")%>" />

　　　EL表达式：

<input class="itxt" type="text" placeholder="请输入用户名" autocomplete="off" tabindex="1" name="username"
                                               value="${ requestScope.username }" />

　　Ⅱ、regist.jsp

　　　java脚本表达式:  <%=request.getAttribute("registError")==null?"" :request.getAttribute("registError")%> 

　　　EL表达式：        ${ requestScope.registError }