基于Servlet+JSP的增删改查练手项目

您所在的位置：网站首页 › jsp增删改查代码 › 基于Servlet+JSP的增删改查练手项目

基于Servlet+JSP的增删改查练手项目

2024-01-18 18:59| 来源: 网络整理| 查看: 265

前言

我们每写一步，就测试一步，不要等到所有都写好了再测试，如果都写好了再测试，最后出错的话，会很崩溃，代码量大，调试就不容易，话不多说，开始今天的练手项目。下面的代码，每一步都是按照我自己的步骤，一步一步敲出来，调试出来的，大家第一遍可以跟着敲代码，理解其中的思想，后面自己再根据逻辑敲一遍，敲代码过程中，我所遇到的问题，在文中也会一一说明。在文章最后给出本次练手项目的源码。

Servlet负责写Java程序，JSP负责展示页面

1.准备页面

首先我们先写几个页面，在没有Java程序的时候，把流程跑通，然后再根据每个功能来写Java程序，思路一定要清晰，在写代码之前，要先想好每一步要干什么。准备的页面:

欢迎页面 index.jsp 主页面欢迎使用oa系统新增页面 add.jsp Title 新增页面部门编号: 部门名称: 部门位置: 修改页面 edit.jsp Title 修改页面部门编号: 部门名称: 部门位置: 详情页面 detail.jsp %@ page contentType="text/html;charset=UTF-8" language="java" %> Title 详情页面部门编号: 部门名称: 部门位置: 删除页面 modify 2.根据页面来实现功能

我们写程序可以从前端往后端写，也可以由后端往前端写，大家选择一个方向来，我这里以前端往后端来演示。

3.显示部门列表进入欢迎页面后，我们点击连接应该对应的是一个Java程序，这个Java程序和数据库连接，把对应的数据查询出来，然后通过JSP展示出来，因为查询出来的数据有很多，所以我们可以用一个实体类来对应一张表，类的一个对象就相当于一条记录，数据查出来以后，因为要从JSP页面上展示出来，所以用转发,记得把数据存进去。注意:之前我们在测试页面的时候，路径都是和jsp有关，当我们编写对应的servlet的时候，记得修改路径。 @WebServlet("/dept/list") public class DeptServlet extends HttpServlet { @Override protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { //模板方法设计模式 /** * 我们可以获取servlet的路径，根据路径来执行相应的方法 */ String servletPath = request.getServletPath(); if ("/dept/list".equals(servletPath)){ doList(request,response); } } private void doList(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { /** * 使用JDBC连接数据库，查询表中数据 */ Connection conn=null; PreparedStatement ps=null; ResultSet rs=null; List list=new ArrayList(); try { conn= DBUtils.getConnection(); String sql="select deptno,dname,loc from dept"; ps=conn.prepareStatement(sql); rs = ps.executeQuery(); while (rs.next()){ String deptno = rs.getString("deptno"); String dname = rs.getString("dname"); String loc = rs.getString("loc"); User user=new User(deptno,dname,loc); list.add(user); } } catch (SQLException e) { e.printStackTrace(); } finally { DBUtils.close(conn,ps,rs); } //转发给jsp进行页面展示 request.setAttribute("list",list); request.getRequestDispatcher("/list.jsp").forward(request,response); } }

list.jsp—部门列表页面因为第一次是为了跑通页面，里面的数据都是写死的，现在要从数据库查出数据，所以要写Java代码

Title 部门列表页面序号部门编号部门名称部门位置操作详情修改删除新增

程序要注意的地方: 在这里插入图片描述欢迎页面的超链接路径记得改成我们要执行的Servlet的映射路径欢迎使用oa系统

接下来看一下成果在这里插入图片描述到这里，我们就把查看部门列表的功能完成了，自己动手写的程序很有成就吧，大家还是要自己动手写写，自己写和直接复制，最后的效果是不一样的，自己写的代码，我们经过了思考和调错，也锻炼了自己的逻辑。

4.查看部门详情

点击详情，也需要根据数据库中查的数据返回–%> 在之前部门列表页面的超链接要改成下面: 详情这个路径对应一个Servlet

下面这个是部门详情的Servlet代码当我们在浏览器点击详情，应该能够根据这个位置的部门编号来返回相关的信息，所以写的路径就是一个技巧。把部门编号传给后台，我们根据这个参数名来获取值，进而可以查询到相关数据。

/** * 部门详情功能，点击详情，根据部门编号返回相应的数据 * @param request * @param response */ private void doDetail(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { /** * 首先获取前端浏览器传过来的部门编号信息 * 根据这个信息来查询对应的信息 * 然后返回给详情页面进行展示 */ String deptno = request.getParameter("deptno"); Connection conn=null; PreparedStatement ps=null; ResultSet rs=null; List list=new ArrayList(); try { conn=DBUtils.getConnection(); String sql="select dname,loc from dept where deptno=?"; ps=conn.prepareStatement(sql); ps.setString(1,deptno); rs=ps.executeQuery(); //查到数据，返回 while (rs.next()){ User user=new User(); user.setDeptno(deptno); user.setDname(rs.getString(1)); user.setLoc(rs.getString(2)); list.add(user); } } catch (SQLException e) { e.printStackTrace(); } finally { DBUtils.close(conn,ps,rs); } //把数据给JSP // 使用转发，因为需要取数据 request.setAttribute("list",list); request.getRequestDispatcher("/detail.jsp").forward(request,response); }

详情页面detail.jsp,可以看到之前写死的数据现在都可以动态获取了，这就是JSP的一个优点，可以动态展示页面。

Title 详情页面 /** * 根据获取的参数，来存入数据库中 */ String deptno = request.getParameter("deptno"); String dname = request.getParameter("dname"); String loc = request.getParameter("loc"); Connection conn=null; PreparedStatement ps=null; ResultSet rs=null; int cnt=0; try { conn=DBUtils.getConnection(); String sql="insert into dept(deptno,dname,loc) values(?,?,?)"; ps = conn.prepareStatement(sql); ps.setString(1,deptno); ps.setString(2,dname); ps.setString(3,loc); cnt = ps.executeUpdate(); } catch (SQLException e) { e.printStackTrace(); } finally { DBUtils.close(conn,ps,rs); } if (cnt>0){ //说明保存成功，跳转到部门列表页面 response.sendRedirect(request.getContextPath()+"/dept/list"); } }

测试: 在这里插入图片描述