使用纯Servlet做一个单表的CRUD操作

最新推荐文章于 2023-04-11 13:32:13 发布
最新推荐文章于 2023-04-11 13:32:13 发布
阅读量221 收藏
点赞数
文章标签： java 数据库 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wangyaomo/article/details/127767248
版权

使用纯粹的Servlet完成单表的增删改查的操作

实现步骤

        第一步：准备一个数据库表

create database z_staff_info;
use z_staff_info;
create table dept(
    dept int primary key,
    dname varchar(255),
    loc varchar(255)
);
insert into dept(dept, dname, loc) values (10,'销售部','北京');
insert into dept(dept, dname, loc) values (20,'研发部','上海');
insert into dept(dept, dname, loc) values (30,'技术部','广州');
insert into dept(dept, dname, loc) values (40,'媒体部','深圳');
select * from dept;

第二步：准备一套HTML页面（项目原型，使用Hbu）

        把HTML页面准备好

        然后将HTML页面中的链接都够跑通

        应该设计哪些页面

                新增页面：add.html

                修改页面:edlt.html

                详情页面:detail.html

                欢迎页面:index.html

                列表页面：list.html        (以列表页面为核心，展开其他操作)

定义和用法

<table> 标签定义 HTML 表格。

简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。

tr 元素定义表格行，th 元素定义表头，td 元素定义表格单元。 

更复杂的 HTML 表格也可能包括 caption、col、colgroup、thead、tfoot 以及 tbody 元素。

定义和用法

<tr> 标签定义 HTML 表格中的行。

tr 元素包含一个或多个 th 或 td 元素。

定义和用法

定义表格内的表头单元格。

HTML 表单中有两种类型的单元格：

  • 表头单元格 - 包含表头信息（由 th 元素创建）
  • 标准单元格 - 包含数据（由 td 元素创建）

th 元素内部的文本通常会呈现为居中的粗体文本，而 td 元素内的文本通常是左对齐的普通文本。

定义和用法

<hr> 标签在 HTML 页面中创建一条水平线。

水平分隔线（horizontal rule）可以在视觉上将文档分隔成各个部分。

 add.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>新增部门</title>
	</head>
	<body>
		<h1 align="center">新增部门</h1>
		<hr>
		<form action="list.html" method="get" align="center">
			部门编号<input type="text" name="deptno"/><br>
			部门名称<input type="text" name="dname"/><br>
			部门位置<input type="" name="loc"/><br>
			<input type="submit" name="保存"/><br>
		</form>
	</body>
</html>

detail.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>部门详情</title>
	</head>
	<body>
		<h1>部门详情</h1>
		<hr>
		部门编号：20<br>
		部门名称：销售部<br>
		部门位置：北京<br>
		
		<input type="button" value="后退" onclick="window.history.back()"/>
	</body>
</html>

edit.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>修改部门</title>
	</head>
	<body>
		<h1 align="center">修改部门</h1>
		<hr>
		<form action="list.html" method="get" align="center">
			部门编号<input type="text" name="deptno" value="20" readonly/><br>
			部门名称<input type="text" name="dname" value="销售部"/><br>
			部门位置<input type="" name="loc" value="北京"/><br>
			<input type="submit" name="修改"/><br>
		</form>
	</body>
</html>

index.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>欢迎使用oa系统</title>
	</head>
	<body>
		<a href="list.html">查看部门列表</a>
	</body>
</html>

