定制设计IDEA实现前端页面登录，注册、增、删、改、查操作-完整版

分层思想：   entity层：定制设计存放实体类      vo层：消息模型（定制设计定制设计重复使用的一些属性）   mapper层：接口（写方法的）      mapper.xml:MyBatis定制设计与数据库相关的一些内容   controller(web)层：      定制设计接收前端传回的参数      调用service层，返回结果      转发、响应结果（跳转页面）   service层：      定制设计业务逻辑判断，写方法的.   utils层：      工具类：定制设计写通用的方法、类。   test包:      测试类、测试方法（测试代码）   MyBatis-config.xml:      定制设计定制设计连接数据库的

pom.xml: 定制设计导入相关依赖

  1. <?xml version="1.0" encoding="UTF-8"?>
  2.  
  3. <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  4.   xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
  5.   <modelVersion>4.0.0</modelVersion>
  6.  
  7.   <groupId>com.hsd</groupId>
  8.   <artifactId>Servlet_Maven</artifactId>
  9.   <version>1.0-SNAPSHOT</version>
  10.   <packaging>war</packaging>
  11.  
  12.   <name>Servlet_Maven Maven Webapp</name>
  13.   <!-- FIXME change it to the project's website -->
  14.   <url>http://www.example.com</url>
  15.  
  16.   <properties>
  17.     <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
  18.     <maven.compiler.source>1.7</maven.compiler.source>
  19.     <maven.compiler.target>1.7</maven.compiler.target>
  20.   </properties>
  21.  
  22.  
  23.     <dependencies>
  24.       <dependency>
  25.         <groupId>com.fasterxml.jackson</groupId>
  26.         <artifactId>jackson-datatype-json-org</artifactId>
  27.         <version>1.8.0</version>
  28.       </dependency>
  29.       <dependency>
  30.         <groupId>jstl</groupId>
  31.         <artifactId>jstl</artifactId>
  32.         <version>1.2</version>
  33.       </dependency>
  34.       <dependency>
  35.         <groupId>org.mybatis</groupId>
  36.         <artifactId>mybatis</artifactId>
  37.         <version>3.5.5</version>
  38.       </dependency>
  39.       <dependency>
  40.         <groupId>taglibs</groupId>
  41.         <artifactId>standard</artifactId>
  42.         <version>1.1.2</version>
  43.       </dependency>
  44.       <dependency>
  45.         <groupId>mysql</groupId>
  46.         <artifactId>mysql-connector-java</artifactId>
  47.         <version>5.1.34</version>
  48.       </dependency>
  49.       <!--    jsp-->
  50.       <dependency>
  51.         <groupId>javax.servlet.jsp</groupId>
  52.         <artifactId>jsp-api</artifactId>
  53.         <version>2.2</version>
  54.       </dependency>
  55.       <dependency>
  56.         <groupId>javax.servlet</groupId>
  57.         <artifactId>javax.servlet-api</artifactId>
  58.         <version>3.1.0</version>
  59.       </dependency>
  60.       <dependency>
  61.         <!--junit：封装类的jar包-->
  62.         <groupId>junit</groupId>
  63.         <artifactId>junit</artifactId>
  64.         <version>4.11</version>
  65.         <scope>test</scope>
  66.       </dependency>
  67.     </dependencies>
  68.  
  69.   <build>
  70.     <!--    定制设计将配置文件复制到编译目录中-->
  71.     <resources>
  72.       <resource>
  73.         <!--        定制设计所在的目录-->
  74.         <directory>src/main/java</directory>
  75.         <includes>
  76.           <!--          .xml和.properties定制设计结尾的文件都会扫描到-->
  77.           <include>**/*.properties</include>
  78.           <include>**/*.xml</include>
  79.         </includes>
  80.         <filtering>true</filtering>
  81.       </resource>
  82.     </resources>
  83.     <finalName>Servlet_Maven</finalName>
  84.     <pluginManagement><!-- lock down plugins versions to avoid using Maven defaults (may be moved to parent pom) -->
  85.       <plugins>
  86.         <plugin>
  87.           <artifactId>maven-clean-plugin</artifactId>
  88.           <version>3.1.0</version>
  89.         </plugin>
  90.         <!-- see http://maven.apache.org/ref/current/maven-core/default-bindings.html#Plugin_bindings_for_war_packaging -->
  91.         <plugin>
  92.           <artifactId>maven-resources-plugin</artifactId>
  93.           <version>3.0.2</version>
  94.         </plugin>
  95.         <plugin>
  96.           <artifactId>maven-compiler-plugin</artifactId>
  97.           <version>3.8.0</version>
  98.         </plugin>
  99.         <plugin>
  100.           <artifactId>maven-surefire-plugin</artifactId>
  101.           <version>2.22.1</version>
  102.         </plugin>
  103.         <plugin>
  104.           <artifactId>maven-war-plugin</artifactId>
  105.           <version>3.2.2</version>
  106.         </plugin>
  107.         <plugin>
  108.           <artifactId>maven-install-plugin</artifactId>
  109.           <version>2.5.2</version>
  110.         </plugin>
  111.         <plugin>
  112.           <artifactId>maven-deploy-plugin</artifactId>
  113.           <version>2.8.2</version>
  114.         </plugin>
  115.       </plugins>
  116.     </pluginManagement>
  117.   </build>
  118. </project>

MyBatis-config.xml: 连接数据库

  1. <?xml version="1.0" encoding="UTF-8" ?>
  2. <!DOCTYPE configuration
  3.         PUBLIC "-//mybatis.org//DTD Config 3.0//EN"
  4.         "http://mybatis.org/dtd/mybatis-3-config.dtd">
  5. <configuration>
  6.     <!--properties定制设计标签配置的整个文件都可使用，定制设计在任何位置配置的值都定制设计可以引入进来-->
  7.     <!--resource和url都可配置，定制设计但不能同时使用-->
  8.     <!--<properties resource="Mysql.properties"/>-->
  9.  <!--   <properties url="Mysql.properties"/>-->
  10.  
  11.     <!--定制设计扫描实体类-->
  12.    <!-- <typeAliases>
  13.         <package name="com.hsd.entity"/>
  14.         &lt;!&ndash;<typeAliases alias="User" type="com.hsd.entity.User"/>&ndash;&gt;
  15.     </typeAliases>-->
  16.  
  17.     <environments default="development">
  18.         <environment id="development">
  19.             <transactionManager type="JDBC"/>
  20.             <dataSource type="POOLED">
  21.                 <property name="driver" value="com.mysql.jdbc.Driver"/>
  22.                 <!--定制设计我的数据库：h2022-->
  23.                 <property name="url" value="jdbc:mysql:///h2022?useSSL=false&amp;useServerPrepStmts=true"/>
  24.                 <!--定制设计我的数据库的名称和密码-->
  25.                 <property name="username" value="root"/>
  26.                 <property name="password" value="root"/>
  27.             </dataSource>
  28.         </environment>
  29.     </environments>
  30.     <!--mapper映射器-->
  31.     <mappers>
  32.         <!--1.定制设计映射文件一个一个扫描-->
  33.         <!--<mapper resource="com.hsd.mapper.UserMapper"/>
  34.         <mapper class="com.hsd.mapper.UserMapper"/>-->
  35.         <!--2.扫描mapper，自动扫描mapper定制设计中的接口和xml-->
  36.         <package name="com.hsd.mapper"/>
  37.     </mappers>
  38. </configuration>

utils层： GetSessionUtil类：

  1. package com.hsd.utils;
  2.  
  3. import org.apache.ibatis.io.Resources;
  4. import org.apache.ibatis.session.SqlSession;
  5. import org.apache.ibatis.session.SqlSessionFactory;
  6. import org.apache.ibatis.session.SqlSessionFactoryBuilder;
  7.  
  8. import java.io.IOException;
  9. import java.io.InputStream;
  10.  
  11. public class GetSessionUtil {
  12.     public static SqlSession SqlSession(){
  13.         InputStream inputStream=null;
  14.         SqlSessionFactory sqlSessionFactory=null;
  15.         SqlSession sqlSession=null;
  16.         //获取MyBatis定制设计定制设计的配置文件
  17.         try {
  18.             String resources="MyBatis-config.xml";
  19.             //定制设计通过输入流拿到MyBatis-config.xml的配置文件
  20.             inputStream=Resources.getResourceAsStream(resources);
  21. //MyBatis定制设计通过读取配置文件信息，构造出sqlSessionFactory
  22.             sqlSessionFactory = new SqlSessionFactoryBuilder().build(inputStream);
  23. //获取sqlSession
  24.             sqlSession=sqlSessionFactory.openSession();
  25.             return sqlSession;
  26.         }catch (IOException e){
  27.             e.printStackTrace();
  28.             return null;
  29.         }
  30.  
  31.  
  32.     }
  33. //定制设计测试配置环境无问题
  34.     public static void main(String[] args) {
  35.         System.out.println(SqlSession());
  36.     }
  37. }

test包: UserTest类：

  1. package com.hsd.test;
  2.  
  3. import com.hsd.entity.User;
  4. import com.hsd.mapper.UserMapper;
  5. import com.hsd.utils.GetSessionUtil;
  6. import org.apache.ibatis.session.SqlSession;
  7.  
  8. public class UserTest {
  9.     public static void main(String[] args) {
  10. //获取sqlSession
  11.         SqlSession sqlSession= GetSessionUtil.SqlSession();
  12. //获取mapper
  13.         UserMapper mapper=sqlSession.getMapper(UserMapper.class);
  14. //调用mapper的方法
  15.         User user = mapper.selectByUsername("aaa");
  16. //
  17.         System.out.println(user);
  18.  
  19.     }
  20. }

登录：   1.定制设计数据库建表user   2.前端页面：user.jsp         登录表单：            （1）form表单，定制设计创建账号和密码的输入框            （2）定制设计将登陆按钮绑定点击事件            （3）定制设计获取用户名和密码的值            （4）定制设计定制设计判断账号是否为空               若为空，就提示“定制设计账号不能为空”（赋值给span标签）并return返回            （5）定制设计判断密码是否为空               若为空，就提示“定制设计密码不能为空”（赋值给span标签）并return返回            （6）定制设计若都不为空，提交表单，定制设计跳转到后端   3.后端代码：     （1）定制设计定制设计接收客户端请求（账号、密码）     （2）调用service定制设计定制设计中的登录方法     （3）定制设计定制设计判断账号是否存在         定制设计定制设计若账号不存在，就提示“定制设计定制设计用户账号不存在”，定制设计定制设计返回到登录页面继续登录。     （4）定制设计定制设计判断密码是否有误         定制设计定制设计若密码有误，就提示“定制设计定制设计用户密码有误”，返回到登录页面继续登录。     （5）定制设计若都没问题就跳转到首页     controller层：（接收请求、响应结果）        1、接收客户端请求（账号、密码）        2、调用service中的登录方法        3、定制设计判断是否登录成功，定制设计成功的话跳转到首页，定制设计失败的话继续登录     service层：（业务逻辑）        1、定制设计创建消息模型对象（状态、提示信息、回显数据）        2、判断账号是否存在          若账号不存在，就提示“用户账号不存在”，定制设计定制设计回显数据到消息模型对象中，定制设计返回消息模型对  象        3、判断密码是否有误          若密码有误，就提示“用户密码有误”，回显数据到消息模型对象中，定制设计返回消息模型对象        4、定制设计若无问题就将用户信息定制设计放到消息模型中     mapper层：        mapper接口：定制设计定义对应的接口        mapper.xml:写对应的sql语句     entity层:        vo层：消息模型（重复使用的一些属性，写在MessageModel类中）     student.jsp:首页 

