JSP+Servlet+Mybatis实现列表显示和批量删除等功能

前言

• 使用JSP回显用户列表，可以进行批量删除（有删除确认步骤），和修改用户数据（用户数据回显步骤）
• 使用servlet处理传递进来的请求参数，并调用dao处理数据并返回
• 使用mybatis，书写dao层，获取mysql数据库数据并返回到servlet

项目实现步骤

完整项结构

第一步：创建项目，配置pom.xml文件，导入相关工具类

pom.xml

 <dependencies><!--单元测试--><dependency><groupId>junit</groupId><artifactId>junit</artifactId><version>4.12</version><scope>test</scope></dependency><!--mysql数据库连接--><dependency><groupId>mysql</groupId><artifactId>mysql-connector-java</artifactId><version>8.0.21</version></dependency><!--servlet--><dependency><groupId>javax.servlet</groupId><artifactId>javax.servlet-api</artifactId><version>3.1.0</version><scope>provided</scope></dependency><!--lombok--><dependency><groupId>org.projectlombok</groupId><artifactId>lombok</artifactId><version>1.18.24</version><scope>provided</scope></dependency><!---mybatis--><dependency><groupId>org.mybatis</groupId><artifactId>mybatis</artifactId><version>3.4.6</version></dependency><!--log4j--><dependency><groupId>log4j</groupId><artifactId>log4j</artifactId><version>1.2.17</version></dependency><!--jstl--><dependency><groupId>javax.servlet</groupId><artifactId>jstl</artifactId><version>1.2</version></dependency></dependencies><build><finalName>project1</finalName><plugins><plugin><groupId>org.apache.maven.plugins</groupId><artifactId>maven-compiler-plugin</artifactId><version>3.1</version><configuration><source>1.8</source><target>1.8</target><encoding>UTF-8</encoding></configuration></plugin><plugin><groupId>org.apache.maven.plugins</groupId><artifactId>maven-war-plugin</artifactId><version>3.3.2</version></plugin><plugin><groupId>org.eclipse.jetty</groupId><artifactId>jetty-maven-plugin</artifactId><version>9.3.14.v20161028</version></plugin><plugin><groupId>org.apache.tomcat.maven</groupId><artifactId>tomcat7-maven-plugin</artifactId><version>2.1</version><configuration><port>8080</port><path>/my_maven_pro</path><uriEncoding>UTF-8</uriEncoding><server>tomcat7</server></configuration></plugin></plugins></build>
</project>

• 因为要使用mybatis，因此需要导入创建SqlSession的工具类，目的是创建sqlsession对象来发送sql，获取数据；
• 因为需要使用log4j日志，需要导入其配置文件相关设置；
• 因为mybatis配置了jdbc连接信息和mybatis配置信息分离，所以要jdbc.properties文件

SqlSessionFactoryUtil 

public class SqlSessionFactoryUtil {private static SqlSessionFactory factory;private SqlSessionFactoryUtil(){}static {Reader reader=null;try {reader=reader= Resources.getResourceAsReader("mybatis.xml");factory=new SqlSessionFactoryBuilder().build(reader);} catch (IOException e) {throw new RuntimeException(e);}}public static SqlSession getSessionSql(){return factory.openSession(true);}}

openSession()方法参数为true，表示自动提交事务。

jdbc.properties

driver=com.mysql.cj.jdbc.Driver
url=jdbc:mysql://localhost:3306/csx_demo_925?serverTimezone=Asia/Shanghai&useUnicode=true&characterEncoding=UTF-8&zeroDateTimeBehavior=convertToNull
username=root
password=root

jdbc的连接信息需要自己本地的mysql连接配置

log4j.properties

