2020年11月5日星期四

书城项目：第3阶段

书城项目第三阶段

　　当我们的项目启动之后，访问登录或注册页面，输入需要的信息，点击登录或注册按钮：

 

 注册页面

 　　我们发现，即使输入的用户信息错误，只是跳转回了当前的登录或注册页面，没有任何的提示信息。我们希望当输入的用户信息不正确时，给与用户提示，并且需要回显用户名等信息。

 一、页面jsp 动态化

　　 1、在所有html 页面顶行添加page 指令

 

 　　2、修改所有的文件后缀名为：.jsp

 

 　　3、需要将所有页面中跳转的页面地址修改为（.jsp）的。使用IDEA 搜索替换.html 为.jsp(快捷键：Ctrl+Shift+R)

 

==================================================================================================================

 

　　项目启动后，访问不同的页面，我们发现：有好多的页面中部分内容都是相同的。如：

 

 

 

 

 

 

 

 

 

 

 

 　　

　　为了方便项目后期的管理和维护，需要将这些相同内容抽取到不同的jsp文件中，使用静态包含引用即可。

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

　　在pages文件夹下新建一个common目录（用来存放具有形同内容的jsp页面）：

 

 

 head.jsp文件（head中的css、jQuery、base标签）：

<%@ page contentType="text/html;charset=UTF-8" language="java" %><% String basePath = request.getScheme()   + "://"   + request.getServerName()   + ":"   + request.getServerPort()   + request.getContextPath()   + "/";%><!--写base标签，永远固定相对路径跳转的结果--><base href="<%=basePath%>"><link type="text/css" rel="stylesheet" href="static/css/style.css" ><script type="text/javascript" src="static/script/jquery-1.7.2.js"></script>

footer.jsp页面（每个页面的页脚）：

<div id="bottom">  <span>   尚硅谷书城.Copyright &copy;2015  </span></div>

login_success_menu.jsp页面（登录成功后的菜单）：

<div> <span>欢迎<span class="um_span">韩总</span>光临尚硅谷书城</span> <a href="../order/order.jsp">我的订单</a> <a href="../../index.jsp">注销</a>&nbsp;&nbsp; <a href="../../index.jsp">返回</a></div>

manager.jsp页面（manager管理模块的菜单）：

<div> <span>欢迎<span class="um_span">韩总</span>光临尚硅谷书城</span> <a href="../order/order.jsp">我的订单</a> <a href="../../index.jsp">注销</a>&nbsp;&nbsp; <a href="../../index.jsp">返回</a></div>

　　有了以上的操作，我们需要用到这些代码的地方，只需要使用静态包含的方式引入即可。后期项目如果有改动的地方，只需要修改common下的这些文件即可，不需要每一个页面都去做改动。

 

 

 

====================================================================================================================

 

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

 　　登录页面，我们希望得到如下的效果：

 

 

 

　　1.Servlet 程序端需要添加回显信息到Request 域中

 

 

 

 　　2.jsp 页面，需要输出回显信息

 

 

 

 　　注册页面，我们希望得到如下的效果：

 

 

 　　

　　1.Servlet 程序端需要添加回显信息到Request 域中

 

 

 

 　　2.jsp 页面，需要输出回显信息

 

 

 

 

 =============================================================================================================

 

四、BaseServlet 的抽取

 　　在实际项目开发中，一个模块，一般只使用一个Servlet程序，我们希望将登录和注册的Servlet程序进行合并（后面若有其它的业务，全部合并成一个Servlet即可）。

　　代码优化一：将LoginServlet和RegistServlet合并成UserServlet。

 

 

 　　1.在登录和注册的jsp页面中分别添加隐藏域：

 

 

 

 

　　2.在UserServlet程序中通过请求参数action值得不同实现不同的功能分发（记得在web.