1.user

  1. CREATE TABLE USER(
  2. id INT PRIMARY KEY AUTO_INCREMENT,
  3. username VARCHAR(20),
  4. PASSWORD VARCHAR(20)
  5. );
  6. INSERT INTO USER(username,PASSWORD)VALUE
  7. ('admin','123');

 entity层:User类 

  1. package com.hsd.entity;
  2.  
  3. public class User {
  4.     private int id;
  5.     private String username;
  6.     private String password;
  7.  
  8.     public User() {
  9.     }
  10.  
  11.     public User(int id, String username, String password) {
  12.         this.id = id;
  13.         this.username = username;
  14.         this.password = password;
  15.     }
  16.  
  17.     public int getId() {
  18.         return id;
  19.     }
  20.  
  21.     public void setId(int id) {
  22.         this.id = id;
  23.     }
  24.  
  25.     public String getUsername() {
  26.         return username;
  27.     }
  28.  
  29.     public void setUsername(String username) {
  30.         this.username = username;
  31.     }
  32.  
  33.     public String getPassword() {
  34.         return password;
  35.     }
  36.  
  37.     public void setPassword(String password) {
  38.         this.password = password;
  39.     }
  40.  
  41.     @Override
  42.     public String toString() {
  43.         return "User{" +
  44.                 "id=" + id +
  45.                 ", username='" + username + '\'' +
  46.                 ", password='" + password + '\'' +
  47.                 '}';
  48.     }
  49. }

 entity层：Student类

  1. package com.hsd.entity;
  2. //定制设计学生实体类
  3. public class Student {
  4.     private int id;//编号
  5.     private String name;//姓名
  6.     private int age;//年龄
  7.     private String sex;//性别
  8.     private String hobby;//爱好
  9.     private String time;//日期
  10.  
  11.     public Student() {
  12.     }
  13.  
  14.     public Student(int id, String name, int age, String sex, String hobby, String time) {
  15.         this.id = id;
  16.         this.name = name;
  17.         this.age = age;
  18.         this.sex = sex;
  19.         this.hobby = hobby;
  20.         this.time = time;
  21.     }
  22.  
  23.     public int getId() {
  24.         return id;
  25.     }
  26.  
  27.     public void setId(int id) {
  28.         this.id = id;
  29.     }
  30.  
  31.     public String getName() {
  32.         return name;
  33.     }
  34.  
  35.     public void setName(String name) {
  36.         this.name = name;
  37.     }
  38.  
  39.     public int getAge() {
  40.         return age;
  41.     }
  42.  
  43.     public void setAge(int age) {
  44.         this.age = age;
  45.     }
  46.  
  47.     public String getSex() {
  48.         return sex;
  49.     }
  50.  
  51.     public void setSex(String sex) {
  52.         this.sex = sex;
  53.     }
  54.  
  55.     public String getHobby() {
  56.         return hobby;
  57.     }
  58.  
  59.     public void setHobby(String hobby) {
  60.         this.hobby = hobby;
  61.     }
  62.  
  63.     public String getTime() {
  64.         return time;
  65.     }
  66.  
  67.     public void setTime(String time) {
  68.         this.time = time;
  69.     }
  70.  
  71.     @Override
  72.     public String toString() {
  73.         return "Student{" +
  74.                 "id=" + id +
  75.                 ", name='" + name + '\'' +
  76.                 ", age=" + age +
  77.                 ", sex='" + sex + '\'' +
  78.                 ", hobby='" + hobby + '\'' +
  79.                 ", time='" + time + '\'' +
  80.                 '}';
  81.     }
  82. }

 2.前端页面：user.jsp

  1. <%--
  2.   Created by IntelliJ IDEA.
  3.   User: 30868
  4.   Date: 2022/10/27
  5.   Time: 16:55
  6.   To change this template use File | Settings | File Templates.
  7. --%>
  8.  
  9.  
  10. <%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
  11. <html>
  12. <head>
  13.     <title>登录</title>
  14. </head>
  15. <body>
  16. <div style="text-align: center">
  17. <h1>登录页面</h1>
  18. <form action="UserServlet" method="get" id="userForm">
  19.     账号：<input type="text" name="username" id="username" value="${messageModel.object.username}"><br>
  20.     密码：<input type="password" name="password" id="password" value="${messageModel.object.password}"><br>
  21.     <div style="color: red" id="div">${messageModel.msg}</div><br>
  22.     <button type="button" id="but">登录</button>
  23.     <button type="button"><a href="register.jsp" style="text-decoration: none">注册</a></button>
  24. </form>
  25. </div>
  26. </body>
  27. <%--加载jquery-3.4.1.js插件--%>
  28. <script src="js/jquery-3.4.1.js"></script>
  29. <script type="text/javascript">
  30. <%--通过id选择器，定制设计给登录按钮绑定一个点击事件--%>
  31. $("#but").click(function () {
  32.         //通过id定制设计选择器获取账号和密码
  33.         var username=$("#username").val();
  34.         var password=$("#password").val();
  35.         //定制设计判断用户名和密码是否为空，定制设计若为空返回true，定制设计不为空返回false
  36.         function isEmpty(str) {
  37.            if(str==null||str.trim()==""){
  38.                return true;
  39.            }
  40.                return false;
  41.         }
  42.         //判断账号是否为空
  43.         if(isEmpty(username)) {
  44.             //定制设计若账号为空，定制设计提示并返回：
  45.             $("#div").html("账号不能为空！")
  46.             return;
  47.         }if(isEmpty(password)){
  48.            /* //若密码为空，提示并返回：*/
  49.             $("#div").html("密码不能为空！")
  50.             return;
  51.         }
  52.         $("#userForm").submit()
  53.     });
  54. </script>
  55. </html>

 相关的MessageModel类：entity层:-->vo层-->消息模型:写入重复使用的一些属性。

  1. package com.hsd.entity.vo;
  2.  
  3. public class MessageModel {
  4.     private int code=1;//状态码（1：成功。0：失败。默认为1）
  5.     private String msg="成功";//提示信息（成功和失败，默认成功，失败提示错误信息）
  6.     private Object object;//回显对象（基本数据类型、引用数据类型、数组、集合）
  7.  
  8.     public MessageModel() {
  9.     }
  10.  
  11.     public MessageModel(int code, String msg, Object object) {
  12.         this.code = code;
  13.         this.msg = msg;
  14.         this.object = object;
  15.     }
  16.  
  17.     public int getCode() {
  18.         return code;
  19.     }
  20.  
  21.     public void setCode(int code) {
  22.         this.code = code;
  23.     }
  24.  
  25.     public String getMsg() {
  26.         return msg;
  27.     }
  28.  
  29.     public void setMsg(String msg) {
  30.         this.msg = msg;
  31.     }
  32.  
  33.     public Object getObject() {
  34.         return object;
  35.     }
  36.  
  37.     public void setObject(Object object) {
  38.         this.object = object;
  39.     }
  40. }

 3.后端代码：：UserServlet类

  1. package com.hsd.controller;
  2.  
  3. import com.hsd.entity.vo.MessageModel;
  4. import com.hsd.service.UserService;
  5.  
  6. import javax.servlet.ServletException;
  7. import javax.servlet.annotation.WebServlet;
  8. import javax.servlet.http.HttpServlet;
  9. import javax.servlet.http.HttpServletRequest;
  10. import javax.servlet.http.HttpServletResponse;
  11. import java.io.IOException;
  12. /*controller层：（接收请求、响应结果）
  13.         1、接收客户端请求（账号、密码）
  14.         2、调用service中的登录方法
  15.         3、判断是否登录成功，成功的话跳转到首页，失败的话继续登录*/
  16. @WebServlet("/UserServlet")
  17. public class UserServlet extends HttpServlet {
  18.     @Override
  19.     protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
  20.        //获取UserService对象
  21.         UserService userService=new UserService();
  22.  
  23.         // 1、接收客户端请求（账号、密码）
  24.         String username=req.getParameter("username");
  25.         String password=req.getParameter("password");
  26.         //2、调用service中的登录方法
  27.         MessageModel messageModel=userService.selectByUsername(username,password);
  28.         //3、判断是否登录成功，成功的话跳转到首页，失败的话继续登录
  29.         if(messageModel.getCode()==1){
  30.             //成功，将消息模型存到req中，并重定向到首页
  31.             //转发(req)
  32.             req.getSession().setAttribute("messageModel",messageModel);
  33.             //重定向(resp)
  34.             //路径不加‘/’
  35.             resp.sendRedirect("StudentServlet");
  36.         }else{
  37.             //失败,将消息模型存到req中，并转发到登录页面
  38.             req.setAttribute("messageModel",messageModel);
  39.             //路径加‘/’
  40.             req.getRequestDispatcher("/user.jsp").forward(req,resp);
  41.         }
  42.     }
  43. }

