• JSP实现数据传递与保存（一）

    一、Web开发步骤

    1.1两类模式

    后端——————前端

    先有前端，前端用的时候直接调用

    后端已实现注册接口，接口名为doRegister.jsp

    前端此时：

            前端的form表单中的action提交地址就只能填doRegister.jsp，即：

    <form class="form-group" action="servlet/doRegister.jsp" method="post">form>

    前端——————后端

    先有前端（需求），后端去实现前端指定的请求接口

    现在前端是index.jsp，里面有一个注册的form表单，但当前action未指定地址

    所以要先指定action地址，假如是servlet/doRegister.jsp

    后端此时：

    1. 先要创建一个servlet文件夹
    2. 在servlet文件夹中写一个doRegister.jsp页面
    3. 在doRegister.jsp页面中写注册的实现逻辑

    1.2Web请求流程的角色分工

    三层架构

    表示层——依赖于——业务层——依赖于——数据访问层

    表示层————业务层————数据访问层

    MVC模式

    视图层（表示层）————请求层————模型层（业务层+数据访问层）

    二合一结构

    前端（表示层）————请求层————业务层————数据访问层

    以注册功能为例：

    • 前端：form：只收集数据然后提交，此时数据提交给了请求API（servlet），比如request
    • 请求层：servlet，来解析API中保存的数据，然后发给业务层
    • 业务逻辑层：service，调用dao层，获取数据访问结果，并对数据进行逻辑处理加工
    • 数据访问层：dao，编写SQL语句并解析结果

    二、JSP内置对象

    JSP内置对象是JSP容器为每个页面提供的Java对象，开发者可以直接使用它们而不用显式声明。JSP所支持的九大内置对象：

    2.1 JSP内置对象request

    • 主要用于处理客户端请求
    • request对象中保存了用户的请求数据和浏览器的相关信息，通过调用相关方法就可以实现请求数据的读取

    2.2.1 request对象的常用方法

    2.2.2 使用request对象获取注册信息代码演示

    HTML部分代码：

    1.             
    2.             <div id="register" class="modal fade" tabindex="-1">
    3.                 <div class="modal-dialog">
    4.                     <div class="modal-content">
    5.                         <div class="modal-body">
    6.                             <button class="close" data-dismiss="modal">
    7.                                 <span>×span>
    8.                             button>
    9.                         div>
    10.                         <div class="modal-title">
    11.                             <h1 class="text-center">注册h1>
    12.                         div>
    13.                         <div class="modal-body">
    14.                             <form class="form-group" action="servlet/doRegister.jsp" method="post">
    15.                                 <div class="form-group">
    16.                                     <label for="userName">用户名label>
    17.                                     <input id="userName" name="userName" class="form-control" type="text" required placeholder="6-15位字母或数字">
    18.                                 div>
    19.                                 <div class="form-group">
    20.                                     <label for="userPwd">密码label>
    21.                                     <input id="userPwd" name="userPwd" class="form-control" type="password" required placeholder="至少6位字母或数字">
    22.                                 div>
    23.                                 <div class="form-group">
    24.                                     <label for="repwd">再次输入密码label>
    25.                                     <input id="repwd" class="form-control" type="password" placeholder="至少6位字母或数字">
    26.                                 div>
    27.                                 <div class="form-group">
    28.                                     <label for="email">邮箱label>
    29.                                     <input id="email" name="email" class="form-control" type="email" required placeholder="例如:123@123.com">
    30.                                 div>
    31.                                 <div class="text-right">
    32.                                     <button class="btn btn-primary" type="submit">保存button>
    33.                                     <button class="btn btn-danger" data-dismiss="modal">取消button>
    34.                                 div>
    35.                                 <a href="" data-toggle="modal" data-dismiss="modal" data-target="#login">已有账号？点我登录a>
    36.                             form>
    37.                         div>
    38.                     div>
    39.                 div>
    40.             div>

    JSP代码：

    1. <%@ page contentType="text/html;charset=UTF-8" language="java" %>
    2.  
    3. <%
    4.     //小脚本，根据
    5.  
    6.     //修改request的字符集编码
    7.     request.setCharacterEncoding("UTF-8");
    8.  
    9.     //获取注册的用户名
    10.     String userName = request.getParameter("userName");
    11.     //获取注册的密码
    12.     String userPwd = request.getParameter("userPwd");
    13.     //获取注册的邮箱
    14.     String email = request.getParameter("email");
    15.  
    16.     System.out.print("用户名：" + userName + "\n" + "密码：" + userPwd + "\n" + "邮箱：" + email);
    17. %>

    2.2 get与post的区别

    2.3 JSP内置对象response

    • response对象用于响应客户请求并向客户端输出信息

    2.3.1 response对象的常用方法

    2.3.2 使用response实现登录验证并跳转到后台代码演示

    HTML部分代码：

    1.             
    2.             <div id="login" class="modal fade">
    3.                 <div class="modal-dialog">
    4.                     <div class="modal-content">
    5.                         <div class="modal-body">
    6.                             <button class="close" data-dismiss="modal">
    7.                                 <span>×span>
    8.                             button>
    9.                         div>
    10.                         <div class="modal-title">
    11.                             <h1 class="text-center">登录h1>
    12.                         div>
    13.                         <div class="modal-body">
    14.                             <form class="form-group" action="servlet/doLogin.jsp"  method="post">
    15.                                 <div class="form-group">
    16.                                     <label for="userName">用户名label>
    17.                                     <input name="userName" class="form-control" type="text" placeholder="">
    18.                                 div>
    19.                                 <div class="form-group">
    20.                                     <label for="userPwd">密码label>
    21.                                     <input name="userPwd" class="form-control" type="password" placeholder="">
    22.                                 div>
    23.                                 <div class="text-right">
    24.                                     <button class="btn btn-primary" type="submit">登录button>
    25.                                     <button class="btn btn-danger" data-dismiss="modal">取消button>
    26.                                 div>
    27.                                 <a href="" data-toggle="modal" data-dismiss="modal" data-target="#register">还没有账号？点我注册a>
    28.                             form>
    29.                         div>
    30.                     div>
    31.                 div>
    32.             div>

    JSP部分代码：

    1. <%@ page contentType="text/html;charset=UTF-8" language="java" %>
    2.  
    5.     
    8. <%
    9.     //修改request和response的字符集编码
    10.     request.setCharacterEncoding("UTF-8");
    11.     response.setCharacterEncoding("UTF-8");
    12.  
    13.     //获取注册的用户名和密码
    14.     String userName = request.getParameter("userName");
    15.     String userPwd = request.getParameter("userPwd");
    16.  
    17.     if ("admin".equals(userName) && "123456".equals(userPwd)) {
    18.         //登录成功，使用绝对定位跳转到后台主页
    19.  
    20.         //重定向跳转：
    21.         //response.sendRedirect(request.getContextPath() + "/manage/index.jsp");
    22.  
    23.         //转发跳转：
    24.         request.getRequestDispatcher("/manage/index.jsp").forward(request,response);
    25.     } else {
    26.         //登录失败，调回系统登录首页
    27.  
    28.         //这种写法也属于重定向跳转：
    29.         out.print("