public class UserServlet extends HttpServlet { private UserService userService = new UserServiceImpl(); @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);  } } protected void login(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {  // 1、获取请求的参数  String username = req.getParameter("username");  String password = req.getParameter("password");  // 调用 userService.login()登录处理业务  User loginUser = userService.login(new User(null, username, password, null));  // 如果等于null,说明登录 失败!  if (loginUser == null) {   req.setAttribute("msg", "用户名或密码错误");   req.setAttribute("username", username);   // 跳回登录页面   req.getRequestDispatcher("/pages/user/login.jsp").forward(req, resp);  } else {   // 登录 成功   //跳到成功页面login_success.html   req.getRequestDispatcher("/pages/user/login_success.jsp").forward(req, resp);  } } protected void regist(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {  // 1、获取请求的参数  String username = req.getParameter("username");  String password = req.getParameter("password");  String email = req.getParameter("email");  String code = req.getParameter("code");//  2、检查 验证码是否正确 === 写死,要求验证码为:abcde  if ("abcde".equalsIgnoreCase(code)) {//  3、检查 用户名是否可用   if (userService.existsUsername(username)) {    //讲回显得错误信息保存    req.setAttribute("msg", "用户名已存在");    req.setAttribute("username", username);    req.setAttribute("email", email);    System.out.println("用户名[" + username + "]已存在!");//  跳回注册页面    req.getRequestDispatcher("/pages/user/regist.jsp").forward(req, resp);   } else {    //  可用//    调用Sservice保存到数据库    userService.registUser(new User(null, username, password, email));////  跳到注册成功页面 regist_success.jsp    req.getRequestDispatcher("/pages/user/regist_success.jsp").forward(req, resp);   }  } else {   //讲回显得错误信息保存   req.setAttribute("msg", "验证码错误");   req.setAttribute("username", username);   req.setAttribute("email", email);   System.out.println("验证码[" + code + "]错误");   req.getRequestDispatcher("/pages/user/regist.jsp").forward(req, resp);  } }}

 

 ===============================================================================================================

 　

　　代码优化二：使用反射优化大量else if代码。

 @Override protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {  String action = req.getParameter("action");  System.out.println(this.getClass());  try {   Method method = this.getClass().getDeclaredMethod(action, HttpServletRequest.class, HttpServletResponse.class);   method.invoke(this, req, resp);  } catch (Exception e) {   e.printStackTrace();  } }

　

=================================================================================================================

 

　代码优化三：抽取BaseServlet类。

 在实际开发中，不止是有UserServlet模块，而是有很多的Servlet模块，而且他们的功能都是相似的。

 

 

 　　我们将所有的Servlet程序抽取出一个BaseServlet程序，让其他的程序集成这个BaseServlet程序，BaseServlet只需要集成HttpServlet即可。

BaseServlet程序代码：

 

 

 UserServlet只需集成BaseServlet即可（它也是一个Servlet程序，间接的集成了HttpServlet）。

 

 

 

===================================================================================================================

 

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

　　1.BeanUtils工具类的作用

　　　　① BeanUtils 工具类，它可以一次性的把所有请求的参数注入到 JavaBean 中。
　　　　② BeanUtils 工具类，经常用于把 Map 中的值注入到 JavaBean 中，或者是对象属性值的拷贝操作。

 　　2.BeanUtils工具类的使用

　　　　BeanUtils 它不是 Jdk 的类。而是第三方的工具类。所以需要导包。

 

 　　3.WebUtils工具类的使用

　　　　①创建工具类WebUtils.java。代码如下：

public class WebUtils {
 /**
  * 将Map中的值注入到bean中
  * @param value
  * @param bean
  * @param <T>
  * @return
  */
 public static <T> T copyParamToBean(Map value, T bean){
  try {
   System.out.println("注入之前:" + bean);
   /**
    * 将所有的请求参数注入到bean对象中
    */
   BeanUtils.populate(bean, value);
   System.out.println("注入之后:" + bean);

  } catch (Exception e) {
   e.printStackTrace();
  }
  return bean;
 }
}

　　　　②使用WebUtils工具类对请求参数进行封装

 

 

===================================================================================================

 

六、使用EL表达式修改表单回显

　　1.使用EL表达式替换登录页面中的所有表达式脚本

 

 　　2.使用EL表达式替换所有注册页面的表达式脚本

 

 

 

 

 

原文转载：http://www.shaoqun.com/a/489177.html

mein：https://www.ikjzd.com/w/1601

retriever：https://www.ikjzd.com/w/773

跨境通：https://www.ikjzd.com/w/1329


书城项目第三阶段　　当我们的项目启动之后，访问登录或注册页面，输入需要的信息，点击登录或注册按钮：注册页面　　我们发现，即使输入的用户信息错误，只是跳转回了当前的登录或注册页面，没有任何的提示信息。我们希望当输入的用户信息不正确时，给与用户提示，并且需要回显用户名等信息。一、页面jsp动态化　　1、在所有html页面顶行添加page指令　　2、修改所有的文件后缀名为：.jsp　　3、需要将所有页面
heap：https://www.ikjzd.com/w/2012
dhl：https://www.ikjzd.com/w/516
在宝鸡玩穿越金台观：http://tour.shaoqun.com/a/21412.html
【稻城亚丁】美食：饮料 - ：http://tour.shaoqun.com/a/52132.html
口述：妻和半裸男在汗蒸馆互摸调情妻子裸男调情：http://lady.shaoqun.com/m/a/39490.html
发帖者 时间：

没有评论:

发表评论

注意：只有此博客的成员才能发布评论。

订阅： 博文评论 (Atom)