JavaWeb 课堂笔记 —— 17 SpringBootWeb案例 部门管理

本文介绍了JavaWeb开发学习笔记，基于黑马程序员教程，涵盖Spring+MyBatis等框架。主要内容包括：
1）环境搭建，创建SpringBoot项目并引入相关依赖；
2）数据库准备，创建部门表和员工表并插入测试数据；
3）项目结构配置，设置三层架构基础（Mapper、Service、Controller）。
文章提供了详细的SQL建表语句和SpringBoot项目创建步骤，适合JavaWeb初学者参考学习企业级开发流程。

本系列为笔者学习JavaWeb的课堂笔记，视频资源为B站黑马程序员出品的《黑马程序员JavaWeb开发教程，实现javaweb企业开发全流程（涵盖Spring+MyBatis+SpringMVC+SpringBoot等）》，章节分布参考视频教程，为同样学习JavaWeb系列课程的同学们提供参考。

01 准备工作

需求介绍

环境搭建

① 准备数据库表（dept、emp）

② 创建Springboot工具，引入对应的起步依赖（web、mybatis、mysql驱动、lombok工具包）

③ 配置文件application.properties中引入mybatis的配置信息，准备对应的实体类（部门实体类、员工实体类）

④ 准备对应的Mapper、Service(接口、实现类)、Controller基础结构（三层架构）

具体步骤

① 创建mySQL工作台，运行资料的数据准备.sql文件，生成mySQL表格

-- 部门管理
create table dept(id int unsigned primary key auto_increment comment '主键ID',name varchar(10) not null unique comment '部门名称',create_time datetime not null comment '创建时间',update_time datetime not null comment '修改时间'
) comment '部门表';
-- 部门表测试数据
insert into dept (id, name, create_time, update_time) values(1,'学工部',now(),now()),(2,'教研部',now(),now()),(3,'咨询部',now(),now()), (4,'就业部',now(),now()),(5,'人事部',now(),now());-- 员工管理(带约束)
create table emp (id int unsigned primary key auto_increment comment 'ID',username varchar(20) not null unique comment '用户名',password varchar(32) default '123456' comment '密码',name varchar(10) not null comment '姓名',gender tinyint unsigned not null comment '性别, 说明: 1 男, 2 女',image varchar(300) comment '图像',job tinyint unsigned comment '职位, 说明: 1 班主任,2 讲师, 3 学工主管, 4 教研主管, 5 咨询师',entrydate date comment '入职时间',dept_id int unsigned comment '部门ID',create_time datetime not null comment '创建时间',update_time datetime not null comment '修改时间'
) comment '员工表';
-- 员工表测试数据
INSERT INTO emp(id, username, password, name, gender, image, job, entrydate,dept_id, create_time, update_time) VALUES(1,'jinyong','123456','金庸',1,'1.jpg',4,'2000-01-01',2,now(),now()),(2,'zhangwuji','123456','张无忌',1,'2.jpg',2,'2015-01-01',2,now(),now()),(3,'yangxiao','123456','杨逍',1,'3.jpg',2,'2008-05-01',2,now(),now()),(4,'weiyixiao','123456','韦一笑',1,'4.jpg',2,'2007-01-01',2,now(),now()),(5,'changyuchun','123456','常遇春',1,'5.jpg',2,'2012-12-05',2,now(),now()),(6,'xiaozhao','123456','小昭',2,'6.jpg',3,'2013-09-05',1,now(),now()),(7,'jixiaofu','123456','纪晓芙',2,'7.jpg',1,'2005-08-01',1,now(),now()),(8,'zhouzhiruo','123456','周芷若',2,'8.jpg',1,'2014-11-09',1,now(),now()),(9,'dingminjun','123456','丁敏君',2,'9.jpg',1,'2011-03-11',1,now(),now()),(10,'zhaomin','123456','赵敏',2,'10.jpg',1,'2013-09-05',1,now(),now()),(11,'luzhangke','123456','鹿杖客',1,'11.jpg',5,'2007-02-01',3,now(),now()),(12,'hebiweng','123456','鹤笔翁',1,'12.jpg',5,'2008-08-18',3,now(),now()),(13,'fangdongbai','123456','方东白',1,'13.jpg',5,'2012-11-01',3,now(),now()),(14,'zhangsanfeng','123456','张三丰',1,'14.jpg',2,'2002-08-01',2,now(),now()),(15,'yulianzhou','123456','俞莲舟',1,'15.jpg',2,'2011-05-01',2,now(),now()),(16,'songyuanqiao','123456','宋远桥',1,'16.jpg',2,'2007-01-01',2,now(),now()),(17,'chenyouliang','123456','陈友谅',1,'17.jpg',NULL,'2015-03-21',NULL,now(),now());