service层：UserService类

  1. package com.hsd.service;
  2.  
  3. import com.hsd.entity.User;
  4. import com.hsd.entity.vo.MessageModel;
  5. import com.hsd.mapper.UserMapper;
  6. import com.hsd.utils.GetSessionUtil;
  7. import org.apache.ibatis.session.SqlSession;
  8.  
  9. /*1、创建消息模型对象（状态、提示信息、回显数据）
  10.         2、判断账号是否存在
  11.           若账号不存在，就提示“用户账号不存在”，回显数据到消息模型对象中，返回消息模型对象
  12.         3、判断密码是否有误
  13.           若密码有误，就提示“用户密码有误”，回显数据到消息模型对象中，返回消息模型对象
  14.         4、若无问题就将用户信息放到消息模型中*/
  15. public class UserService {
  16.     public MessageModel selectByUsername(String username, String password) {
  17.         //1、创建消息模型对象（状态、提示信息、回显数据）
  18.         MessageModel messageModel=new MessageModel();
  19.         //回显数据,当账号和密码输入错误时，不会自动清空账号和密码，仍保留。
  20.         User u=new User();
  21.         u.setUsername(username);
  22.         u.setPassword(password);
  23.         //将回显的数据放在回显对象中
  24.         messageModel.setObject(u);
  25.         //获取sqlSession对象
  26.         SqlSession sqlSession= GetSessionUtil.SqlSession();
  27.         //调用UserMapper的登录方法
  28.         UserMapper mapper=sqlSession.getMapper(UserMapper.class);
  29.         User user=mapper.selectByUsername(username);
  30.         //2、判断账号是否存在
  31.         if(user==null){
  32.             //若账号不存在，就提示“用户账号不存在”，回显数据到消息模型对象中，返回消息模型对象
  33.             messageModel.setCode(0);//修改状态为0
  34.             messageModel.setMsg("该账号不存在");
  35.             return messageModel;
  36.         }
  37.         //3、判断密码是否有误
  38.         if(!password.equals(user.getPassword())){
  39.             messageModel.setCode(0);//修改状态为0
  40.             messageModel.setMsg("密码有误");
  41.             return messageModel;
  42.         }
  43.         //4、若无问题就将用户信息放到消息模型中
  44.         messageModel.setObject(user);
  45.         //释放资源
  46.         sqlSession.close();
  47.         return messageModel;
  48.     }
  49.     /*service层：（业务逻辑）
  50.            1、创建消息模型对象（状态、提示信息、回显数据）
  51.            2、判断账号是否存在
  52.              若账号存在，就提示“用户账号已存在不能注册”，回显数据到消息模型对象中，返回消息模型对象
  53.            3、若无问题就将用户信息放到消息模型中*/
  54.  
  55.     public MessageModel Register(User user) {
  56.         // 1、创建消息模型对象（状态、提示信息、回显数据）
  57.         MessageModel messageModel = new MessageModel();
  58.         //回显数据
  59.         User u = new User();
  60.         u.setUsername(user.getUsername());
  61.         u.setPassword(user.getPassword());
  62.         //将回显的数据存到数据模型中
  63.         messageModel.setObject(u);
  64.         //获取sqlSession
  65.         SqlSession sqlSession = GetSessionUtil.SqlSession();
  66.         //获取mapper
  67.         UserMapper mapper = sqlSession.getMapper(UserMapper.class);
  68.         //调用mapper中查找用户名的方法
  69.         User user1 = mapper.selectByUsername(user.getUsername());
  70.         //2、判断账号是否存在
  71.         if(user1!=null){
  72.             //若账号存在，就提示“用户账号已存在不能注册”，
  73.             messageModel.setCode(0);//消息模型的状态修改为0
  74.             messageModel.setMsg("该账号已存在不能注册");//提示信息
  75.             return messageModel;//将错误的信息返回给messageModel
  76.         }
  77.         //不存在，3、若无问题就将用户信息放到消息模型中
  78.         //调用mapper中的注册方法
  79.         mapper.Register(user);
  80.         messageModel.setObject(user);
  81.         //提交事务:添加时需要提交，查询时不需要提交
  82.         //将数据放到数据库时，需要提交事务；从数据库中取出数据时，不需要提交事务
  83.         sqlSession.commit();
  84.  
  85.         return messageModel;
  86.         //释放资源
  87.     }
  88. }

mapper层：UserMapper

  1. package com.hsd.mapper;
  2.  
  3. import com.hsd.entity.User;
  4. import org.apache.ibatis.annotations.Select;
  5.  
  6. public interface UserMapper {
  7.     //@Select("select * from user")
  8.     User selectByUsername(String name);
  9.  
  10.  
  11.     void Register(User user);
  12. }

 UserMapper.xml

  1. <?xml version="1.0" encoding="UTF-8" ?>
  2. <!DOCTYPE mapper
  3.         PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
  4.         "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
  5. <!--namespace:命名空间，对应Mapper接口的路径-->
  6. <mapper namespace="com.hsd.mapper.UserMapper">
  7.     
  8.     <!--id(必写)对应Mapper接口中的方法名称，parameterType：接口中的方法的参数类型，resultType：实体类-->
  9. <select id="selectByUsername" parameterType="String" resultType="com.hsd.entity.User">
  10.     select * from user where username=#{username};
  11. </select>
  12. <insert id="Register">
  13.     insert into user value (null,#{username},#{password});
  14. </insert>
  15.  
  16. </mapper>

 设置xml:File-->Settings-->Editor-->Code Style-->File and Code Templates:点击'＋'号,设置：Name:Mapper,Extension:xml-->Apply-->OK

  1. <?xml version="1.0" encoding="UTF-8" ?>
  2. <!DOCTYPE mapper
  3.         PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
  4.         "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
  5. <mapper namespace="">
  6.     
  7. </mapper>

 

 注册：

1.前端页面register.jsp 注册表单：

（1）form表单，账号、密码、重复密码和注册的按钮

（2）将注册按钮绑定点击事件

（3）获取账号、密码、重复密码的值

（4）判断账号是否为空 若为空，就提示“账号不能为空”（赋值给div标签）并return返回 （5）判断密码是否为空 若为空，就提示“密码不能为空”（赋值给div标签）并return返回 （6）判断重复密码是否为空 若为空，就提示“重复密码不能为空”（赋值给div标签）并return返回

（7）判断密码和重复密码是否一致

（8）判断密码长度是否符合要求（>3&&<6）

（9）提交表单

2.后端代码：

（1）接收客户端请求（账号、密码）

（2）把接收的数据封装到实体类

（3）调用service中的注册方法

（4）判断账号是否存在 若账号存在，就提示“用户账号已存在不能注册”，返回到注册页面继续注册。

（5）若该账号不存在，就跳转到登录页面

controller层：（接收请求、响应结果）

1、接收客户端请求（账号、密码）

2、把接收的数据封装到实体类

3、调用service中的注册方法

4、判断是否注册成功，成功的话跳转到登录页面，失败的话继续注册

service层：（业务逻辑）

1、创建消息模型对象（状态、提示信息、回显数据）

2、判断账号是否存在 若账号存在，就提示“用户账号已存在不能注册”，回显数据到消息模型对象中，返回消息模型对象

3、若无问题就将用户信息放到消息模型中

mapper层：

1、mapper接口：定义对应的接口

2、mapper.xml:写对应的sql语句

  1.前端页面register.jsp:

里面用到了jQuery：

jQuery 是一个 JavaScript 库,里面存在大量的JavaScript函数

jQuery 极大地简化了 JavaScript 编程

jQuery 的获取：官网

  1. <%--
  2.   Created by IntelliJ IDEA.
  3.   User: 30868
  4.   Date: 2022/10/28
  5.   Time: 10:30
  6.   To change this template use File | Settings | File Templates.
  7. --%>
  8. <%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
  9. <html>
  10. <head>
  11.     <title>Title</title>
  12. </head>
  13. <body>
  14. <span style="text-align: center">
  15. <h1>注册页面</h1>
  16. <form action="RegisterServlet" method="get" id="registerForm">
  17.     账号：<input type="text" name="username" id="username" value="${messageModel.object.username}"><br>
  18.     密码：<input type="password" name="password" id="password" value="${messageModel.object.password}"><br>
  19.     重复密码：<input type="password" name="password2" id="password2"><br>
  20.     <div style="color: red" id="div">${messageModel.msg}</div><br>
  21.     <button type="button" id="but">注册</button>
  22.     <button type="button"><a href="user.jsp" style="text-decoration: none">登录</a></button>
  23. </form>
  24.     </span>
  25. </body>
  26. <script src="js/jquery-3.4.1.js"></script>
  27. <script type="text/javascript">
  28.     /*通过id选择器获取注册的按钮,给注册按钮绑定点击事件*/
  29.     $("#but").click(function () {
  30.         //获取账号、密码、重复密码的值
  31.         var username=$("#username").val();
  32.         var password=$("#password").val();
  33.         var password2=$("#password2").val();
  34.  
  35.         //判断是否为空
  36.         function isEmpty(str){
  37.             if(str==null||str.trim()==""){
  38.                 return true;
  39.             }
  40.             return false;
  41.         }
  42.         if(isEmpty(username)){
  43.             $("#div").html("账号不能为空")
  44.             return;
  45.         }
  46.         if(isEmpty(password)){
  47.             $("#div").html("密码不能为空")
  48.             return;
  49.         }
  50.         if(isEmpty(password2)){
  51.             $("#div").html("重复密码不能为空")
  52.             return;
  53.         }
  54.  
  55.         //判断密码和重复密码是否一致
  56.         if(password!=password2){
  57.             $("#div").html("密码不一致")
  58.             return;
  59.         }
  60.         //判断密码长度是否符合要求（>3&&<6）
  61.         if(username.length<3||username.length>6){
  62.             $("#div").html("账号长度不能小于3位，也不能大于6位")
  63.             return;
  64.         }
  65.         //提交表单
  66.         $("#registerForm").submit();
  67.     });
  68. </script>
  69. </html>

 2.后端代码：controller层：RegisterServlet类： 

  1. package com.hsd.controller;
  2.  
  3. import com.hsd.entity.User;
  4. import com.hsd.entity.vo.MessageModel;
  5. import com.hsd.service.UserService;
  6.  
  7. import javax.servlet.ServletException;
  8. import javax.servlet.annotation.WebServlet;
  9. import javax.servlet.http.HttpServlet;
  10. import javax.servlet.http.HttpServletRequest;
  11. import javax.servlet.http.HttpServletResponse;
  12. import java.io.IOException;
  13. @WebServlet("/RegisterServlet")
  14. public class RegisterServlet extends HttpServlet {
  15.     @Override
  16.     /*controller层：（接收请求、响应结果）
  17.            1、接收客户端请求（账号、密码）
  18.            2、把接收的数据封装到实体类
  19.            3、调用service中的注册方法
  20.            4、判断是否注册成功，成功的话跳转到登录页面，失败的话继续注册*/
  21.     protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
  22.         //获取userService对象
  23.         UserService userService = new UserService();
  24.         // 1、接收客户端请求（账号、密码）
  25.         String username=req.getParameter("username");
  26.         String password=req.getParameter("password");
  27.         //2、把接收的数据封装到实体类
  28.         User user=new User();
  29.         user.setUsername(username);
  30.         user.setPassword(password);
  31.         //3、调用service中的注册方法
  32.         MessageModel messageModel=userService.Register(user);
  33.         //4、判断是否注册成功，成功的话跳转到登录页面，失败的话继续注册
  34.         if(messageModel.getCode()==1){
  35.             //成功,将消息模型存到req中，并重定向到登录页面
  36.             req.setAttribute("messageModel",messageModel);
  37.             resp.sendRedirect("user.jsp");
  38.         }else {
  39.             //失败,将消息模型存到req中，并转发到注册页面
  40.             req.setAttribute("messageModel",messageModel);
  41.             req.getRequestDispatcher("/register.jsp").forward(req,resp);
  42.  
  43.         }
  44.     }
  45. }

 student.jsp:首页

  1. <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
  2. <%--
  3.   Created by IntelliJ IDEA.
  4.   User: 30868
  5.   Date: 2022/10/28
  6.   Time: 8:44
  7.   To change this template use File | Settings | File Templates.
  8. --%>
  9. <%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
  10. <html>
  11. <head>
  12.     <title>展示页面</title>
  13. </head>
  14. <body>
  15. <center>
  16. <h1>展示页面</h1>
  17. <h2>欢迎${messageModel.object.username}登录成功！</h2>
  18.     <a href="add.jsp">添加</a>
  19.     <table border="1px" cellspacing="0">
  20.         <tr>
  21.             <%--th：加粗居中--%>
  22.  
  23.             <th>选项</th>
  24.                 <th>编号</th>
  25.                 <th>姓名</th>
  26.                 <th>年龄</th>
  27.                 <th>性别</th>
  28.                 <th>爱好</th>
  29.                 <th>日期</th>
  30.                 <th>操作</th>
  31.         </tr>
  32.         <%--c:forEach :循环--%>
  33.         <c:forEach items="${list}" var="l">
  34.             <tr>
  35.                 <td>
  36.                     <input type="checkbox" name="option" value="${l.id}">
  37.                 </td>
  38.                 <td>${l.id}</td>
  39.                 <td>${l.name}</td>
  40.                 <td>${l.age}</td>
  41.                 <td>
  42.                     <c:if test="${l.sex==1}">
  43.                         男
  44.                     </c:if>
  45.                     <c:if test="${l.sex!=1}">
  46.                         女
  47.                     </c:if>
  48.                 </td>
  49.                 <td>${l.hobby}</td>
  50.                 <td>${l.time}</td>
  51.                 <td>
  52.                     <%--修改根据id--%>
  53.                     <a href="selectByIdServlet?id=${l.id}">修改</a>
  54.                             <%--删除根据id--%>
  55.                         <a href="deleteByIdServlet?id=${l.id}">删除</a>
  56.                 </td>
  57.             </tr>
  58.  
  59.         </c:forEach>
  60.     </table>
  61.  
  62.     <input type="submit" value="全选" onclick="checkAll()">
  63.     <input type="submit" value="全不选" onclick="checkNoAll()">
  64. </center>
  65. </body>
  66. <script type="text/javascript">
  67.     /*在js中获取点击框*/
  68.     var option=document.getElementsByName("option");
  69.     //全选
  70.     function checkAll() {
  71.         for (let i = 0; i < option.length; i++) {
  72.             option[i].checked=true;
  73.         }
  74.     }
  75.     function checkNoAll() {
  76.         for (let i = 0; i < option.length; i++) {
  77.             option[i].checked=false;
  78.         }
  79.     }
  80. </script>
  81. </html>

