JSP用户列表展示：使用Bootstrap和Hibernate实现增删改查
<h2>使用Bootstrap和Hibernate打造动态JSP用户列表：实现增删改查功能</h2>
<p>这篇文章将指导你使用 <strong>Bootstrap</strong> 和 <strong>Hibernate</strong> 框架创建一个简洁的用户列表页面。该页面不仅能展示用户信息，还支持添加、删除和修改用户数据，所有操作都将与数据库进行交互。</p>
<h3>1. 创建用户实体类 (User.java)</h3>
<p>首先，我们需要定义一个 <code>User</code> 类，用于映射数据库中的 <code>users</code> 表。这个类包含用户的基本属性：ID、姓名、邮箱和密码。java@Entity@Table(name = 'users')public class User { @Id @GeneratedValue(strategy = GenerationType.IDENTITY) private int id; private String name; private String email; private String password;</p>
<pre><code>// 省略 getters and setters}
</code></pre>
<h3>2. 创建数据访问对象 (UserDao.java)</h3>
<p>接下来，创建 <code>UserDao</code> 类来处理数据库操作。这个类将包含添加、删除、更新用户以及获取用户列表等方法。javapublic class UserDao { private SessionFactory sessionFactory;</p>
<pre><code>public UserDao() { sessionFactory = new Configuration().configure().buildSessionFactory(); }
// 获取所有用户 public List<User> getUsers() { Session session = sessionFactory.openSession(); List<User> users = session.createQuery('FROM User').list(); session.close(); return users; }
// 添加用户 public void addUser(User user) { Session session = sessionFactory.openSession(); session.beginTransaction(); session.save(user); session.getTransaction().commit(); session.close(); }
// 删除用户 public void deleteUser(int id) { Session session = sessionFactory.openSession(); session.beginTransaction(); User user = (User) session.load(User.class, id); session.delete(user); session.getTransaction().commit(); session.close(); }
// 更新用户信息 public void updateUser(User user) { Session session = sessionFactory.openSession(); session.beginTransaction(); session.update(user); session.getTransaction().commit(); session.close(); }}
</code></pre>
<h3>3. 设计用户列表JSP页面 (userList.jsp)</h3>
<p>现在，我们将使用 <strong>Bootstrap</strong> 创建一个美观的表格来展示用户列表，并为每个用户添加 '删除' 和 '修改' 按钮。jsp<%@ page language='java' contentType='text/html; charset=UTF-8' pageEncoding='UTF-8'%>
<%@ taglib prefix='c' uri='http://java.sun.com/jsp/jstl/core' %></p>
<!DOCTYPE html>
<html>
<head>
<title>用户列表</title>
<link rel='stylesheet' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css'>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script>
<script src='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js'></script>
</head>
<body>
<div class='container'>
<h2>用户列表</h2>
<table class='table'>
<thead>
<tr>
<th>ID</th>
<th>姓名</th>
<th>邮箱</th>
<th>密码</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<c:forEach var='user' items='${users}'>
<tr>
<td>${user.id}</td>
<td>${user.name}</td>
<td>${user.email}</td>
<td>${user.password}</td>
<td>
<a href='deleteUser?id=${user.id}' class='btn btn-danger btn-xs'>删除</a>
<a href='editUser?id=${user.id}' class='btn btn-primary btn-xs'>修改</a>
</td>
</tr>
</c:forEach>
</tbody>
</table>
<a href='addUser' class='btn btn-success'>添加用户</a>
</div>
</body>
</html>
<h3>4. 创建Servlet处理用户请求</h3>
<p>最后一步是创建Servlet来处理用户的增删改查请求，这些 Servlet 将调用 <code>UserDao</code> 中的方法来执行数据库操作。java// UserListServlet.java： 获取并展示用户列表@WebServlet('/userList')public class UserListServlet extends HttpServlet { // ... 处理 doGet 请求，获取用户列表并转发到 userList.jsp}</p>
<p>// DeleteUserServlet.java: 处理删除用户的请求@WebServlet('/deleteUser')public class DeleteUserServlet extends HttpServlet { // ... 处理 doGet 请求，根据用户ID删除用户并重定向到 userList}</p>
<p>// EditUserServlet.java: 处理修改用户信息的请求@WebServlet('/editUser')public class EditUserServlet extends HttpServlet { // ... 处理 doGet 和 doPost 请求，分别用于展示和提交修改后的用户信息}</p>
<p>// AddUserServlet.java: 处理添加用户的请求@WebServlet('/addUser')public class AddUserServlet extends HttpServlet { // ... 处理 doGet 和 doPost 请求，分别用于展示添加用户表单和提交新用户信息}</p>
<h3>总结</h3>
<p>通过以上步骤，你就可以使用 <strong>Bootstrap</strong> 和 <strong>Hibernate</strong> 创建一个功能完备的用户列表页面。</p>
原文地址: http://www.cveoy.top/t/topic/f2tn 著作权归作者所有。请勿转载和采集!