list.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>部门列表</title>
	</head>
	<body>
		<h1 align="center">部门列表<h1>
		<hr>
		<table border="1px" align="center" width="50%">
			<tr>
				<th>序号</th>
				<th>部门编号</th>
				<th>部门名称</th>
				<th>操作</th>
			</tr>
			<tr>
				<td>1</td>
				<td>10</td>
				<td>销售部</td>
				<td>
					<a href="">删除</a>
					<a href="edit.html">修改</a>
					<a href="detail.html">详情</a>
				</td>
			</tr>
			<tr>
				<td>2</td>
				<td>20</td>
				<td>研发部</td>
				<td>
					<a href="">删除</a>
					<a href="edit.html">修改</a>
					<a href="detail.html">详情</a>
				</td>
			</tr>
			<tr>
				<td>3</td>
				<td>30</td>
				<td>研发部</td>
				<td>
					<a href="">删除</a>
					<a href="edit.html">修改</a>
					<a href="detail.html">详情</a>
				</td>
			</tr>
		</table>
		<hr>
		<a href="add.html"><h6 align="center">新增部门</h6></a>
	</body>
</html>

第三步：分析我们这个系统包括哪些功能？

        什么叫做一个功能呢？

        只要这个操作连接了数据库，就表示一个独立的功能

        包括哪些功能？

        查看部门列表

        新增部门

        删除部门

        查看部门详细信息

        跳转修改页面

        修改部门

第四步：在idea中搭建开发环境

        创建一个webapp

        向webapp中添加连接数据库的jar包（mysql驱动）

        jdbc的工具类

第五步：实现第一个功能：查看部门列表

第一：先修改前端页面的超链接

<a href="/oa/dept/list">查看部门列表</a>

第二：编写web.xml

    <servlet>
        <servlet-name>list</servlet-name>
        <servlet-class>com.yang</servlet-class>
    </servlet>
    <servlet-mapping>
        <servlet-name>list</servlet-name>
        <url-pattern>/dept/list</url-pattern>
    </servlet-mapping>

第三：编写DeptListServlet类继承HttpServlet类，然后重写doget

package com.yang;


import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

public class DeptListServlet extends HttpServlet {

    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        
    }
}

第四：在DeptListServlet类的doGet方法中连接数据库，查询所有的部门，动态的展示部门列表页面

动态部分

        //连接数据库，查询所有的部门
        Connection conn =null;
        PreparedStatement ps =null;
        ResultSet rs=null;
        try {
            // 获取连接
            conn=DBUtil.getConnection();
            // 获取预编译的数据库操作对象
            String sql="select dept,dname,loc from dept";
            ps=conn.prepareStatement(sql);
            // 执行sql语句
            rs=ps.executeQuery();
            // 处理结果集
            int i=0;
            while(rs.next()){
                String deptno = rs.getString("dept");
                String dname = rs.getString("dname");
                String loc = rs.getString("loc");

                out.println("			<tr>");
                out.println("				<td>"+(++i)+"</td>");
                out.println("				<td>"+deptno+"</td>");
                out.println("				<td>"+dname+"</td>");
                out.println("				<td>");
                out.println("					<a href=''>删除</a>");
                out.println("					<a href='edit.html'>修改</a>");
                out.println("					<a href='detail.html'>详情</a>");
                out.println("				</td>");
                out.println("			</tr>");



            }
        } catch (SQLException e) {
            throw new RuntimeException(e);
        }finally {
            DBUtil.close(conn,ps,rs);
        }
package com.yang;


import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.io.PrintWriter;
import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.sql.SQLException;

