简介:这篇帖子是小编在看哔哩哔哩网课是的一个小案例,来自于黑马程序员,我觉得他们的课讲的很好,而且这个案例很有实用性,就在看视频的基础上,边温故知新,边实现了这个代码,在一些重点、难点和在编码过程中容易出问题的地方上进行了标注、做详解。
需求说明:(如下图)
环境搭建:在这篇帖子中,因为小编主攻的是后端开发工程师,所以前端工程的项目代码这边直接给出了“百度网盘:前端代码”,大家点击下载就好。(如下图)展示的是一个小项目的过程。
接下来是项目的创建过程:
首先第一步是创建数据库表(下图第一张是源代码,第二张时操作引导)
(指导图片:源代码图片)
-- 部门管理
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项目,并且添加相关依赖,操作引导如下图。
(引导图一)
(引导图二)
(引导图三)
(以上图片中对应的项目代码,大家下载后直接导入就好,点击下载。但是注意要把项目中“application.properties”文件的数据库名称和密码换成自己的。)
当前主流的开发规范就是前后端分离开发,前端与后端通过阅读接口文档相互约定规则后进行开发。(如下图所示)
编码规则—ResultFul:(如下图所示)
规定一个返回规则:通过定义一个Result类,制定统一的返回结果(如下图所示)
代码详情如下:
package com.itheima.tliaswebmanagement.pojo;
import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;
@Data
@NoArgsConstructor
@AllArgsConstructor
public class Result {
private Integer code; //响应码: 1. 代表成功 2. 代表失败
private String msg; //响应信息: 描述字符串
private Object data; //返回的数据
public static Result success(){ // 增删改 成功响应
return new Result(1, "success", null);
}
public static Result success(Object data){ // 查询 成功响应
return new Result(1, "success", data);
}
public static Result error(String msg){ // 失败响应
return new Result(0, msg, null);
}
}
整体思路“如下图”:首先是浏览器端发送的请求被Controller接收—>将请求发送至Service层进行逻辑处理—>处理后发送到Mapper层访问数据库—>数据库将响应的结果返回给Mapper层—>Mapper层返回给Service层—>Service层返回给Controller层—>Controller层返回给浏览器。
前后端联调指的是将前端工程,后端工程都启动起来,通过前端工程来访问后端工程,进而进行调试。
这边小编已经将前端工程项目上传到我的网盘中,大家(点击下载),并且将其解压缩,然后运行nginx.exe可执行文件就好。
之后使用浏览器访问http://localhost:90。
此功能是通过点击前端的删除部门按钮,将数据库中的对应部门数据删除掉(如下配图)。
此功能是通过点击前端的新增部门按钮,将数据库中的对应部门数据增加一条(如下配图)
Controller页面
package com.itheima.tliaswebmanagement.controller;
import com.itheima.tliaswebmanagement.pojo.Dept;
import com.itheima.tliaswebmanagement.pojo.Result;
import com.itheima.tliaswebmanagement.service.DeptService;
import lombok.extern.slf4j.Slf4j;
import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.*;
import java.util.List;
@RestController
@Slf4j
// 一个完整的请求路径,应该是类上的@RequestMapping的value属性+方法上的@RequestMapping的value属性。
@RequestMapping("/depts")
public class DeptController {
@Autowired
private DeptService deptService;
// 获取日志对象
//private static Logger logger = LoggerFactory.getLogger(DeptController.class);
/*@RequestMapping(value = "/depts", method = RequestMethod.GET)*/
/**
* 遍历部门数据
* @return
*/
@GetMapping()
public Result list(){
/*logger.info("通过日志工厂,获取的日志对象: " + );*/
log.info("查询全部部门数据");
List<Dept> deptList = deptService.list();
return Result.success(deptList);
}
/**
* 根据id删除部门
* @return
*/
@DeleteMapping("/{id}")
public Result deleteByID(@PathVariable Integer id){
log.info("根据部门ID删除部门:{}", id);
deptService.deleteByID(id);
return Result.success();
}
/**
* 向部门插入数据
* @return Result
*/
@PostMapping()
public Result insert(@RequestBody Dept dept){
log.info("新增部门: {}", dept);
deptService.insert(dept);
return Result.success();
}
}
Service层
package com.itheima.tliaswebmanagement.service.impl;
import com.itheima.tliaswebmanagement.mapper.DeptMapper;
import com.itheima.tliaswebmanagement.pojo.Dept;
import com.itheima.tliaswebmanagement.service.DeptService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;
import java.time.LocalDateTime;
import java.util.List;
@Service
public class DeptServiceImpl implements DeptService {
@Autowired
private DeptMapper deptMapper;
@Override
public List<Dept> list() {
return deptMapper.list();
}
@Override
public void deleteByID(Integer id) {
deptMapper.deleteByID(id);
}
@Override
public void insert(Dept dept) {
//补全Dept表中的时间属性
dept.setCreateTime(LocalDateTime.now());
dept.setUpdateTime(LocalDateTime.now());
deptMapper.insert(dept);
}
}
Dao层
package com.itheima.tliaswebmanagement.mapper;
import com.itheima.tliaswebmanagement.pojo.Dept;
import org.apache.ibatis.annotations.Delete;
import org.apache.ibatis.annotations.Insert;
import org.apache.ibatis.annotations.Mapper;
import org.apache.ibatis.annotations.Select;
import java.util.List;
/**
* 部门管理
*/
@Mapper
public interface DeptMapper {
/**
* 查询全部部门数据
* @return
*/
@Select("select * from dept")
List<Dept> list();
/**
* 通过部门ID删除部门
* @param id
*/
@Delete("delete from dept where id = #{id}")
void deleteByID(Integer id);
/**
* 向部门表插入一个数据
* @param id
*/
@Insert("insert into dept(name, create_time, update_time ) values(#{name}, #{createTime}, #{updateTime})")
void insert(Dept dept);
}
此功能是通过点击前端的查询员工按钮,将数据库中的对应员工数据按照约定的格式返回给前端(如下配图)
在项目前端中就能看到我们从数据库中查到的员工数据如下。
小结如下:
这里主要的的难点在于将SQL查询语句统一书写到XMl文件中。如下图所示,在这里使用了动态SQL语句,用以实现条件查询。
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE mapper
PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
"http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="com.itheima.tliaswebmanagement.mapper.EmpMapper">
<select id="list" resultType="com.itheima.tliaswebmanagement.pojo.Emp">
select * from emp
<where>
<if test="name != null and name != '' ">
name like concat('%', #{name}, '%')
</if>
<if test="gender != null">
and gender = #{gender}
</if>
<if test="begin != null and end != null">
and entrydate between #{begin} and #{end}
</if>
</where>
order by update_time desc
</select>
</mapper>
这里主要是通过动态SQL实现批量删除员工表中的员工信息,这里只展示一些核心代码,最终完整项目在文章底部提供链接。
Controller层
package com.itheima.tliaswebmanagement.controller;
import com.itheima.tliaswebmanagement.pojo.PageBean;
import com.itheima.tliaswebmanagement.pojo.Result;
import com.itheima.tliaswebmanagement.service.EmpService;
import lombok.extern.slf4j.Slf4j;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.format.annotation.DateTimeFormat;
import org.springframework.web.bind.annotation.*;
import java.time.LocalDate;
import java.util.List;
/**
* 员工管理类
*/
@Slf4j
@RestController
@RequestMapping("/emps")
public class EmpController {
@Autowired
private EmpService empService;
/**
* 员工管理-分页查询
* @param page 页码
* @param pageSize 每页多少数据
*/
@GetMapping()
public Result page(@RequestParam(defaultValue = "1") Integer page, @RequestParam(defaultValue = "10") Integer pageSize,
String name, Short gender,
@DateTimeFormat(pattern = "yyyy-MM-dd") LocalDate begin,
@DateTimeFormat(pattern = "yyyy-MM-dd") LocalDate end){
PageBean pageBean = empService.page(page, pageSize, name, gender, begin, end);
log.info("分页查询参数: {},{},{}, {}, {}", page, pageSize, name, gender, begin, end);
return Result.success(pageBean);
}
/**
* 员工管理-删除员工数据
* @param
* @return
*/
@DeleteMapping("/{ids}")
public Result deleteById(@PathVariable List<Integer> ids){
log.info("要删除员工数据id: {}", ids);
empService.deleteById(ids);
return Result.success();
}
}
Service层
package com.itheima.tliaswebmanagement.service;
import com.itheima.tliaswebmanagement.pojo.PageBean;
import org.springframework.format.annotation.DateTimeFormat;
import java.time.LocalDate;
import java.util.List;
/**
* 员工管理
*/
public interface EmpService {
/**
* 分页查询
* @param page
* @param pageSize
* @return
*/
PageBean page(Integer page, Integer pageSize, String name, Short gender, LocalDate begin, LocalDate end);
/**
* 根据id删除用户
*/
void deleteById(List<Integer> ids);
}
Dao层
package com.itheima.tliaswebmanagement.mapper;
import com.itheima.tliaswebmanagement.pojo.Emp;
import org.apache.ibatis.annotations.Mapper;
import org.apache.ibatis.annotations.Select;
import java.time.LocalDate;
import java.util.List;
/**
* 员工管理
*/
@Mapper
public interface EmpMapper {
// 以下代码是使用PageHelper插件进行增删查改的代码。
/**
* 查询员工表所有数据
* @return
*/
/* @Select("select * from emp")*/
public List<Emp> list(String name, Short gender, LocalDate begin, LocalDate end);
/**
* 根据id删除用户
*/
void deleteById(List<Integer> ids);
// 以下代码是不使用PageHelper插件进行增删查改的代码。
/* *//**
* 查询消息记录数
* @return
*//*
@Select("select count(*) from emp")
public Long count();
*//**
* 分页查询,获取列表数据
* @return
*//*
@Select("select * from emp limit #{page}, #{pageSize}")
List<Emp> page(Integer page, Integer pageSize);*/
}
XML配置文件。
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE mapper
PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
"http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="com.itheima.tliaswebmanagement.mapper.EmpMapper">
<select id="list" resultType="com.itheima.tliaswebmanagement.pojo.Emp">
select * from emp
<where>
<if test="name != null and name != '' ">
name like concat('%', #{name}, '%')
</if>
<if test="gender != null">
and gender = #{gender}
</if>
<if test="begin != null and end != null">
and entrydate between #{begin} and #{end}
</if>
</where>
order by update_time desc
</select>
<delete id="deleteById">
delete from emp
<where>
id in
<foreach collection="ids" item="id" separator="," open="(" close=")">
#{id}
</foreach>
</where>
</delete>
</mapper>
总结:因为只是一个小项目,而且后面的功能要么就是简单的重复操作,要么就是更深层次的技术点,例如账号管理(注册、登录等),这个小编打算作为单独的一个文章讲解,所以目前为止只提供这么多讲解,如果继续文章就太杂乱了。
这边也建议如果打算想更深层次的学习,可以去哔哩哔哩里面系统的观看他们的网课,然后有不懂得问题或者BUG可以随时给我留言,会非常热心的给出解答,甚至如果出现多人问同一问题,我这边也能在写一篇帖子做解答。
小编的QQ:2917281717
希望大家给个点赞、留言、关注,你的认可就是我坚持下去的动力。
项目的百度链接如下(点击下载)。
文章浏览阅读2w次,点赞7次,收藏51次。四个步骤1.创建C++ Win32项目动态库dll 2.在Win32项目动态库中添加 外部依赖项 lib头文件和lib库3.导出C接口4.c#调用c++动态库开始你的表演...①创建一个空白的解决方案,在解决方案中添加 Visual C++ , Win32 项目空白解决方案的创建:添加Visual C++ , Win32 项目这......_c#调用lib
文章浏览阅读4.6k次。苹方字体是苹果系统上的黑体,挺好看的。注重颜值的网站都会使用,例如知乎:font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, W..._ubuntu pingfang
文章浏览阅读159次。表单表单概述表单标签表单域按钮控件demo表单标签表单标签基本语法结构<form action="处理数据程序的url地址“ method=”get|post“ name="表单名称”></form><!--action,当提交表单时,向何处发送表单中的数据,地址可以是相对地址也可以是绝对地址--><!--method将表单中的数据传送给服务器处理,get方式直接显示在url地址中,数据可以被缓存,且长度有限制;而post方式数据隐藏传输,_html表单的处理程序有那些
文章浏览阅读1.2k次。使用说明:开启Google的登陆二步验证(即Google Authenticator服务)后用户登陆时需要输入额外由手机客户端生成的一次性密码。实现Google Authenticator功能需要服务器端和客户端的支持。服务器端负责密钥的生成、验证一次性密码是否正确。客户端记录密钥后生成一次性密码。下载谷歌验证类库文件放到项目合适位置(我这边放在项目Vender下面)https://github.com/PHPGangsta/GoogleAuthenticatorPHP代码示例://引入谷_php otp 验证器
文章浏览阅读4.3k次,点赞5次,收藏11次。matplotlib.plot画图横坐标混乱及间隔处理_matplotlib更改横轴间距
文章浏览阅读2.2k次。①Storage driver 处理各镜像层及容器层的处理细节,实现了多层数据的堆叠,为用户 提供了多层数据合并后的统一视图②所有 Storage driver 都使用可堆叠图像层和写时复制(CoW)策略③docker info 命令可查看当系统上的 storage driver主要用于测试目的,不建议用于生成环境。_docker 保存容器
文章浏览阅读834次,点赞27次,收藏13次。网络拓扑结构是指计算机网络中各组件(如计算机、服务器、打印机、路由器、交换机等设备)及其连接线路在物理布局或逻辑构型上的排列形式。这种布局不仅描述了设备间的实际物理连接方式,也决定了数据在网络中流动的路径和方式。不同的网络拓扑结构影响着网络的性能、可靠性、可扩展性及管理维护的难易程度。_网络拓扑csdn
文章浏览阅读1.8k次,点赞5次,收藏8次。IOS系统Date的坑要创建一个指定时间的new Date对象时,通常的做法是:new Date("2020-09-21 11:11:00")这行代码在 PC 端和安卓端都是正常的,而在 iOS 端则会提示 Invalid Date 无效日期。在IOS年月日中间的横岗许换成斜杠,也就是new Date("2020/09/21 11:11:00")通常为了兼容IOS的这个坑,需要做一些额外的特殊处理,笔者在开发的时候经常会忘了兼容IOS系统。所以就想试着重写Date函数,一劳永逸,避免每次ne_date.prototype 将所有 ios
文章浏览阅读5.3k次。方法一:用PLSQL Developer工具。 1 在PLSQL Developer的sql window里输入select * from test for update; 2 按F8执行 3 打开锁, 再按一下加号. 鼠标点到第一列的列头,使全列成选中状态,然后粘贴,最后commit提交即可。(前提..._excel导入pl/sql
文章浏览阅读83次。Git常用命令速查手册1、初始化仓库git init2、将文件添加到仓库git add 文件名 # 将工作区的某个文件添加到暂存区 git add -u # 添加所有被tracked文件中被修改或删除的文件信息到暂存区,不处理untracked的文件git add -A # 添加所有被tracked文件中被修改或删除的文件信息到暂存区,包括untracked的文件...
文章浏览阅读202次。分享119个ASP.NET源码总有一个是你想要的_千博二手车源码v2023 build 1120
文章浏览阅读1.8k次。版权声明:转载请注明出处 http://blog.csdn.net/irean_lau。目录(?)[+]1、缺省构造函数。2、缺省拷贝构造函数。3、 缺省析构函数。4、缺省赋值运算符。5、缺省取址运算符。6、 缺省取址运算符 const。[cpp] view plain copy_空类默认产生哪些类成员函数