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,用户名和用户积分
修改功能实现
修改逻辑的执行流程:
- 点击修改按钮,跳转到处理修改的/toUserDetail的servlet类,作用是获取当前用户信息,回显数据
- 由/toUserDetail的servlet跳转到修改页面userDetail.jsp,进行修改操作
- 将修改后的数据提交到另一个/updateUser的servlet中进行数据库更新操作
- 更新完成后,跳转到/toIndex的servlet获取数据库用户列表
- 获取完数据库用户数据后,跳转到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展示查看
删除单个功能
步骤:
- 在list.jsp中点击删除按钮,出现提示框,点击确认,跳转到delUser的servlet类中处理
- 在delUser的servlet类中进行删除操作,删除完毕后跳转到toIndex的servlet类中,重新获取数据库中的用户列表
- 跳转到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实现用户列表查看,用户修改,删除单个用户(确认步骤),批量删除用户等功能实现