public class DeptListServlet extends HttpServlet {

    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {

        response.setContentType("text/html;charset=UTF-8");
        PrintWriter out = response.getWriter();

        out.println("<!DOCTYPE html>");
        out.println("<html>");
        out.println("	<head>");
        out.println("		<meta charset='utf-8'>");
        out.println("		<title>部门列表</title>");
        out.println("	</head>");
        out.println("	<body>");
        out.println("		<h1 align='center'>部门列表</h1>");
        out.println("		<hr>");
        out.println("		<table border='1px' align='center' width='50%'>");
        out.println("			<tr>");
        out.println("				<th>序号</th>");
        out.println("				<th>部门编号</th>");
        out.println("				<th>部门名称</th>");
        out.println("				<th>操作</th>");
        out.println("			</tr>");


        //连接数据库，查询所有的部门
        Connection conn =null;
        PreparedStatement ps =null;
        ResultSet rs=null;
        try {
            // 获取连接
            conn=DBUtil.getConnection();
            // 获取预编译的数据库操作对象
            String sql="select dept,dname,loc from dept";
            ps=conn.prepareStatement(sql);
            // 执行sql语句
            rs=ps.executeQuery();
            // 处理结果集
            int i=0;
            while(rs.next()){
                String deptno = rs.getString("dept");
                String dname = rs.getString("dname");
                String loc = rs.getString("loc");

                out.println("			<tr>");
                out.println("				<td>"+(++i)+"</td>");
                out.println("				<td>"+deptno+"</td>");
                out.println("				<td>"+dname+"</td>");
                out.println("				<td>");
                out.println("					<a href=''>删除</a>");
                out.println("					<a href='edit.html'>修改</a>");
                out.println("					<a href='detail.html'>详情</a>");
                out.println("				</td>");
                out.println("			</tr>");



            }
        } catch (SQLException e) {
            throw new RuntimeException(e);
        }finally {
            DBUtil.close(conn,ps,rs);
        }


        /*固定*/
        out.println("		</table>");
        out.println("		<hr>");
        out.println("		<a href='add.html'><h6 align='center'>新增部门</h6></a>");
        out.println("	</body>");
        out.println("</html>");
    }
}

第六步：实现详情功能

从这出发：

<a href='detail.html'>详情</a>"

技巧：

out.println("	<a href='"+contextPath+"/dept/detail?deptno="+deptno+"'>详情</a>");

重点：

浏览器请求一定加 项目名

向服务器提交数据的格式：/oa/dept/detail?deptno=10

解决：

配置web.xml

编写一个类：DeptDetailServlet 继承HttpServlet，重写doGet方法

package com.yang;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

public class DeptDetailServlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

    }
}

在doGet发放中：连接数据库，根据部门编号查询该部门的信息。动态展示部门

package com.yang;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.io.PrintWriter;
import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.sql.SQLException;

public class DeptDetailServlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {

        response.setContentType("text/html;charset=UTF-8");
        PrintWriter out = response.getWriter();


        out.println("<!DOCTYPE html>");
        out.println("<html>");
        out.println("	<head>");
        out.println("		<meta charset='utf-8'>");
        out.println("		<title>部门详情</title>");
        out.println("	</head>");
        out.println("	<body>");
        out.println("		<h1>部门详情</h1>");
        out.println("		<hr>");



        String deptno = request.getParameter("deptno");

        Connection conn =null;
        PreparedStatement ps =null;
        ResultSet rs=null;
        // 获取连接
        try {
            conn=DBUtil.getConnection();
            // 获取预编译的数据库操作对象
            String sql="select dept,dname,loc from dept where dept= ?";
            ps=conn.prepareStatement(sql);
            // 执行sql语句
            ps.setString(1,deptno);
            rs=ps.executeQuery();
            // 处理结果集
            if (rs.next()) {
                String dname = rs.getString("dname");
                String loc = rs.getString("loc");
                out.println("部门编号："+deptno+"<br>");
                out.println("部门名称："+dname+"<br>");
                out.println("部门位置："+loc+"<br>");
            }
        } catch (SQLException e) {
            throw new RuntimeException(e);
        }finally {
            DBUtil.close(conn,ps,rs);
        }



        out.println("		<input type='button' value='后退' onclick='window.history.back()'/>");
        out.println("	</body>");
        out.println("</html>");


    }
}

/*
* 思路：
* 第一步：获取部门编号
* 第二部：根据部门编号查询数据库，获取该部门编号对应的部门信息
* 第三步：将部门信息响应到浏览器上
* */

第七步：删除部门

<a href="javascript:void(0)" onclick="del(10)">删除</a>
<script type="text/javascript">
			function del(dno){
				//弹出确认框
				var ok=window.confirm("删除不可恢复！");
				if(ok){
					//发送请求进行删除的操作
					//在JS代码当中如发送请求给服务器
					document.location.href="/oa/dept/delete?deptno="+dno;
				}
			}
		</script>

 以上的前端程序要写到后端的JAVA代码当中：

