【JavaWeb】Servlet系列 --- 使用纯Servlet做一个单表的CRUD操作（oa小项目，超详细笔记）

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

实现步骤
将oa项目中的资源跳转修改为合适的跳转方式（优化）

使用纯粹的Servlet完成单表【对部门的】的增删改查操作。（B/S结构）

该操作方法的问题所在：

若使用jsp简化代码
若使用重定向，优势更大

实现步骤

第一步：准备一张数据库表（sql脚本/可视化工具）

drop table if exists dept;
# 部门表
create table dept(
  deptno int primary key,
  dename varchar(255),
  loc varchar(255)
);

# 添加数据
insert into dept(deptno, dename, loc) values(10, 'XiaoShouBu', 'BEIJING');
insert into dept(deptno, dename, loc) values(20, 'YanFaBu', 'SHANGHAI');
insert into dept(deptno, dename, loc) values(30, 'JiShuBu', 'GUANGZHOU');
insert into dept(deptno, dename, loc) values(40, 'MeiTiBu', 'SHENZHEN');

select *from dept;
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

在这里插入图片描述

第二步：准备一套HTML页面（页面原型）【前端开发工具使用vscode / IDEA】

把HTML页面准备好，然后将HTML页面中的链接都能够跑通。（保证每个页面流转没问题）
应该设计哪些页面呢？

欢迎页面：index.html
列表页面：list.html（以列表页面为核心，展开其他操作：增删改查。）
新增页面：add.html
修改页面：edit.html
详情页面：detail.html

以下目前代码为各页面：

index.html

DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>欢迎使用OA系统title>
  head>
  <body>
    <a href="list.html">查看部门列表a>
  body>
html>
1
2
3
4
5
6
7
8
9
10

在这里插入图片描述

list.html

DOCTYPE html>
<html lang="en">
  <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>1td>
        <td>10td>
        <td>销售部td>
        <td>
          删除a>
          <a href="edit.html">修改a>
          <a href="detail.html">详情a>
        td>
      tr>
      <tr>
        <td>2td>
        <td>20td>
        <td>研发部td>
        <td>
          删除a>
          <a href="edit.html">修改a>
          <a href="detail.html">详情a>
        td>
      tr>
      <tr>
        <td>3td>
        <td>30td>
        <td>运营部td>
        <td>
          删除a>
          <a href="edit.html">修改a>
          <a href="detail.html">详情a>
        td>
      tr>
    table>

    <hr>
                
                
                
                
                
                
                
                
                
    <a href="add.html">新增部门a>
  body>
html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61

add.html

DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>新增部门title>
  head>
  <body>
    <h1>新增部门h1>
    <hr >
    <form action="list.html" method="post">
      部门编号<input type="text" name="deptno"/><br>
      部门名称<input type="text" name="dename"/><br>
      部门位置<input type="text" name="loc"/><br>
      <input type="submit" value="保存"/><br>
    form>
  body>
html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

edit.html

DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>修改部门title>
  head>
  <body>
    <h1>修改部门h1>
    <hr >
    <form action="list.html" method="get">
      部门编号<input type="text" name="deptno" value="20" readonly /><br>
      部门名称<input type="text" name="dename" value="销售部"/><br>
      部门位置<input type="text" name="loc" value="北京"/><br>
      <input type="submit" value="修改"/><br>
    form>
  body>
html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

detail.html

DOCTYPE html>
<html lang="en">
  <head>
    <meta charset1
2
3

相关阅读:
25、Flink 的table api与sql之函数(自定义函数示例)
景联文科技：深度探究自动驾驶重要方向——车路协同
backurl: heytapbrowser://main/iflow?sub_target=only_enter_iflow
[附源码]JAVA毕业设计个人信息管理系统（系统+LW）
IntelliJ IDEA 使用 spring Initializr 快速搭建 spring boot 项目遇到的坑
Jmeter(五) - 从入门到精通 - 创建网络计划实战和创建高级Web测试计划（详解教程）
2024中国人民大学计算机考研分析
并发（2）基本的线程机制
带你走进Nginx
【GDAL-java的四个常用代码示例】

原文地址：https://blog.csdn.net/weixin_46312449/article/details/128072179