### set log levels ###
log4j.rootLogger = debug,stdout 
log4j.appender.stdout = org.apache.log4j.ConsoleAppender
log4j.appender.stdout.Target = System.out
log4j.appender.stdout.layout = org.apache.log4j.PatternLayout
log4j.appender.stdout.layout.ConversionPattern =  %d %p [%c] - %m%nlog4j.logger.com.ibatis=debug
log4j.logger.com.ibatis.common.jdbc.SimpleDataSource=debug
log4j.logger.com.ibatis.common.jdbc.ScriptRunner=debug
log4j.logger.com.ibatis.sqlmap.engine.impl.SqlMapClientDelegate=debug
log4j.logger.java.sql.Connection=debug
log4j.logger.java.sql.Statement=debug
log4j.logger.java.sql.PreparedStatement=debug,stdout

配置mybatis日志文件，在执行mybatis相关的sql时，可以看到sql语句的执行流程

web.xml

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://java.sun.com/xml/ns/javaee"xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"xsi:schemaLocation="http://java.sun.com/xml/ns/javaeehttp://java.sun.com/xml/ns/javaee/web-app_3_0.xsd"version="3.0"><display-name>Archetype Created Web Application</display-name></web-app>

web.xml配置的头信息，需要指定3.0版本以上，目的是可以在servlet中使用注解完成相关的映射配置

第二步：创建数据库表和对应实体类

数据库表

t_user用户表，包含字段为user_id（用户id）,user_name（用户名），user_pic（用户头像），user_point(用户积分);这里用户头像暂时用不到

 建表语句

create table if not exists t_user(
user_id int primary key auto_increment comment '用户id,主键',
user_name varchar(30) not null unique comment'用户名',
password varchar(30) not null comment'密码',
user_pic varchar(50) comment'用户头像',
user_point int default 0  comment'用户积分'
);

User

@Getter
@Setter
@AllArgsConstructor
@NoArgsConstructor
public class User implements Serializable {private Integer userId;private String userName;private String password;private String userPic;private Integer userPoint;
}

属性名和字段名采用了小驼峰映射，需要在mybatis中手动配置类的属性和表中字段的映射关系。

 第三步：创建Mybatis主配置文件，Dao层和mapper映射

mybatis.xml

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE configuration PUBLIC "-//mybatis.org//DTD Config 3.0//EN""http://mybatis.org/dtd/mybatis-3-config.dtd">
<configuration><properties resource="jdbc.properties"/><!--<settings><setting name="" value=""/></settings>--><typeAliases><package name="com.csx.entity"/></typeAliases><environments default="development"><environment id="development"><transactionManager type="JDBC"/><dataSource type="POOLED"><property name="driver"value="${driver}"/><property name="url"value="${url}"/><property name="username" value="${username}"/><property name="password" value="${password}"/></dataSource></environment></environments><mappers><mapper resource="mapper/UserMapper.xml"></mapper></mappers></configuration>

注意：

• <properties resource="jdbc.properties"/>：配置了jdbc连接信息的路径，可以在mybatis.xml中使用${}引入jdbc.properties的配置信息

• <typeAliases><package name="com.csx.entity"/>
  </typeAliases>

  • 设置别名，将entity包下的所有实体类，都设置别名，为类名或类名的全小写
• mappers标签中的mapper标签，需要先存在mappper映射文件才能配置其和主配置文件的绑定。

UserDao