out.print()方法将以上代码输出到浏览器上

解决404问题

配置web.xml

    <servlet>
        <servlet-name>delete</servlet-name>
        <servlet-class>com.yang.DeptDelServlet</servlet-class>
    </servlet>
    <servlet-mapping>
        <servlet-name>delete</servlet-name>
        <url-pattern>/dept/delete</url-pattern>
    </servlet-mapping>

编写类继承HttpServlet,重写DoGet方法

package com.yang;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.SQLException;

public class DeptDelServlet extends HttpServlet {

    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        //根据部门编号删除部门
        // 获取部门编号
        String deptno = request.getParameter("deptno");
        //连接数据库
        Connection conn=null;
        PreparedStatement ps =null;
        int count=0;
        try {
            conn =DBUtil.getConnection();
            String sql="delete from dept where dept = ?";
            ps = conn.prepareStatement(sql);
            ps.setString(1,deptno);
            count = ps.executeUpdate();
            //conn.commit();
        } catch (SQLException e) {
            throw new RuntimeException(e);
        }finally {
            DBUtil.close(conn,ps,null);
        }

        //判断删除成功还是失败
        if(count == 1)
        {
            //删除成功
            //仍然跳转到部门列表页面
            //部门列表页面的显示需要执行一个Servlet，转发
            request.getRequestDispatcher("/dept/list").forward(request,response);
        }else{
            //删除失败
            request.getRequestDispatcher("/error.html").forward(request,response);
        }
    }
}