StudentServlet类： 

  1. package com.hsd.controller;
  2.  
  3. import com.hsd.entity.Student;
  4. import com.hsd.service.StudentService;
  5.  
  6. import javax.servlet.ServletException;
  7. import javax.servlet.annotation.WebServlet;
  8. import javax.servlet.http.HttpServlet;
  9. import javax.servlet.http.HttpServletRequest;
  10. import javax.servlet.http.HttpServletResponse;
  11. import java.io.IOException;
  12. import java.util.List;
  13.  
  14. @WebServlet("/StudentServlet")
  15. public class StudentServlet extends HttpServlet {
  16.     @Override
  17.     protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
  18.         //获取StudentService对象
  19.         StudentService studentService = new StudentService();
  20.         //调用Service层的selectAll方法
  21.         List<Student> list=studentService.selectAll();
  22.         //将拿到的数据存到req域中
  23.         req.setAttribute("list",list);
  24.         //转发到student.jsp展示页面
  25.         req.getRequestDispatcher("/student.jsp").forward(req,resp);
  26.  
  27.     }
  28. }

 service层：StudentService类： 

  1. package com.hsd.service;
  2.  
  3. import com.hsd.entity.Student;
  4. import com.hsd.mapper.StudentMapper;
  5. import com.hsd.utils.GetSessionUtil;
  6. import org.apache.ibatis.session.SqlSession;
  7.  
  8. import java.util.List;
  9.  
  10. public class StudentService {
  11.     //获取工具类中的SqlSession对象
  12.     SqlSession sqlSession= GetSessionUtil.SqlSession();
  13.     //获取Mapper
  14.     StudentMapper mapper = sqlSession.getMapper(StudentMapper.class);
  15.     public List<Student> selectAll() {
  16.  
  17.         //获取mapper接口中查看所有的方法
  18.         List<Student> list=mapper.selectAll();
  19.         //释放资源
  20.         sqlSession.close();
  21.         //返回到Servlet
  22.         return list;
  23.  
  24.     }
  25.  
  26.     public void addServlet(Student student) {
  27.         //获取mapper中添加的方法
  28.         mapper.addServlet(student);
  29.         //提交事务
  30.         sqlSession.commit();
  31.         //释放资源
  32.         sqlSession.close();
  33.     }
  34.  
  35.     public void deleteById(int id) {
  36.         //获取mapper中删除的方法
  37.         mapper.deleteById(id);
  38.         //提交事务
  39.         sqlSession.commit();
  40.         sqlSession.close();
  41.     }
  42.  
  43.     public Student selectById(int id) {
  44.         //获取mapper中根据id查找的方法
  45.         Student student=mapper.selectById(id);
  46.         sqlSession.close();
  47.         return student;
  48.     }
  49.  
  50.     public void update(Student student) {
  51.         //获取mapper中的修改方法
  52.         mapper.update(student);
  53.         //提交事务
  54.         sqlSession.commit();
  55.         sqlSession.close();
  56.     }
  57. }

mapper层： 

  1. package com.hsd.mapper;
  2.  
  3. import com.hsd.entity.Student;
  4.  
  5. import java.util.List;
  6.  
  7. public interface StudentMapper {
  8.     //查看所有
  9.     List<Student> selectAll();
  10.  
  11.     void addServlet(Student student);
  12.  
  13.     void deleteById(int id);
  14.  
  15.     Student selectById(int id);
  16.  
  17.     void update(Student student);
  18. }

 StudentMapper.xml:

  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <!DOCTYPE mapper
  3.         PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
  4.         "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
  5. <mapper namespace="com.hsd.mapper.StudentMapper">
  6.     <select id="selectAll" resultType="com.hsd.entity.Student">
  7. select * from student;
  8.  
  9.     </select>
  10. <insert id="addServlet">
  11.     insert into student value (null,#{name},#{age},#{sex},#{hobby},#{time});
  12. </insert>
  13.     <delete id="deleteById">
  14.         delete from student where id=#{id};
  15.     </delete>
  16.     <select id="selectById" resultType="com.hsd.entity.Student">
  17. select * from student where id=#{id};
  18.     </select>
  19.     <update id="update">
  20.         update student set name=#{name},age=#{age},sex=#{sex},hobby=#{hobby},time=#{time} where id=#{id};
  21.     </update>
  22. </mapper>

添加：     1.前端页面add.jsp     2.后端代码：       （1）接收客户端请求（添加的数据）       （2）把接收的数据封装到实体类       （3）调用service中的添加方法       （4）添加完毕后返回首页。          controller层：（接收请求、响应结果）           1、接收客户端请求（添加的数据）           2、把接收的数据封装到实体类           3、调用service中的添加方法           4、添加成功的话跳转到首页          service层：（业务逻辑）           1、获取工具类中的SqlSession对象           2、获取Mapper           3、获取mapper中添加的方法           mapper层：            mapper接口：定义对应的接口            mapper.xml:写对应的sql语句
1.前端页面add.jsp:
  1. <%--
  2.   Created by IntelliJ IDEA.
  3.   User: 30868
  4.   Date: 2022/10/29
  5.   Time: 8:54
  6.   To change this template use File | Settings | File Templates.
  7. --%>
  8. <%@ page contentType="text/html;charset=UTF-8" language="java" %>
  9. <html>
  10. <head>
  11.     <title>添加页面</title>
  12. </head>
  13. <body>
  14. <form action="AddServlet" method="get">
  15.     姓名:<input type="text" name="name"><br>
  16.     年龄:<input type="text" name="age"><br>
  17.     性别:<input type="radio" name="sex" value="1">男
  18.     <input type="radio" name="sex" value="0">女<br>
  19.     爱好:<input type="checkbox" name="hobby" value="吃">吃
  20.     <input type="checkbox" name="hobby" value="喝">喝
  21.     <input type="checkbox" name="hobby" value="玩">玩
  22.     <input type="checkbox" name="hobby" value="乐">乐<br>
  23.     日期:<input type="date" name="time"><br>
  24.     <input type="reset" value="重置"><br>
  25.     <input type="submit" value="添加"><br>
  26. </form>
  27. </body>
  28. </html>

 controller层：AddServlet类：

  1. package com.hsd.controller;
  2.  
  3. import com.hsd.entity.Student;
  4. import com.hsd.service.StudentService;
  5.  
  6. import javax.servlet.ServletException;
  7. import javax.servlet.annotation.WebServlet;
  8. import javax.servlet.http.HttpServlet;
  9. import javax.servlet.http.HttpServletRequest;
  10. import javax.servlet.http.HttpServletResponse;
  11. import java.io.IOException;
  12. import java.util.Arrays;
  13.  
  14. @WebServlet("/AddServlet")
  15. public class AddServlet extends HttpServlet {
  16.     @Override
  17.     protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
  18.         //获取StudentService
  19.         StudentService studentService = new StudentService();
  20.         String name=req.getParameter("name");
  21.         String age=req.getParameter("age");
  22.         String sex=req.getParameter("sex");
  23.         //多选框实现添加用数组
  24.         String[] hobby=req.getParameterValues("hobby");
  25.         String time=req.getParameter("time");
  26.         //将获取到的数据封装到对应的实体类中
  27.         //Student student = new Student(Integer.parseInt(null),name,Integer.parseInt(age),sex,hobby,time);
  28.         Student student = new Student();
  29.         student.setName(name);
  30.         student.setAge(Integer.parseInt(age));
  31.         student.setSex(sex);
  32.         student.setHobby(Arrays.toString(hobby));
  33.         student.setTime(time);
  34.         //调用StudentService中的添加方法,将添加的数据传回去,添加不需要返回值
  35.         studentService.addServlet(student);
  36.         //转发到首页
  37.         req.getRequestDispatcher("StudentServlet").forward(req,resp);
  38.  
  39.     }
  40. }
service层：在StudentService中写入添加方法。
mapper层：在StudentMapper中写入添加方法，在StudentMapper.xml中写入添加的sql语句。
删除：      后端代码：       （1）创建studentService对象       （2）接收客户端请求（根据id删除）       （3）删除后返回首页          controller层：（接收请求、响应结果）           1、接收客户端请求（根据id删除）           2、调用service中的删除方法           3、删除成功的话跳转到首页          service层：（业务逻辑）           1、获取工具类中的SqlSession对象           2、获取Mapper           3、获取mapper中删除的方法           mapper层：            mapper接口：定义对应的接口            mapper.xml:写对应的sql语句

 deleteByIdServlet类：

  1. package com.hsd.controller;
  2.  
  3. import com.hsd.service.StudentService;
  4.  
  5. import javax.servlet.ServletException;
  6. import javax.servlet.annotation.WebServlet;
  7. import javax.servlet.http.HttpServlet;
  8. import javax.servlet.http.HttpServletRequest;
  9. import javax.servlet.http.HttpServletResponse;
  10. import java.io.IOException;
  11.  
  12. @WebServlet("/deleteByIdServlet")
  13. public class deleteByIdServlet extends HttpServlet {
  14.     @Override
  15.     protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
  16.         //创建studentService对象
  17.         StudentService studentService = new StudentService();
  18.         //获取id，根据id删除
  19.         String id=req.getParameter("id");
  20.         //删除不需要返回值
  21.         studentService.deleteById(Integer.parseInt(id));
  22.         //删除后返回首页
  23.         req.getRequestDispatcher("StudentServlet").forward(req,resp);
  24.     }
  25. }

 service层：在StudentService中写入根据id查找和删除的方法。