② 创建一个SpringBoot工程，选择引入对应的起步依赖（web、mybatis、mysql驱动、lombok），生成pom.xml文件

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd"><modelVersion>4.0.0</modelVersion><parent><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-parent</artifactId><version>2.7.5</version><relativePath/> <!-- lookup parent from repository --></parent><groupId>com.itheima</groupId><artifactId>tlias-web-management</artifactId><version>0.0.1-SNAPSHOT</version><name>tlias-web-management</name><description>Demo project for Spring Boot</description><properties><java.version>11</java.version></properties><dependencies><!--web起步依赖--><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-web</artifactId></dependency><!--mybatis起步依赖--><dependency><groupId>org.mybatis.spring.boot</groupId><artifactId>mybatis-spring-boot-starter</artifactId><version>2.2.2</version></dependency><!--mysql驱动--><dependency><groupId>com.mysql</groupId><artifactId>mysql-connector-j</artifactId><scope>runtime</scope></dependency><!--lombok--><dependency><groupId>org.projectlombok</groupId><artifactId>lombok</artifactId><optional>true</optional></dependency><!--springboot单元测试--><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-test</artifactId><scope>test</scope></dependency><!--PageHelper分页插件--><dependency><groupId>com.github.pagehelper</groupId><artifactId>pagehelper-spring-boot-starter</artifactId><version>1.4.2</version></dependency></dependencies><build><plugins><plugin><groupId>org.springframework.boot</groupId><artifactId>spring-boot-maven-plugin</artifactId><configuration><excludes><exclude><groupId>org.projectlombok</groupId><artifactId>lombok</artifactId></exclude></excludes></configuration></plugin></plugins></build></project>

③ 创建的项目工程结构如下

02 开发规范（Restful）

REST(Representational State Transfer）意为表述性状态转换，它是一种软件架构风格。

03 开发流程

查看页面原型明确需求→阅读接口文档→思路分析→接口开发→接口测试

04 查询部门

需求：

制作部门管理页面，管理员可以对部门信息进行新增/修改/删除。

开发：

前端发送请求之后，请求到controller方法，controller方法调用service请求数据，在service当中调用mapper接口中的方法，mapper接口向数据库中发送sql语句select * from dept，查询全部的部门信息，并且将信息封装在list集合当中，最终将这个集合的数据返回给service，service又返回给了controller，controller返回给前端。

DeptController.java

@GetMappingpublic Result list(){log.info("查询全部部门数据");//调用service查询部门数据List<Dept> deptList =  deptService.list();return Result.success(deptList);}

DeptServiceImpl.java

@Overridepublic List<Dept> list() {return deptMapper.list();}

DeptMapper.java

@Select("select * from dept")List<Dept> list();

postman测试：

在postman中，get模式下输入查询地址http://localhost:8080/depts，发送请求，返回五个部门信息的rest格式。

前后端联调测试:

① 启动资料包E:\JAVA\nginx-1.22.0-tlias\nginx-1.22.0-tlias中的nginx.exe文件

② Google浏览器中输入localhost:90,打开前端操作页面，点击系统信息管理下拉列表下的部门管理，查询部门数据。

05 删除部门

需求：

点击删除部门按钮，弹出确认框，提示"您确定要删除该部门的信息吗?"，如果选择确定，则删除该部门并刷新列表页面，如果选择取消，则不执行任何操作。

开发：

DeptController.java

@DeleteMapping("/{id}")
public Result delete(@PathVariable Integer id){log.info("根据id删除部门:{}",id);//调用service删除部门deptService.delete(id);return Result.success();
}

DeptServiceImpl.java

@Override
public void delete(Integer id) {deptMapper.deleteById(id);
}

DeptMapper.java

@Delete("delete from dept where id = #{id}")
void deleteById(Integer id);

postman测试：

前后端联调测试:

06 添加部门

需求:

点击新增部门按钮，填写新部门名称，点击保存。

开发:

注：@RequestBody注解将json格式数据封装到实体类当中。

DeptController.java

@PostMapping("/depts")
public Result add(@RequestBody Dept dept){log.info("新增部门:{}", dept);//调用service新增部门deptService.add(dept);return Result.success();
}

Dept.java

@Data
@NoArgsConstructor
@AllArgsConstructor
public class Dept {private Integer id; //IDprivate String name; //部门名称private LocalDateTime createTime; //创建时间private LocalDateTime updateTime; //修改时间
}

DeptServiceImpl.java(Service实现类补全基本属性)

@Override
public void add(Dept dept){dept.setCreateTime(LocalDateTime.now());dept.setUpdateTime(LocalDateTime.now());deptMapper.insert(dept);
}

DeptMapper.java

@Insert("insert into dept (name, create_time, update_time) values (#{name}, #{createTime}, #{updateTime})")
void insert(Dept dept);

Postman测试:

前后端联调测试:

07 代码优化

注：一个完整的请求路径，应该是类上的@RequestMapping的value属性+方法上的@RequestMapping的value属性。

@RequestMapping("/depts")