public interface UserDao {//查询所有用户List<User> getUserList();//根据id查询指定用户User getUserById(int id);//更新用户int updateUser(User user);//删除单个用户    int delUser(int id);//批量删除用户int delUsers(int[] ids);}

项目需要的所有sql支持，从上到下分别为：查询所有用户数据；根据id查询指定用户；修改用户数据；删除用户数据（删除单个）；批量删除用户数据

UserMapper.xml

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN""http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="com.csx.dao.UserDao"><resultMap id="userCols" type="user"><id property="userId" column="user_id"/><result property="userName" column="user_name"/><result property="userPic" column="user_pic"/><result property="userPoint" column="user_point"/></resultMap><!--查询所有用户--><select id="getUserList" resultMap="userCols">select * from t_user</select>
<!--根据id查询指定用户--><select id="getUserById" parameterType="int" resultMap="userCols">select * from t_userwhere user_id = #{id}</select>
<!--根据id修改用户名和积分--><update id="updateUser" parameterType="user">update t_user set user_name = #{userName},user_point=#{userPoint}where user_id = #{userId}</update>
<!--删除单个用户数据--><delete  id="delUser" parameterType="int">delete from t_user where user_id = #{id}</delete>
<!--批量删除用户数据，接收参数类型为数组--><delete id="delUsers">delete from t_user where user_id in<foreach collection="array" item="id" open="(" close=")" separator=",">#{id}</foreach></delete></mapper>

书写mapper.xml时需要注意使用 <resultMap>配置数据库字段和实体类的属性一一映射

第四步：创建service层

UserService

public interface UserService {List<User> getUserList();User getUserById(int id);int updateUser(User user);int delUser(int id);int delUsers(String[] ids);}

UserServiceImpl

public class UserServiceImpl implements UserService {SqlSession session= SqlSessionFactoryUtil.getSessionSql();UserDao userDao=session.getMapper(UserDao.class);@Overridepublic List<User> getUserList() {return userDao.getUserList();}@Overridepublic User getUserById(int id) {return userDao.getUserById(id);}@Overridepublic int updateUser(User user) {return userDao.updateUser(user);}@Overridepublic int delUser(int id) {return userDao.delUser(id);}@Overridepublic int delUsers(String[] ids) {//将字符串数组转换成int数组，需要判断null值if (ids!=null){int[] idss= Arrays.stream(ids).mapToInt(Integer::parseInt).toArray();return userDao.delUsers(idss);}return 0;}
}

 service层，作用是调用dao的sql支持，完成业务逻辑，就像上面的类型转换的操作，实在service层实现的

第五步：创建前端页面和servlet

前端页面：执行逻辑--->当我们启动服务器时，在浏览器输入localhost:8080  默认访问的是index.html或index.jsp页面，因此我们可以直接在index.html页面完成跳转功能，跳转到我们的servlet进行逻辑处理（获取数据库中的数据，然后在页面展示）

 index.html

<html>
<body>
<h2>Hello World!</h2>
</body>
<script>location.href="toIndex";
</script>
</html>

在默认首页完成跳转到指定的servlet进行逻辑处理

ToIndexServlet

@WebServlet("/toIndex")
public class ToIndexServlet extends HttpServlet {@Overrideprotected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {UserService userService=new UserServiceImpl();//调用mybatis方法，获取所有用户数据List<User> list= userService.getUserList();//将存有用户数据的list集合放在request中req.setAttribute("list",list);//转发请求到list.jsp页面req.getRequestDispatcher("list.jsp").forward(req,resp);}@Overrideprotected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {doPost(req, resp);}
}

servlet的作用是获取所有用户信息，存放在list集合中，在存放到request作用域进行转发请求操作到list.jsp页面

 list.jsp

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE HTML>
<html>
<meta http-equiv="content-type" content="text/html;charset=utf-8" /><!-- /Added by HTTrack -->
<head><meta charset="UTF-8"><meta name="description" content=""><meta name="keywords" content=""><title></title>
</head>
<body><table border="1px"><tr><th></th><th>编号</th><th>姓名</th><th>积分</th><th>积分</th></tr><form action="subSelItem" method="post"><c:forEach items="${list}" var="u"><tr><td><input type="checkbox" name="selItems" value="${u.userId}"></td><td>${u.userId}</td><td>${u.userName}</td><td>${u.userPoint}</td><td><a href="toUserDetail?userId=${u.userId}">修改</a><a href="delUser?userId=${u.userId}" onclick="return delUser()">删除</a></td></tr></c:forEach><input type="submit" value="删除所选" onclick="return delUser()"></form></table>
</body>
<script>function delUser(){var ans= confirm("忍心删除吗?");if(ans){return true;}else{return false;}}
</script></html>  

• 使用jstl标签库中的forEach标签，结合el表达式获取数据，遍历存放在request作用域中的list集合结合中的数据
• 通过两个超链接<a>，进行页面跳转和数据传递，处理修改和删除业务
• 通过表单包裹checkbox复选框，实现批量删除的请求；

注意：这里只展示了用户的id，用户名和用户积分