mapper层：在StudentMapper中写入根据id查找的方法和删除的方法，在StudentMapper.xml中写入根据id查找和删除的sql语句。

修改：     1.前端页面update.jsp：        进行数据回显     2.后端代码：       获取要修改的数据：       （1）获取studentService类中的获取id的方法       （2）将数据存到req域中,通过setAttribute发送给回显页面，方便回显数据       （3）若找到数据，跳转到修改页面，进行回显       对获取的数据进行修改       （1）接收修改后的数据       （2）把修改后的数据封装到实体类student中       （3）调用studentService类中的修改方法       （4）修改后跳转到主页面          controller层：（接收请求、响应结果）           1、接收客户端请求（根据id修改）           2、调用service中的修改方法           3、修改成功的话跳转到首页          service层：（业务逻辑）           1、获取工具类中的SqlSession对象           2、获取Mapper           3、获取mapper中修改的方法           mapper层：            mapper接口：定义对应的接口            mapper.xml:写对应的sql语句

 1.前端页面update.jsp：

  1. <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
  2. <%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
  3.  
  4. <%--
  5.   Created by IntelliJ IDEA.
  6.   User: 30868
  7.   Date: 2022/10/29
  8.   Time: 14:37
  9.   To change this template use File | Settings | File Templates.
  10. --%>
  11. <%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
  12. <html>
  13. <head>
  14.     <title>修改页面</title>
  15. </head>
  16. <body>
  17. <form action="UpdateServlet" method="get">
  18.     编号：<input type="text" name="id" value="${s.id}"><br>
  19.     姓名:<input type="text" name="name" value="${s.name}"><br>
  20.     年龄:<input type="text" name="age" value="${s.age}"><br>
  21.     性别:<input type="radio" name="sex" value="1" <c:if test="${s.sex==1}"></c:if> checked="checked">男
  22.     <input type="radio" name="sex" value="0" <c:if test="${s.sex==0}"></c:if> checked="checked">女<br>
  23.     爱好:<input type="checkbox" name="hobby" value="吃" <c:if test="${fn:contains(s.hobby,'吃' )}">checked="checked"</c:if>>吃
  24.     <input type="checkbox" name="hobby" value="喝" <c:if test="${fn:contains(s.hobby,'喝' )}">checked="checked"</c:if>>喝
  25.     <input type="checkbox" name="hobby" value="玩" <c:if test="${fn:contains(s.hobby,'玩' )}">checked="checked"</c:if>>玩
  26.     <input type="checkbox" name="hobby" value="乐" <c:if test="${fn:contains(s.hobby,'乐' )}">checked="checked"</c:if>>乐<br>
  27.     日期:<input type="date" name="time" value="${s.time}"><br>
  28.     <input type="reset" value="重置"><br>
  29.     <input type="submit" value="修改"><br>
  30. </form>
  31. </body>
  32. </html>

 2.后端代码：controller层：selectByIdServlet类：修改时，先根据id回显。

  1. package com.hsd.controller;
  2.  
  3. import com.hsd.entity.Student;
  4. import com.hsd.service.StudentService;
  5.  
  6. import javax.servlet.ServletException;
  7. import javax.servlet.annotation.WebServlet;
  8. import javax.servlet.http.HttpServlet;
  9. import javax.servlet.http.HttpServletRequest;
  10. import javax.servlet.http.HttpServletResponse;
  11. import java.io.IOException;
  12.  
  13. @WebServlet("/selectByIdServlet")
  14. public class selectByIdServlet extends HttpServlet {
  15.     @Override
  16.     protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
  17.         //获取studentService对象
  18.         StudentService studentService = new StudentService();
  19.         //获取id
  20.         String id = req.getParameter("id");
  21.         //获取studentService类中的获取id的方法
  22.         Student student=studentService.selectById(Integer.parseInt(id));
  23.         //将数据存到req域中,通过setAttribute发送给回显页面，方便回显数据
  24.         req.setAttribute("s",student);
  25.         //若找到数据，跳转到修改页面，进行回显
  26.         req.getRequestDispatcher("update.jsp").forward(req,resp);
  27.  
  28.  
  29.  
  30.     }
  31. }

UpdateServlet类： 

  1. package com.hsd.controller;
  2.  
  3. import com.hsd.entity.Student;
  4. import com.hsd.service.StudentService;
  5.  
  6. import javax.servlet.ServletException;
  7. import javax.servlet.annotation.WebServlet;
  8. import javax.servlet.http.HttpServlet;
  9. import javax.servlet.http.HttpServletRequest;
  10. import javax.servlet.http.HttpServletResponse;
  11. import java.io.IOException;
  12. import java.util.Arrays;
  13.  
  14. @WebServlet("/UpdateServlet")
  15. public class UpdateServlet extends HttpServlet {
  16.     @Override
  17.     protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
  18.         //获取studentService对象
  19.         StudentService studentService = new StudentService();
  20.         //接收修改后的数据
  21.         String id = req.getParameter("id");
  22.         String name = req.getParameter("name");
  23.         String age = req.getParameter("age");
  24.         String sex = req.getParameter("sex");
  25.         //多选框用数组类型接收数据
  26.         String[] hobby = req.getParameterValues("hobby");
  27.         String time = req.getParameter("time");
  28.         //把修改后的数据封装到实体类student中
  29.         Student student = new Student();
  30.         student.setId(Integer.parseInt(id));
  31.         student.setName(name);
  32.         student.setAge(Integer.parseInt(age));
  33.         student.setSex(sex);
  34.         //将数组类型转换为String
  35.         student.setHobby(Arrays.toString(hobby));
  36.         student.setTime(time);
  37.         //调用studentService类中的修改方法，修改不需要返回值
  38.         studentService.update(student);
  39.         //修改后跳转到主页面
  40.         req.getRequestDispatcher("StudentServlet").forward(req,resp);
  41.  
  42.     }
  43. }

 service层：在StudentService中写入根据id修改的方法。

mapper层：在StudentMapper中写入根据id修改的方法，在StudentMapper.xml中写入根据id修改的sql语句。

页面效果：

 

 

功能完善 

1、选中删除功能

2、根据姓名查询功能

3、根据年龄区间查询功能

：student.jsp页面：

  1. <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
  2. <%--
  3.   Created by IntelliJ IDEA.
  4.   User: 30868
  5.   Date: 2022/10/28
  6.   Time: 8:44
  7.   To change this template use File | Settings | File Templates.
  8. --%>
  9. <%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
  10. <html>
  11. <head>
  12.     <title>展示页面</title>
  13. </head>
  14. <body>
  15. <center>
  16. <h1>展示页面</h1>
  17. <h2>欢迎${messageModel.object.username}登录成功！</h2>
  18.     <a href="add.jsp">添加</a>
  19.     <form action="SelectByNameServlet" method="get">
  20.         根据姓名查询：<input type="text" name="name" value="${s.name}">
  21.         <input type="submit" value="查询">
  22.  
  23.     </form>
  24.     <form action="SelectByAgeServlet" method="get">
  25.         根据年龄区间查询：<input type="text" name="age1" value="${s.age1}">---<input type="text" name="age2" value="${s.age2}">
  26.         <input type="submit" value="查询">
  27.  
  28.     </form>
  29.     <table border="1px" cellspacing="0">
  30.         <tr>
  31.             <%--th：加粗居中--%>
  32.  
  33.             <th>选项</th>
  34.                 <th>编号</th>
  35.                 <th>姓名</th>
  36.                 <th>年龄</th>
  37.                 <th>性别</th>
  38.                 <th>爱好</th>
  39.                 <th>日期</th>
  40.                 <th>操作</th>
  41.         </tr>
  42.         <%--c:forEach :循环--%>
  43.         <c:forEach items="${list}" var="l">
  44.             <tr>
  45.                 <td>
  46.                     <input type="checkbox" name="option" value="${l.id}">
  47.                 </td>
  48.                 <td>${l.id}</td>
  49.                 <td>${l.name}</td>
  50.                 <td>${l.age}</td>
  51.                 <td>
  52.                     <c:if test="${l.sex==1}">
  53.                         男
  54.                     </c:if>
  55.                     <c:if test="${l.sex!=1}">
  56.                         女
  57.                     </c:if>
  58.                 </td>
  59.                 <td>${l.hobby}</td>
  60.                 <td>${l.time}</td>
  61.                 <td>
  62.                     <%--修改根据id--%>
  63.                     <a href="selectByIdServlet?id=${l.id}">修改</a>
  64.                             <%--删除根据id--%>
  65.                         <a href="deleteByIdServlet?id=${l.id}">删除</a>
  66.                 </td>
  67.             </tr>
  68.  
  69.         </c:forEach>
  70.     </table>
  71.  
  72.     <input type="submit" value="全选" onclick="checkAll()">
  73.     <input type="submit" value="全不选" onclick="checkNoAll()">
  74.     <input type="submit" value="选中删除" onclick="XDelete()">
  75. </center>
  76. </body>
  77. <script type="text/javascript">
  78.     /*在js中获取点击框*/
  79.     var option=document.getElementsByName("option");
  80.     //全选
  81.     function checkAll() {
  82.         for (let i = 0; i < option.length; i++) {
  83.             option[i].checked=true;
  84.         }
  85.     }
  86.     //全不选
  87.     function checkNoAll() {
  88.         for (let i = 0; i < option.length; i++) {
  89.             option[i].checked=false;
  90.         }
  91.     }
  92.     //选中删除
  93.     function XDelete() {
  94.         //定义一个id变量，初始化值为null,用来存储选中的数据
  95.         var id="";
  96.         //循环多选框
  97.         for (let i = 0; i < option.length; i++) {
  98.             if(option[i].checked==true)
  99.             {
  100.                 //选中的id赋值给id变量，用逗号分隔开
  101.                 id=id+option[i].value+","
  102.             }
  103.  
  104.         }
  105.         location.href="XDeleteServlet?id="+id;
  106.  
  107.     }
  108. </script>
  109. </html>

1、选中删除功能 