垚瞐@
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
基于Java和Bootstrap的SSM单表CRUD设计源码
04-18
本项目是基于Java和Bootstrap的SSM单表CRUD设计源码，包含37个文件，其中主要包含6个java源代码文件，5个xml配置文件，5个jsp页面文件，4个css样式文件等。系统采用SSM框架和Bootstrap前端框架，实现了单表的CRUD...
Mybatis-Plus 简单的单表CRUD操作功能
YaSuoVery6^^的博客
12-12 404
mybatis相信都不陌生，目前互联网公司大部分都使用mybatis作为持久层框架，无他，因为可以直接在xml文件中编写SQL语句操作数据库，灵活。但是我们在使用的时候，也会发现有很多增删改查的SQL是每个表都会有的基本操作，如果每个表都写一套增删改查的SQL显然是非常耗时耗力的。只做增强不做改变，引入它不会对现有工程产生影响，如丝般顺滑。只需简单配置，即可快速进行单表CRUD操作，节省大量时间。代码生成，物理分页，性能分析等功能一应俱全。
SpringMVC 表单CRUD（模拟数据库）
饮冰室人的博客
12-03 2073
界面：项目结构：代码web.xml<?xml version="1.0" encoding="UTF-8"?> <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://xmlns.jcp.org/xml/ns/javaee" xsi:schemaLocation="http://xmlns.jcp.or
如何使用纯Servlet做一个单表的CRUD操作
weixin_48826996的博客
06-22 213
要记住！！！没有难不难，只有熟练不熟练，多敲多练是王道！！！ 重点：向服务器提交数据的格式：uri?name=value&name=value&name=value&name=value 这里的问号，必须是英文的问号。不能中文的问号。
【JavaWeb】Servlet系列——使用纯Servlet做一个单表的CRUD操作（实际操作实现篇）
胖虎虎
06-29 641
使用纯Servlet做一个单表的CRUD操作，这是单表的List页面 通过查询数据库，通过response.getWriter方法得到一个流将前端页面代码和数据都展示在List页面上（浏览器通过解析能响应出相应的页面），由于只使用了纯Servlet，前端代码写在后端程序当中，非常痛苦。 2、查看操作 这一个动态获取部门信息的操作，前端发送请求后，在URL当中向后端传送了name和value信息，后端拿到这些信息后，通过数据库的查询，将其完整的信息响应到页面当中 ，在后退这个按钮当中使用了js代码
使用“纯”Servlet做一个单表的CRUD操作
BASK2311的博客
04-11 196
-- 注意: 两个name值要保持一致-->-- 注意是: / 开始-->-- 部门详情-->-- 删除部门-->-- / 开始-->-- 新增部门-->-- 跳转到修改部门-->-- 两个 name 保持一致-->
使用jsp,servlet,jdbc,完成一个简单的学生系统crud.zip
07-24
jsp，java web开发，毕业设计，课程设计作业，servlet框架，mysql数据库，源码资源
单表crud的demo
03-09
单表的crud的demo，用的是mvc三层结构没有使用任何框架。
MySQL 详细单表增删改查crud语句
09-08
主要介绍了MySQL 详细单表增删改查crud语句，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
MagicalRecordExample:一个使用MagicalRecord实现CRUD操作的例子
06-26
这是一个使用MagicalRecord实现CRUD操作的例子. 具体的介绍可以参考我的博客文章： 使用到的知识点 MagicalRecord NSFetchedResultController 关于运行 因为该项目使用了cocoapods来进行包管理，所以如果希望下载...
Servlet小项目 | 基于纯Servlet手写一个单表的CRUD操作
m0_61933976的博客
11-21 698
Servlet小项目 | 基于纯Servlet手写一个单表的CRUD操作
JSP&Servlet servlet生成报表
花开不合阳春暮
07-28 386
报表： 以格式化的形式输出数据，对数据进行分组，汇总，计算等操作，通过报表，图标或嵌入图片图像等形式来丰富数据的显示。 报表生成的关键要素： 1，后台数据抽取 2，数据项逻辑运算 3，前台表格展现 案例： 一家经营数码产品的网店需要一张报表来分析经营情况，获取一张利润表； 数据库： 商品信息表 ​买家信息表 ​卖家信息表 ​根据数据库表中的数据构建b
如何使用纯Servlet来进行单表的增删查改的操作
weixin_51673192的博客
05-12 804
使用纯粹的Servlet完成单表【对部门的】的增删改查操作。（B/S结构的。） 实现步骤 第一步：准备一张数据库表。（sql脚本） # 部门表 drop table if exists dept; create table dept( deptno int primary key, dname varchar(255), loc varchar(255) ); insert into dept(deptno, dname, loc) values(10,..
使用Servlet做一个单表的CRUD
欢迎阅读我的博客
01-12 304
使用Servlet做一个单表的CRUD
一个自动生成表格的servlet
lxw790514的专栏
08-14 2391
 package lin.util;import java.io.IOException;import java.io.PrintWriter;import java.util.Enumeration;import java.util.Hashtable;import java.util.Vector;import java.lang.reflect.*;import javax.servle
使用Servlet完成单表的CRUD
梦想也许遥不可及，但重要的是追梦的过程，用博客记录自己的成长，记录自己一步一步向上攀登的印记
03-15 646
这里写目录标题实现步骤第一步：准备一张数据库表。（sql脚本）部门表第二步：准备一套HTML页面（项目原型）【前端开发工具使用HBuilder】 使用纯粹的Servlet完成单表【对部门的】的增删改查操作。（B/S结构的。） 实现步骤 第一步：准备一张数据库表。（sql脚本） 部门表 drop table if exists dept; create table dept( deptno int primary key, dname varchar(255), loc varchar(25
利用Servlet添加表格信息
chunkun9128的博客
07-12 725
index.jsp <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTM...
使用jdbctemplate实现用户表crud操作
最新发布
09-18
使用JdbcTemplate实现用户表的CRUD操作非常简单和高效。JdbcTemplate是Spring框架提供的一个持久化框架，通过对JdbcTemplate进行配置和应用可以实现对数据库的访问和操作。 首先，我们需要创建一个User类来表示用户...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值