 修改功能实现

修改逻辑的执行流程:

1. 点击修改按钮，跳转到处理修改的/toUserDetail的servlet类，作用是获取当前用户信息，回显数据
2. 由/toUserDetail的servlet跳转到修改页面userDetail.jsp，进行修改操作
3. 将修改后的数据提交到另一个/updateUser的servlet中进行数据库更新操作
4. 更新完成后，跳转到/toIndex的servlet获取数据库用户列表
5. 获取完数据库用户数据后，跳转到list.jsp展示

ToUserDetailServlet

@WebServlet("/toUserDetail")
public class ToUserDetailServlet extends HttpServlet {@Overrideprotected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {int id=Integer.parseInt(req.getParameter("userId"));UserService userService=new UserServiceImpl();User user= userService.getUserById(id);req.setAttribute("user",user);req.getRequestDispatcher("userDetail.jsp").forward(req,resp);}@Overrideprotected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {doPost(req, resp);}
}

根据请求参数的用户id获取用户对象，将用户对象存放在request作用域，并转发请求到userDetail.jsp

 userDetail.jsp

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML>
<html>
<meta http-equiv="content-type" content="text/html;charset=utf-8" /><!-- /Added by HTTrack -->
<head><meta charset="UTF-8"><meta name="description" content=""><meta name="keywords" content=""><title>页面修改</title>
</head>
<body><form action="updateUser" method="post"><input type="hidden" name="userId" value="${user.userId}">姓名: <input type="text" name="userName" value="${user.userName}"> <br/>积分: <input type="text" name="userPoint" value="${user.userPoint}"> <br/><input type="submit" value="确认修改"></form></body>
</html>  

进行页面回显操作，点击提交按钮，将数据提交到/updateUser的servlet类处理

UpdateUserServlet

@WebServlet("/updateUser")
public class UpdateUserServlet extends HttpServlet {@Overrideprotected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {int id= Integer.parseInt(req.getParameter("userId"));String user_name= req.getParameter("userName");int score= Integer.parseInt(req.getParameter("userPoint"));User user=new User();user.setUserId(id);user.setUserName(user_name);user.setUserPoint(score);UserService userService=new UserServiceImpl();userService.updateUser(user);resp.sendRedirect("toIndex");}@Overrideprotected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {doPost(req, resp);}
}

将提交数据更新到数据库中，然后回到/toIndex的servlet类中，重新获取数据库中的用户列表，然后跳转到list.jsp展示查看

 删除单个功能

步骤：

1. 在list.jsp中点击删除按钮，出现提示框，点击确认，跳转到delUser的servlet类中处理
2. 在delUser的servlet类中进行删除操作，删除完毕后跳转到toIndex的servlet类中，重新获取数据库中的用户列表
3. 跳转到list.jsp展示

DelUserServlet

@WebServlet("/delUser")
public class DelUserServlet extends HttpServlet {@Overrideprotected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {int id= Integer.parseInt(req.getParameter("userId"));UserService userService=new UserServiceImpl();userService.delUser(id);resp.sendRedirect("toIndex");}@Overrideprotected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {doPost(req, resp);}
}

 批量删除功能

在list.jsp中使用表单包裹checkbox复选框，当选中多个提交时，在对应的servlet中使用

getParameterValues（）方法接收到字符串数组，将字符串数组转换成int数组，底层通过mybatis的forEach标签进行批量删除

SubSelItemServlet

@WebServlet("/subSelItem")
public class SubSelItemServlet extends HttpServlet {@Overrideprotected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {String[] items= req.getParameterValues("selItems");UserService userService=new UserServiceImpl();userService.delUsers(items);resp.sendRedirect("toIndex");}@Overrideprotected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {doPost(req, resp);}
}

业务处理：字符串数组转int数组

mybatis的sql处理：

总结

基于jsp+servlet+mybatis实现用户列表查看，用户修改，删除单个用户（确认步骤），批量删除用户等功能实现