controller层：XDeleteServlet类：

  1. package com.hsd.controller;
  2.  
  3. import com.hsd.service.StudentService;
  4.  
  5. import javax.servlet.ServletException;
  6. import javax.servlet.annotation.WebServlet;
  7. import javax.servlet.http.HttpServlet;
  8. import javax.servlet.http.HttpServletRequest;
  9. import javax.servlet.http.HttpServletResponse;
  10. import java.io.IOException;
  11.  
  12. @WebServlet("/XDeleteServlet")
  13. public class XDeleteServlet extends HttpServlet {
  14.     @Override
  15.     protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
  16.         //创建StudentService对象
  17.         StudentService studentService = new StudentService();
  18.         //接收页面发送过来的id
  19.         String ids=req.getParameter("id");
  20.         //查看是否可以获得选中的id
  21.         System.out.println(ids);
  22.         //调用service中的方法
  23.         studentService.xDelete(ids);
  24.         //删除成功后返回首页
  25.         req.getRequestDispatcher("StudentServlet").forward(req,resp);
  26.  
  27.  
  28.     }
  29. }

 service层：StudentService类中添加方法：

  1. public void xDelete(String ids){
  2.         //查看是否可以获得选中的id
  3.         System.out.println(ids);
  4.         //字符串分割
  5.         String[] split = ids.split(",");
  6.         //循环删除,将分割后的id进行循环（选中多条）
  7.         for (String id : split) {
  8.             //调用mapper中的接口
  9.             mapper.xDelete(Integer.parseInt(id));
  10.         }
  11.  
  12.         //提交事务
  13.         sqlSession.commit();
  14.         sqlSession.close();
  15.     }

 mapper层：在StudentMapper接口类和xml中添加方法

  1. package com.hsd.mapper;
  2.  
  3. import com.hsd.entity.Student;
  4.  
  5. import java.util.List;
  6.  
  7. public interface StudentMapper {
  8.     //查看所有
  9.     List<Student> selectAll();
  10.  
  11.     void addServlet(Student student);
  12.  
  13.     void deleteById(int id);
  14.  
  15.     Student selectById(int id);
  16.  
  17.     void update(Student student);
  18.  
  19.     void xDelete(int id);
  20. }
  1.     <delete id="xDelete">
  2.         delete from student where id = #{id}
  3.     </delete>

页面效果：选中id为12，14的删除

 

 2、根据姓名查询功能

 controller层：SelectByNameServlet类

  1. package com.hsd.controller;
  2.  
  3. import com.hsd.entity.Student;
  4. import com.hsd.service.StudentService;
  5.  
  6. import javax.servlet.ServletException;
  7. import javax.servlet.annotation.WebServlet;
  8. import javax.servlet.http.HttpServlet;
  9. import javax.servlet.http.HttpServletRequest;
  10. import javax.servlet.http.HttpServletResponse;
  11. import java.io.IOException;
  12. import java.util.List;
  13.  
  14. @WebServlet("/SelectByNameServlet")
  15. public class SelectByNameServlet extends HttpServlet {
  16.     @Override
  17.     protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
  18.          //获取StudentService对象
  19.         StudentService studentService = new StudentService();
  20.         //获取页面中的name值
  21.         String name = req.getParameter("name");
  22.         //查看是否获取页面输入的name
  23.         //System.out.println(name);
  24.         Student student=new Student();
  25.         student.setName(name);
  26.         //调用selectByName方法
  27.         List<Student> list=studentService.selectByName(student);
  28.  
  29.         //将拿到的数据添加到req中
  30.         req.setAttribute("list",list);
  31.         //通过Session将查找的数据转发到页面
  32.         req.setAttribute("s",student);
  33.         //转发到展示页面
  34.         req.getRequestDispatcher("student.jsp").forward(req,resp);
  35.  
  36.     }
  37. }

 service层：StudentService类中添加方法： 

  1. public List<Student> selectByName(Student student) {
  2.         //调用mapper中的方法
  3.         List<Student> list=mapper.selectByName(student);
  4.         //提交事务
  5.         sqlSession.commit();
  6.  
  7.         sqlSession.close();
  8.         return list;
  9.     }

  mapper层：在StudentMapper接口类和xml中添加方法

  1. package com.hsd.mapper;
  2.  
  3. import com.hsd.entity.Student;
  4.  
  5. import java.util.List;
  6.  
  7. public interface StudentMapper {
  8.     //查看所有
  9.     List<Student> selectAll();
  10.  
  11.     void addServlet(Student student);
  12.  
  13.     void deleteById(int id);
  14.  
  15.     Student selectById(int id);
  16.  
  17.     void update(Student student);
  18.  
  19.     void xDelete(int id);
  20.  
  21.     List<Student> selectByName(Student student);
  22.  
  23.     List<Student> selectByAge(Student student);
  24. }

 根据姓名模糊查询：

  1.  <select id="selectByName" resultType="com.hsd.entity.Student" parameterType="com.hsd.entity.Student">
  2. select * from student where name like concat('%',#{name},'%')
  3.     </select>

页面效果：查询名字含‘三’的所有有关信息 

 

3、根据年龄区间查询功能 

 controller层：SelectByAgeServlet类 

  1. package com.hsd.controller;
  2.  
  3. import com.hsd.entity.Student;
  4. import com.hsd.service.StudentService;
  5.  
  6. import javax.servlet.ServletException;
  7. import javax.servlet.annotation.WebServlet;
  8. import javax.servlet.http.HttpServlet;
  9. import javax.servlet.http.HttpServletRequest;
  10. import javax.servlet.http.HttpServletResponse;
  11. import java.io.IOException;
  12. import java.util.List;
  13.  
  14. @WebServlet("/SelectByAgeServlet")
  15. public class SelectByAgeServlet extends HttpServlet {
  16.     @Override
  17.     protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
  18.         //
  19.         StudentService studentService = new StudentService();
  20.         //
  21.         String age1=req.getParameter("age1");
  22.         String age2=req.getParameter("age2");
  23.         //
  24.         Student student = new Student();
  25.         student.setAge1(Integer.parseInt(age1));
  26.         student.setAge2(Integer.parseInt(age2));
  27.         //
  28.         //
  29.         List<Student> list=studentService.selectByAge(student);
  30.  
  31.  
  32.         //将拿到的数据添加到req中,返回值写list的原因是把数据返回
  33.         req.setAttribute("list",list);
  34.  
  35.         req.setAttribute("s",student);
  36.         //
  37.         req.getRequestDispatcher("/student.jsp").forward(req,resp);
  38.     }
  39. }

 service层：StudentService类中添加方法：  

  1.  public List<Student> selectByAge(Student student) {
  2.         //调用mapper中的方法
  3.         List<Student> list=mapper.selectByAge(student);
  4.         //提交事务
  5.         sqlSession.commit();
  6.  
  7.         sqlSession.close();
  8.         return list;
  9.     }

   mapper层：在StudentMapper接口类和xml中添加方法

  1. package com.hsd.mapper;
  2.  
  3. import com.hsd.entity.Student;
  4.  
  5. import java.util.List;
  6.  
  7. public interface StudentMapper {
  8.     //查看所有
  9.     List<Student> selectAll();
  10.  
  11.     void addServlet(Student student);
  12.  
  13.     void deleteById(int id);
  14.  
  15.     Student selectById(int id);
  16.  
  17.     void update(Student student);
  18.  
  19.     void xDelete(int id);
  20.  
  21.     List<Student> selectByName(Student student);
  22.  
  23.     List<Student> selectByAge(Student student);
  24. }

 根据年龄区间查询：

  1.  <select id="selectByAge" resultType="com.hsd.entity.Student" parameterType="com.hsd.entity.Student">
  2. select * from student
  3. /*循环判断，where标签在MyBatis中是循环*/
  4. /*if标签在MyBatis中是判断*/
  5.         <where>
  6.         /*在MyBatis中,在where循环中使用and的前提，必须是还有一次条件，如果只有一次条件就不允许使用and,可以写一个模拟条件*/
  7.         sex in('0','1')/*模拟条件*/
  8.         /*判断输入的不是空值*/
  9.             <if test="age1 != null and age1 != ''">
  10.             /*在MyBatis中,大于号和小于号是由（&gt; &lt;）代替的*/
  11.                and age &gt;#{age1}
  12.             </if>
  13.             <if test="age2!=null and age2!=''">
  14.                 /*在MyBatis中,大于号和小于号是由（gt; lt;）代替的*/
  15.                 and age &lt;#{age2}
  16.             </if>
  17.         </where>
  18.     </select>

 页面效果：查询年龄在17到20的所有信息

 

进行多条件查询：

将2、根据age查询和3、根据name查询联合起来，进行多条件查询，以下是在2、3的基础上进行的完善。文末会介绍直接进行多条件查询，不用写2、3。

修改的页面如下：student.jsp页面

  1.  <%-- <form action="SelectByNameServlet" method="get">
  2.         根据姓名查询：<input type="text" name="name" value="${s.name}">
  3.         <input type="submit" value="查询">
  4.  
  5.     </form>
  6.     <form action="SelectByAgeServlet" method="get">
  7.         根据年龄区间查询：<input type="text" name="age1" value="${s.age1}">---<input type="text" name="age2" value="${s.age2}">
  8.         <input type="submit" value="查询">--%>
  9.         <form action="SelectNameAndAgeServlet" method="get">
  10.  
  11.             根据姓名查询：<input type="text" name="name" value="${s.name}">
  12.             根据年龄区间查询：<input type="text" name="age1" value="${s.age1}">---<input type="text" name="age2" value="${s.age2}">
  13.             <input type="submit" value="查询">
  14.         </form>
  15.     <%--</form>--%>

 在entity层的vo包下添加一个StudentVo类：

  1. package com.hsd.entity.vo;
  2.  
  3. public class StudentVo {
  4.     private String name;//根据姓名查询的字段
  5.     private String age1;//根据年龄区间查询开始的年龄字段
  6.     private String age2;//根据年龄区间查询结束的年龄字段
  7.  
  8.  
  9.     public StudentVo() {
  10.     }
  11.  
  12.     public StudentVo(String name, String age1, String age2) {
  13.         this.name = name;
  14.         this.age1 = age1;
  15.         this.age2 = age2;
  16.     }
  17.  
  18.     public String getName() {
  19.         return name;
  20.     }
  21.  
  22.     public void setName(String name) {
  23.         this.name = name;
  24.     }
  25.  
  26.     public String getAge1() {
  27.         return age1;
  28.     }
  29.  
  30.     public void setAge1(String age1) {
  31.         this.age1 = age1;
  32.     }
  33.  
  34.     public String getAge2() {
  35.         return age2;
  36.     }
  37.  
  38.     public void setAge2(String age2) {
  39.         this.age2 = age2;
  40.     }
  41. }

 将Student类进行修改：将参数age1和age2删除，同时将该类中与这两个参数有关的get,set方法及有参无参方法删除。

修改SelectByAgeServlet类： 

  1. package com.hsd.controller;
  2.  
  3. import com.hsd.entity.Student;
  4. import com.hsd.entity.vo.StudentVo;
  5. import com.hsd.service.StudentService;
  6.  
  7. import javax.servlet.ServletException;
  8. import javax.servlet.annotation.WebServlet;
  9. import javax.servlet.http.HttpServlet;
  10. import javax.servlet.http.HttpServletRequest;
  11. import javax.servlet.http.HttpServletResponse;
  12. import java.io.IOException;
  13. import java.util.List;
  14.  
  15. @WebServlet("/SelectByAgeServlet")
  16. public class SelectByAgeServlet extends HttpServlet {
  17.     @Override
  18.     protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
  19.         //
  20.         StudentService studentService = new StudentService();
  21.         //
  22.         String age1=req.getParameter("age1");
  23.         String age2=req.getParameter("age2");
  24.         //
  25.        /* Student student = new Student();
  26.         if(age1!=null&&age2!=null){
  27.         student.setAge1(Integer.parseInt(age1));
  28.         student.setAge2(Integer.parseInt(age2));
  29.         }*/
  30.  
  31.  
  32.         //
  33.         //
  34.        /* List<Student> list=studentService.selectByAge(student);
  37.         //将拿到的数据添加到req中,返回值写list的原因是把数据返回
  38.         req.setAttribute("list",list);
  40.         req.setAttribute("s",student);*/
  41.         //将接受的值存到Vo的实体类中
  42.         StudentVo studentVo = new StudentVo();
  43.         studentVo.setAge1(age1);
  44.         studentVo.setAge2(age2);
  45. //        获取StudentService中根据姓名查询的方法，返回值写List集合的原因，就是需要返回所有的数据
  46.         List<Student> list = studentService.selectByAge(studentVo);
  47. //        给查询所有的数据全部添加到req中
  48.         req.setAttribute("list",list);
  49. //        拿到的数据添加到req中
  50.         req.setAttribute("s",studentVo);
  51.         //
  52.         req.getRequestDispatcher("/student.jsp").forward(req,resp);
  53.     }
  54. }

 修改SelectByNameServlet类：

  1. package com.hsd.controller;
  2.  
  3. import com.hsd.entity.Student;
  4. import com.hsd.entity.vo.StudentVo;
  5. import com.hsd.service.StudentService;
  6.  
  7. import javax.servlet.ServletException;
  8. import javax.servlet.annotation.WebServlet;
  9. import javax.servlet.http.HttpServlet;
  10. import javax.servlet.http.HttpServletRequest;
  11. import javax.servlet.http.HttpServletResponse;
  12. import java.io.IOException;
  13. import java.util.List;
  14.  
  15. @WebServlet("/SelectByNameServlet")
  16. public class SelectByNameServlet extends HttpServlet {
  17.     @Override
  18.     protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
  19.          //获取StudentService对象
  20.         StudentService studentService = new StudentService();
  21.         //获取页面中的name值
  22.         String name = req.getParameter("name");
  23.         //查看是否获取页面输入的name
  24.         //System.out.println(name);
  25.        /* Student student=new Student();
  26.         student.setName(name);
  27.         //调用selectByName方法
  28.         List<Student> list=studentService.selectByName(student);
  30.         //将拿到的数据添加到req中
  31.         req.setAttribute("list",list);
  32.         //通过Session将查找的数据转发到页面
  33.         req.setAttribute("s",student);*/
  34.         StudentVo studentVo = new StudentVo();
  35.         studentVo.setName(name);
  36. //        获取StudentService中根据姓名查询的方法，返回值写List集合的原因，就是需要返回所有的数据
  37.         List<Student> list = studentService.selectByName(studentVo);
  38. //        给查询所有的数据全部添加到req中
  39.         req.setAttribute("list",list);
  40. //        给根据姓名查询拿到的数据添加到req中
  41.         req.setAttribute("s",studentVo);
  42.         //转发到展示页面
  43.         req.getRequestDispatcher("student.jsp").forward(req,resp);
  44.  
  45.     }
  46. }

 在controller层加一个类：SelectNameAndAgeServlet类

  1. package com.hsd.controller;
  2.  
  3. import com.hsd.entity.Student;
  4. import com.hsd.entity.vo.StudentVo;
  5. import com.hsd.service.StudentService;
  6.  
  7. import javax.servlet.ServletException;
  8. import javax.servlet.annotation.WebServlet;
  9. import javax.servlet.http.HttpServlet;
  10. import javax.servlet.http.HttpServletRequest;
  11. import javax.servlet.http.HttpServletResponse;
  12. import java.io.IOException;
  13. import java.util.List;
  14.  
  15. @WebServlet("/SelectNameAndAgeServlet")
  16. public class SelectNameAndAgeServlet extends HttpServlet {
  17.     @Override
  18.     protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
  19.         StudentService studentService = new StudentService();
  20.         //
  21.         String name = req.getParameter("name");
  22.         String age1=req.getParameter("age1");
  23.         String age2=req.getParameter("age2");
  24.  
  25.         StudentVo studentVo = new StudentVo();
  26.  
  27.         studentVo.setName(name);
  28.         studentVo.setAge1(age1);
  29.         studentVo.setAge2(age2);
  30.  
  31.  
  32.         List<Student> list=studentService.selectByNameAndAge(studentVo);
  33.  
  34.         req.setAttribute("list",list);
  35.  
  36.         req.setAttribute("s",studentVo);
  37.         //
  38.         req.getRequestDispatcher("/student.jsp").forward(req,resp);
  39.  
  40.  
  41.     }
  42. }

 修改StudentService:

  1.  public List<Student> selectByName(StudentVo studentVo) {
  2.         //调用mapper中的方法
  3.         List<Student> list=mapper.selectByName(studentVo);
  4.         //提交事务
  5.         sqlSession.commit();
  6.  
  7.         sqlSession.close();
  8.         return list;
  9.     }
  10.  
  11.     public List<Student> selectByAge(StudentVo studentVo) {
  12.         //调用mapper中的方法
  13.         List<Student> list=mapper.selectByAge(studentVo);
  14.         //提交事务
  15.         sqlSession.commit();
  16.  
  17.         sqlSession.close();
  18.         return list;
  19.     }
  20.  
  21.     public List<Student> selectByNameAndAge(StudentVo studentVo) {
  22.         List<Student> list=mapper.selectByNameAndAge(studentVo);
  23.         //提交事务
  24.         sqlSession.commit();
  25.  
  26.         sqlSession.close();
  27.         return list;
  28.     }

 修改StudentMapper:

  1.  List<Student> selectByName(StudentVo studentVo);
  2.     //    根据age区间条件查询的方法
  3.     List<Student> selectByAge(StudentVo studentVo);
  4.     //    多条件查询的方法
  5.     List<Student> selectByNameAndAge(StudentVo studentVo);
  1.  <select id="selectByName" resultType="com.hsd.entity.Student" parameterType="com.hsd.entity.vo.StudentVo">
  2. select * from student where name like concat('%',#{name},'%')
  3.     </select>
  4.     <select id="selectByAge" resultType="com.hsd.entity.Student" parameterType="com.hsd.entity.vo.StudentVo">
  5. select * from student
  6. /*循环判断，where标签在MyBatis中是循环*/
  7. /*if标签在MyBatis中是判断*/
  8.         <where>
  9.         /*在MyBatis中,在where循环中使用and的前提，必须是还有一次条件，如果只有一次条件就不允许使用and,可以写一个模拟条件*/
  10.         sex in('0','1')/*模拟条件*/
  11.         /*判断输入的不是空值*/
  12.             <if test="age1 != null">
  13.             /*在MyBatis中,大于号和小于号是由（&gt; &lt;）代替的*/
  14.                and age &gt;#{age1}
  15.             </if>
  16.             <if test="age2!=null">
  17.                 /*在MyBatis中,大于号和小于号是由（gt; lt;）代替的*/
  18.                 and age &lt;#{age2}
  19.             </if>
  20.         </where>
  21.     </select>
  22.     <select id="selectByNameAndAge" parameterType="com.hsd.entity.vo.StudentVo" resultType="com.hsd.entity.Student">
  23.         select * from student
  24.         <where>
  25.             <if test="name!=null||name!=''">
  26.                 name like concat('%',#{name},'%')
  27.             </if>
  28.             <if test="age1!=null and age1!=''">
  29.                 and age &gt;#{age1}
  30.             </if>
  31.             <if test="age2!=null and age2!=''">
  32.                 /*在MyBatis中,大于号和小于号是由（gt; lt;）代替的*/
  33.                 and age &lt;#{age2}
  34.             </if>
  35.         </where>
  36.     </select>

页面效果： 

直接进行多条件查询，不用写以上的2、3 步

以下用另一个项目进行展示。整体架构和上面的项目一致。

  1. <form action="SelectGnameAndPriceServlet" method="get">
  2.  
  3.         根据商品名称查询：<input type="text" name="gname" value="${g.gname}"><br>
  4.         根据价格区间查询：<input type="text" name="price1" value="${g.price1}">---<input type="text" name="price2" value="${g.price2}"><br>
  5.         <input type="submit" value="查询">
  6.     </form>

  在entity层的vo包下添加一个GoodsVo类：

  1. package com.hsd.entity.vo;
  2.  
  3. public class GoodsVo {
  4.     private String gname;
  5.     private String price1;
  6.     private String price2;
  7.  
  8.     public GoodsVo() {
  9.     }
  10.  
  11.     public GoodsVo(String gname, String price1, String price2) {
  12.         this.gname = gname;
  13.         this.price1 = price1;
  14.         this.price2 = price2;
  15.     }
  16.  
  17.     public String getGname() {
  18.         return gname;
  19.     }
  20.  
  21.     public void setGname(String gname) {
  22.         this.gname = gname;
  23.     }
  24.  
  25.     public String getPrice1() {
  26.         return price1;
  27.     }
  28.  
  29.     public void setPrice1(String price1) {
  30.         this.price1 = price1;
  31.     }
  32.  
  33.     public String getPrice2() {
  34.         return price2;
  35.     }
  36.  
  37.     public void setPrice2(String price2) {
  38.         this.price2 = price2;
  39.     }
  40. }

此时，Goods类中的参数不需要进行任何修改，因为在后面的操作中，涉及的都是GoodsVo类。

在controller层添加一个SelectByGnameAndPrice类： 

  1. package com.hsd.controller;
  2.  
  3. import com.hsd.entity.Goods;
  4. import com.hsd.entity.vo.GoodsVo;
  5. import com.hsd.service.GoodsService;
  6.  
  7. import javax.servlet.ServletException;
  8. import javax.servlet.annotation.WebServlet;
  9. import javax.servlet.http.HttpServlet;
  10. import javax.servlet.http.HttpServletRequest;
  11. import javax.servlet.http.HttpServletResponse;
  12. import java.io.IOException;
  13. import java.util.List;
  14.  
  15. @WebServlet("/SelectGnameAndPriceServlet")
  16. public class SelectGnameAndPriceServlet extends HttpServlet {
  17.     @Override
  18.     protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
  19.         GoodsService goodsService = new GoodsService();
  20.         //
  21.         String gname = req.getParameter("gname");
  22.         String price1=req.getParameter("price1");
  23.         String price2=req.getParameter("price2");
  24.  
  25.         GoodsVo goodsVo = new GoodsVo();
  26.  
  27.         goodsVo.setGname(gname);
  28.         goodsVo.setPrice1(price1);
  29.         goodsVo.setPrice2(price2);
  30.  
  31.  
  32.         List<GoodsVo> list=goodsService.selectByGnameAndPrice(goodsVo);
  33.  
  34.         //将查询信息展示到页面上
  35.         req.setAttribute("list",list);
  36.  
  37.         //回显
  38.         req.setAttribute("g",goodsVo);
  39.         //
  40.         req.getRequestDispatcher("/goods.jsp").forward(req,resp);
  41.  
  42.  
  43.     }
  44. }

 GoodsService类：添加一个selectByGnameAndPrice方法

  1.  public List<GoodsVo> selectByGnameAndPrice(GoodsVo goodsVo) {
  2.         List<GoodsVo> list=mapper.selectByGnameAndPrice(goodsVo);
  3.         //提交事务
  4.         sqlSession.commit();
  5.         sqlSession.close();
  6.         return list;
  7.     }

 GoodsMapper:添加selectByGnameAndPrice方法

 List<GoodsVo> selectByGnameAndPrice(GoodsVo goodsVo);

 GoodsMapper.xml:添加sql语句

  1. <select id="selectByGnameAndPrice" parameterType="com.hsd.entity.vo.GoodsVo" resultType="com.hsd.entity.Goods">
  2.         select * from goods
  3.         <where>
  4.             <if test="gname!=null||gname!=''">
  5.                 gname like concat('%',#{gname},'%')
  6.             </if>
  7.             <if test="price1!=null and price1!=''">
  8.                 and price &gt;#{price1}
  9.             </if>
  10.             <if test="price2!=null and price2!=''">
  11.                 /*在MyBatis中,大于号和小于号是由（gt; lt;）代替的*/
  12.                 and price &lt;#{price2}
  13.             </if>
  14.         </where>
  15.     </select>

对以上项目的修改： 

 一、以上的StudentVo类中age1和age2都是String类型的，若写为int类型，当根据年龄区间进行搜索时，输入框什么都不输入的话，想要的结果是查询所有，但int类型会报500的错误。解决方法如下：

在转换类型时添加一个判断语句即可。

修改之前的500错误如下： 

1、将StudentMapper.xml中的语句进行修改，如下： 

  1.  
  2.  <select id="selectByNameAndAge" parameterType="com.hsd.entity.vo.StudentVo" resultType="com.hsd.entity.Student">
  3.         select * from student
  4.         <where>
  5.             <if test="name!=null and name!=''">
  6.                 name like concat('%',#{name},'%')
  7.             </if>
  8.             <if test="age1!=null and age1!=0">
  9.                 and age &gt;#{age1}
  10.             </if>
  11.             <if test="age2!=null and age2!=0">
  12.                 /*在MyBatis中,大于号和小于号是由（gt; lt;）代替的*/
  13.                 and age &lt;#{age2}
  14.             </if>
  15.         </where>
  16.     </select>

2、 将SelectByNameAndAgeServlet中的语句进行修改，转换类型时，加一个判断。如下：

  1. //判断age不是null且不是空串就进入if,反之没有输入的话，就不走这个查询条件。
  2. if(age1!=null&&!"".equals(age1)){
  3. student.setAge1(Integer.parseInt(age1));
  4. }
  5. if(age2!=null&&!"".equals(age2)){
  6. student.setAge2(Integer.parseInt(age2));
  7. }

二、当进行选中删除时，什么都不选直接点击选中删除按钮时，会报500错误。对其进行修改完善：

给选中删除函数加一个判断，若一条都没选中，则弹窗提示。

 1、引入jquery：

<script src="js/jquery-3.4.1.js"></script>

 2、给选中删除函数加一个判断，若一条都没选中，则弹窗提示。修改如下：

  1.  //选中删除
  2.     function XDelete() {
  3.         if($("input[name=option]:checked").length==0){
  4.             alert("至少选中一条数据");
  5.             return;
  6.         }
  7.         //定义一个id变量，初始化值为null,用来存储选中的数据
  8.         var id="";
  9.         //循环多选框
  10.         for (let i = 0; i < option.length; i++) {
  11.             if(option[i].checked==true)
  12.             {
  13.                 //选中的id赋值给id变量，用逗号分隔开
  14.                 id=id+option[i].value+","
  15.             }
  16.  
  17.         }
  18.         location.href="XDeleteServlet?id="+id;
  19.  
  20.     }

三、添加一个过滤器：当没有登录直接访问主页面和添加页面时，提示未登录。必须登录后才能进行其他操作。

浏览器一旦启动，当登录过一次后，再返回到登录之前的页面，在url栏输入StudentServlet或add.jsp时，不会再提示未登录，可以直接进入。
可以简单理解为：在浏览器启动时，过滤器只会起一次过滤作用。

1、 在controller层添加一个filter包，在包下创建一个RightConfig类：

  1. package com.hsd.filter;
  2.  
  3. import com.hsd.entity.vo.MessageModel;
  4.  
  5. import javax.servlet.*;
  6. import javax.servlet.annotation.WebFilter;
  7. import javax.servlet.annotation.WebServlet;
  8. import javax.servlet.http.HttpServletRequest;
  9. import javax.servlet.http.HttpServletResponse;
  10. import javax.servlet.http.HttpSession;
  11. import java.io.IOException;
  12. //拦截器的工具类
  13. @WebFilter(value = {"/StudentServlet","/add.jsp"})
  14. public class RightConfig implements Filter {
  15.     @Override
  16.     public void init(FilterConfig filterConfig) throws ServletException {
  17.  
  18.     }
  19.     @Override
  20.     public void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filterChain) throws IOException, ServletException {
  21. //过滤器（拦截器）
  22.         //1.先向下转型(强制类型转换)，获取HttpServletRequest
  23.         HttpServletRequest request= (HttpServletRequest) servletRequest;
  24.         HttpServletResponse response= (HttpServletResponse) servletResponse;
  25.         //2.获取session域
  26.         HttpSession session=request.getSession();
  27.         //3.通过getAttribute获取到user,返回一个消息模型对象
  28.         MessageModel messageModel = (MessageModel) session.getAttribute("user");
  29.  
  30.         //4.判断是否登录
  31.         if(messageModel!=null){
  32.             //已经登录,释放拦截器
  33.             filterChain.doFilter(request,response);
  34.         }else{
  35.             //没有登录，返回登录页面进行登录
  36.             request.setAttribute("msg","未登录，请返回登录");
  37.             //后端代码跳转到jsp需加‘/’
  38.             request.getRequestDispatcher("user.jsp").forward(request,response);
  39.         }
  40.  
  41.     }
  42.     @Override
  43.     public void destroy() {
  44.  
  45.     }
  46. }

 选择Filter javax.servlet:

 2、修改UserServlet类：

  1. if(messageModel.getCode()==1){
  2.             //成功，将消息模型存到req中，并重定向到首页
  3.             //获取session信息
  4.             HttpSession session=req.getSession();
  5.             //把登录的信息存到session中
  6.             session.setAttribute("user",messageModel);
  7.             //转发(req)
  8.             req.getSession().setAttribute("messageModel",messageModel);
  9.             //重定向(resp)
  10.             //路径不加‘/’
  11.             resp.sendRedirect("StudentServlet");
  12.         }else

 3、修改user.jsp:添加提示信息：${msg}

<div style="color: red" id="div">${messageModel.msg} ${msg}</div><br>

 实现退出登录功能：两种方法

（1）写一个超链接：

（2）先添加一个超链接：<a href="ExitServlet">退出登录</a>，
然后在controller层中添加一个ExitServlet类

 （1）写一个超链接：

<a href="user.jsp">退出</a>

 效果：

 

 

 

 缺点：
<1>当点击退出时，直接返回到user.jsp，但是username和password的内容仍存在。
<2>退出后，在url输入StudentServlet或add.jsp时，可以直接进入，即：过滤器没起作用。解决办法：
使用（2）实现退出登录。

（2）先添加一个超链接：<a href="ExitServlet">退出登录</a>，
然后在controller层中添加一个ExitServlet类,在该类中实现将（1）中的<1>username和password消除，实现（1）中的<2>过滤器。 

<a href="ExitServlet">退出登录</a>
  1. package com.hsd.controller;
  2.  
  3. import javax.servlet.ServletException;
  4. import javax.servlet.annotation.WebServlet;
  5. import javax.servlet.http.HttpServlet;
  6. import javax.servlet.http.HttpServletRequest;
  7. import javax.servlet.http.HttpServletResponse;
  8. import javax.servlet.http.HttpSession;
  9. import java.io.IOException;
  10.  
  11. @WebServlet("/ExitServlet")
  12. public class ExitServlet extends HttpServlet {
  13.     @Override
  14.     protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
  15.         //获取session中的信息
  16.         HttpSession session=req.getSession();
  17.         //清空session域
  18.         session.invalidate();
  19.         req.getRequestDispatcher("user.jsp").forward(req,resp);
  20.     }
  21. }

效果： 

 

​​​​​​​ 

 

总结： 

selectByIdServlet类：
(1)在controller层中：
有req.setAttribute("s",student);语句
(2)在service层中：
有return student;语句。
作用：将数据进行回显。
如：输入姓名进行查询时，当点击按钮时，填写的数据不会消失。若无返回，则一旦点击
按钮进行查询，在输入框的内容将消失。

StudentServlet类
SelectByAgeServlet类
SelectByNameServlet类
SelectNameAndAgeServlet类
(1)在controller层中：
三者都有req.setAttribute("list",list);语句。
(2)在service层中：
三者的方法都有返回值return list;语句
作用：将拿到的数据存在req域中。
返回值写list集合的原因：就是需要返回所有的数据到页面上展示。
如：在根据姓名查询时，当查询到数据时，先将查到的数据存在req中的list中，
然后根据return list;语句将数据展示到页面上，若无返回，则查询到的信息不会在页面上展示。


 

mapper配套：mapper层的接口和.xml中的方法名及sql语句要一致
getParameter：接收前端页面参数

req.setAttribute:将messageModel对象存到req域中
使用getAttribute通过key获取session中的值
req.getParameterValues("hobby");多选框实现添加用数组
student.setHobby(Arrays.toString(hobby));

重定向(resp):resp.sendRedirect("StudentServlet");
转发（req）：req.getRequestDispatcher("/user.jsp").forward(req,resp);

重定向和转发的区别？


相同点：页面都会实现跳转
不同点：请求转发时，url不会发生变化 状态码:307
       重定向时，url会发生变化 状态码：302

mapper层：
.xml中
namespace:命名空间，对应Mapper接口的路径
id(必写)对应Mapper接口中的方法名称，parameterType：接口中的方法的参数类型，resultType：实体类。
提交事务:sqlSession.commit()：
添加时需要提交，查询时不需要提交。
即：将数据放到数据库时，需要提交事务；从数据库中取出数据时，不需要提交事务
如：在注册用户时，需将用户名和密码放到数据库中，需要提交事务，而在登录时，只是从数据库获取用户名和密码进行比较，不需要提交事务。

网站建设定制开发 软件系统开发定制 定制软件开发 软件开发定制 定制app开发 app开发定制 app开发定制公司 电商商城定制开发 定制小程序开发 定制开发小程序 客户管理系统开发定制 定制网站 定制开发 crm开发定制 开发公司 小程序开发定制 定制软件 收款定制开发 企业网站定制开发 定制化开发 android系统定制开发 定制小程序开发费用 定制设计 专注app软件定制开发 软件开发定制定制 知名网站建设定制 软件定制开发供应商 应用系统定制开发 软件系统定制开发 企业管理系统定制开发 系统定制开发