第十六篇:springboot案例

文章目录

  • 一、准备工作
    • 1.1 需求说明
    • 1.2 环境搭建
    • 1.3 开发规范
    • 1.4 思路
  • 二、部门管理
    • 2.1 查询部门
    • 2.2 删除部门
    • 2.3 新增部门
    • 2.4 修改部门
    • 2.5 RequestMapping
  • 三、员工管理
    • 3.1 分页查询
    • 3.2 删除员工
    • 3.3 新增员工
      • 3.3.1 新增员工
      • 3.3.2 文件上传
    • 3.4 修改员工
      • 3.4.1 页面回显
      • 3.4.2 修改信息
  • 四、效果展示
    • 4.1 部门管理
    • 4.2 员工管理
  • 五、小结

一、准备工作

1.1 需求说明

部门管理:

  • 查询部门列表
  • 删除部门
  • 新增部门
  • 修改部门

员工部门:

  • 查询员工列表(分页,条件)
  • 删除员工
  • 新增员工
  • 修改员工

在这里插入图片描述

1.2 环境搭建

环境搭建:

  • 准备数据表(emp,dept)
  • 创建springboot工程,引入对应的起步依赖(web,mybatis,mysql驱动,lombok)
  • 配置application.properties中引入mybatis配置信息,准备对应的实体类
  • 准备对应的Mapper,Service(接口.实现类),Controller基础结构

在这里插入图片描述

1.3 开发规范

案例基于当前最主流的前后端分离模式进行开发
在这里插入图片描述

Restful

  • REST(Representational State Transfer),表述性状态转换,是一种软件架构风格

传统风格没有一个固定的规范,而REST是一种风格,是默认的约定方式,约定不是规定,可以打破(但不建议)
描述模块的功能通常使用复数,也就是加s的格式来描述,表示此类资源,而非单个资源,如:users、emps、books、
在这里插入图片描述

  • GET:查询请求
  • POST:新增请求
  • PUT:修改请求
  • DELETE:删除id用户

统一响应结果

前后端交互统一响应结果Result

在这里插入图片描述

开发流程以此从左到右
在这里插入图片描述

1.4 思路

思路:
使用三层架构的方式
Controller层:接收请求,并调用service层查询部门
Service层:调用mapper接口查询
Mapper层:使用SQL语句查询,并把查询的结果传给Service
Service层:接收到Mapper层,再传给Controller
Controller层:接收响应,并传给客户端

在这里插入图片描述

二、部门管理

2.1 查询部门

Controller层
代码如下:

/*
* 部门管理
* */
@Slf4j
@RestController
public class DeptController {@Autowiredprivate DeptService deptService;@GetMapping ("/depts")public Result list(){log.info("查询全部部门");List<Dept> deptList=deptService.list();return Result.success(deptList);}
}
注解含义
@Slf4j日志注解,可以直接使用log.info输出日志
@Autowired依赖注入注解
@RestController@ResponseBody+Conrtoller注解
@GetMapping用于get请求的注解

Service层
Service层接口如下:

public interface DeptService {/** 查询全部部门数据* */List<Dept> list();
}

Service层实现类如下:

@Service
public class DeptServiceImpl implements DeptService {@Autowiredprivate DeptMapper deptMapper;/** 查询全部部门数据* */@Overridepublic List<Dept> list() {return deptMapper.list();}
}

Mapper层
mapper层代码如下:

public interface DeptMapper {/** 查询全部部门数据* */@Select("select id, username, password, name, gender, image, job, entrydate, dept_id, create_time, update_time from tlias.emp ")List<Dept> list();
}

2.2 删除部门

Controller层
代码如下:

    /** 删除部门* */@DeleteMapping("/depts/{id}")public Result deletc(@PathVariable Integer id){log.info("根据id删除部门:",id);deptService.delete(id);return Result.success();}
注解含义
@PathVariable用于接收路径参数的注解

Service层
Service层接口

    /** 删除部门* */void delete(Integer id);

接口实现类

  /** 删除部门* */@Overridepublic void delete(Integer id) {deptMapper.deleteById(id);}

Mapper层

   /** 根据ID删除部门* */@Delete("delete from tlias.dept where id = #{id} ")void deleteById(Integer id);

2.3 新增部门

Controller层
具体如下:

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

Service层
Service层接口

/*
* 新增部门
* */
void add(Dept dept);

Service实现类

/*
* 新增部门
* */
@Override
public void add(Dept dept) {
dept.setCreateTime(LocalDateTime.now());
dept.setUpdateTime(LocalDateTime.now());
deptMapper.insert(dept);}

Mapper层
具体如下:

 /** 新增部门* */@Insert("insert tlias.dept (name, create_time, update_time) " +"values(#{name},#{createTime},#{updateTime}) ")void insert(Dept dept);

2.4 修改部门

Controller层
为了得到修改时页面返回的部门名称,需要先根据ID进行一次查询,用于页面的回显

在这里插入图片描述
代码如下:

@GetMapping("/{id}")public Result getById(@PathVariable Integer id){log.info("获取部门ID:",id);Dept dept = deptService.getById(id);return Result.success(dept);}@PutMappingpublic Result update(@RequestBody Dept dept) {log.info("修改部门:{}",dept);deptService.update(dept);return Result.success();}

Service层
Service层接口

    Dept getById(Integer id);void update(Dept dept);

Service实现类

@Overridepublic Dept getById(Integer id) {Dept dept = deptMapper.getByID(id);return dept;}@Overridepublic void update(Dept dept) {dept.setUpdateTime(LocalDateTime.now());deptMapper.update(dept);}

Mapper层
代码如下:

@Select("select * from tlias.dept where id = #{id}")Dept getByID(Integer id); 
@Update("update tlias.dept set name = #{name},update_time = #{updateTime} where id = #{id}")
void update(Dept dept);

2.5 RequestMapping

由于部门管理中所有的请求路径都是/depts开头,所以可以使用RequestMapping来简化请求的定义,直接抽取到类上
在这里插入图片描述
在这里插入图片描述
注意:一个完整的请求路径,应该是类上的@RequestMapping的value属性 + 方法上的@RequestMapping的value属性

三、员工管理

3.1 分页查询

Controller层

    @GetMapping("/emps")public Result     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){log.info("分页查询,参数:{},{},{},{},{},{}",page,pageSize,name,gender,begin,end);PageBean pageBean = empService.page(page,pageSize,name,gender,begin,end);return Result.success(pageBean);}

Service层
Service层接口如下:

  /** 分页查询* */PageBean page(Integer page, Integer pageSize, String name, Short gender, LocalDate begin, LocalDate end);
}

Service层实现类如下:

 @Overridepublic PageBean page(Integer page, Integer pageSize , String name, Short gender, LocalDate begin, LocalDate end){// 1.设置分页参数PageHelper.startPage(page,pageSize);// 2.执行查询List<Emp> empList = empMapper.list(name, gender, begin, end);Page<Emp> p = (Page<Emp>) empList;// 3.封装pageBean对象PageBean pageBean = new PageBean(p.getTotal() ,p.getResult());return pageBean;}

Mapper层

   /** 查询总记录数* */public List<Emp> list(String name, Short gender, LocalDate begin, LocalDate end);

XML:

    <select id="list" resultType="com.itzhangxx.pojo.Emp">select *from tlias.emp<where><if test="name != null">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>

PageHelper

3.2 删除员工

Controller层
具体代码如下:

    /** 批量删除* */@DeleteMapping("/{ids}")public Result delete(@PathVariable List<Integer> ids){log.info("批量删除:{}",ids);empService.delete(ids);return Result.success();}

Service层
Service层接口如下:

    /** 批量删除* */void delete(List<Integer> ids);

Service层实现类如下:

   /** 批量删除* */@Overridepublic void delete(List<Integer> ids) {empMapper.delete(ids);}

Mapper层
mapper:

  /** 批量删除* */void delete(List<Integer> ids);

xml:

   <!--批量删除--><delete id="delete">deletefrom tlias.empwhere id in<foreach collection="ids" item="id" separator="," open="(" close=")">#{id}</foreach></delete>

3.3 新增员工

3.3.1 新增员工

Controller层
代码如下:

   /** 新增员工* */@PostMapping()public Result save(@RequestBody Emp emp){log.info("新增员工:{}",emp);empService.save(emp);return Result.success();}

Service层
Service层接口如下:

    /** 新增员工* */void save(Emp emp);

Service层实现类如下:

    /** 新增员工* */@Overridepublic void save(Emp emp) {emp.setCreateTime(LocalDateTime.now());emp.setUpdateTime(LocalDateTime.now());empMapper.save(emp);}

Mapper层

  /** 新增员工* */@Insert("insert tlias.emp (username, name, gender, image, job, entrydate, dept_id, create_time, update_time)" +"value ( #{username},#{name},#{gender},#{image},#{job},#{entrydate},#{deptId},#{createTime},#{updateTime})")void save(Emp emp);

3.3.2 文件上传

创建一个utils工具类

/*** 阿里云 OSS 工具类*/
@Component
public class AliOSSUtils {private String endpoint = "改为自己的" ;private String accessKeyId ="改为自己的" ;private String accessKeySecret = "改为自己的";private String bucketName = "改为自己的";/*** 实现上传图片到OSS*/public String upload(MultipartFile file) throws IOException {// 获取上传的文件的输入流InputStream inputStream = file.getInputStream();// 避免文件覆盖 使用UUID  tostring后都是得到拓展名String originalFilename = file.getOriginalFilename();String fileName = UUID.randomUUID().toString() + originalFilename.substring(originalFilename.lastIndexOf("."));//上传文件到 OSSOSS ossClient = new OSSClientBuilder().build(endpoint, accessKeyId, accessKeySecret);ossClient.putObject(bucketName, fileName, inputStream);//文件访问路径String url = endpoint.split("//")[0] + "//" + bucketName + "." + endpoint.split("//")[1] + "/" + fileName;// 关闭ossClientossClient.shutdown();return url;// 把上传到oss的路径返回}}

Controller代码如下

    @Autowiredprivate AliOSSUtils aliOSSUtils;@PostMapping("/upload")public Result upload(MultipartFile image) throws IOException {log.info("文件上传,文件名:{}",image.getOriginalFilename());//调用阿里云工具类进行文件上传String url = aliOSSUtils.upload(image);log.info("文件上传成功,文件访问的url:{}",url);return Result.success(url);}

3.4 修改员工

3.4.1 页面回显

Controller层
具体如下:

    /** 页面回显,根据id查询* */@GetMapping("/{id}")public Result geyById(@PathVariable Integer id){log.info("根据id插叙信息:{}",id);Emp emp = empService.getById(id);return Result.success(emp);}

Service层
Service层接口如下:

  /** 页面回显,根据id查询* */Emp getById(Integer id);

Service层实现类如下:

  /** 页面回显,根据id查询* */@Overridepublic Emp getById(Integer id) {return empMapper.getById(id);}

Mapper层
具体如下:

    /** 页面回显,根据id查询* */@Select("select * from tlias.emp where id = #{id}")Emp getById(Integer id);

3.4.2 修改信息

Controller层
具体如下:

    /** 修改员工* */@PutMappingpublic Result update(@RequestBody Emp emp){log.info("更新员工信息:{}",emp);empService.update(emp);return Result.success();}

Service层
Service层接口如下:

  /** 修改员工* */void update(Emp emp);

Service层实现类如下:

  /** 修改员工* */@Overridepublic void update(Emp emp) {emp.setUpdateTime(LocalDateTime.now());empMapper.update(emp);}

Mapper层

    <!--修改员工--><update id="update">update tlias.emp<set><if test="username != null and username != '' ">username = #{username},</if><if test="name != null and name != '' ">name = #{name},</if><if test="gender != null">gender = #{gender},</if><if test="image != null">image = #{image},</if><if test="job != null">job = #{job},</if><if test="entrydate != null">entrydate = #{entrydate},</if><if test="deptId != null">dept_id = #{deptId},</if><if test="updateTime != null">update_time = #{updateTime}</if></set>where id = #{id}</update>

四、效果展示

4.1 部门管理

主界面
在这里插入图片描述
新增
在这里插入图片描述

删除
在这里插入图片描述

修改
在这里插入图片描述
在这里插入图片描述

4.2 员工管理

主界面
在这里插入图片描述
新增
在这里插入图片描述
在这里插入图片描述

删除

在这里插入图片描述

修改
在这里插入图片描述
在这里插入图片描述

查询
在这里插入图片描述

五、小结

写本文主要是为了分享我的学习过程,也是给自己记个笔记,哪里忘记了,回来再看一眼,也可以很快的回想起来

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/626655.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

前端开发攻略---从源码角度分析Vue3的Propy比Vue2的defineproperty到底好在哪里。一篇文章让你彻底弄懂响应式原理。

1、思考 Vue的响应式到底要干什么&#xff1f; 无非就是要知道当你读取对象的时候&#xff0c;要知道它读了。要做一些别的事情无非就是要知道当你修改对象的时候&#xff0c;要知道它改了。要做一些别的事情所以要想一个办法&#xff0c;把读取和修改的动作变成一个函数&#…

element-ui报表合计逻辑踩坑

element-ui报表合计逻辑踩坑 1.快速实现一个合计 ​ Element UI所提供的el-table中提供了方便快捷的合计逻辑实现&#xff1a; ​ https://element.eleme.cn/#/zh-CN/component/table ​ 此实现方法在官方文档中介绍详细&#xff0c;此处不多赘述。 ​ 这里需要注意&#x…

【数据挖掘】实验8:分类与预测建模

实验8&#xff1a;分类与预测建模 一&#xff1a;实验目的与要求 1&#xff1a;学习和掌握回归分析、决策树、人工神经网络、KNN算法、朴素贝叶斯分类等机器学习算法在R语言中的应用。 2&#xff1a;了解其他分类与预测算法函数。 3&#xff1a;学习和掌握分类与预测算法的评…

利用CSS延迟动画,打造令人惊艳的复杂动画效果!

动画在前端开发中是经常遇到的场景之一&#xff0c;加入动画后页面可以极大的提升用户体验。 绝大多数简单的动画场景可以直接通过CSS实现&#xff0c;对于一些特殊场景的动画可能会使用到JS计算实现&#xff0c;通过本文的学习&#xff0c;可以让你在一些看似需要使用JS实现的…

前端开发攻略---实现与ChatGPT同款光标闪烁打字效果。

1、演示 2、实现代码 <!DOCTYPE html> <html lang"ch-ZN"><head><meta charset"UTF-8" /><meta http-equiv"X-UA-Compatible" content"IEedge" /><meta name"viewport" content"widt…

Java 分页查询实现

天行健&#xff0c;君子以自强不息&#xff1b;地势坤&#xff0c;君子以厚德载物。 每个人都有惰性&#xff0c;但不断学习是好好生活的根本&#xff0c;共勉&#xff01; 文章均为学习整理笔记&#xff0c;分享记录为主&#xff0c;如有错误请指正&#xff0c;共同学习进步。…

结合 react-webcam、three.js 与 electron 实现桌面人脸动捕应用

系列文章目录 React 使用 three.js 加载 gltf 3D模型 | three.js 入门React three.js 3D模型骨骼绑定React three.js 3D模型面部表情控制React three.js 实现人脸动捕与3D模型表情同步结合 react-webcam、three.js 与 electron 实现桌面人脸动捕应用 示例项目(github)&…

【Canvas与艺术】绘制黑白山间野营Camping徽章

【说明】 中间的山月图是借用的网上的成图&#xff0c;不是用Canvas绘制的。 【成果图】 【代码】 <!DOCTYPE html> <html lang"utf-8"> <meta http-equiv"Content-Type" content"text/html; charsetutf-8"/> <head>…

如何应对Andriod面试官 -> 如何 Hook Activity 的启动流程?

前言 本章继续讲解 AMS 相关的知识点&#xff0c;如何 Hook Activity 的启动流程&#xff1b; attach 我们这样直接从 attach 入口讲起 private void attach(boolean system, long startSeq) {// 省略部分代码// AMSfinal IActivityManager mgr ActivityManager.getService(…

gcc原理和使用

gcc gcc是什么 GCC&#xff0c;全称 GNU Compiler Collection&#xff08;GNU 编译器套件&#xff09;&#xff0c;是一套功能强大的编程语言编译器&#xff0c;由自由软件基金会&#xff08;Free Software Foundation, FSF&#xff09;作为GNU项目的一部分开发和维护。它最初…

我们一起看看《看漫画学C++》中如何介绍的字符串的用法

C中的字符串使用的是 std::string 类型&#xff0c;它是C标准库中提供的字符串类&#xff0c;提供了丰富的字符串操作方法。下面是关于C字符串的一些常用用法&#xff1a; 字符串拼接 字符串查找 字符串追加 购书地址&#xff1a;https://item.jd.com/14418856.html

网工交换基础——MUX VLAN

前言&#xff1a; MUX VLAN&#xff08;Multiplex VLAN&#xff0c;多复用VLAN&#xff09;提供了一种通过VLAN进行网络资源控制的机制。例如&#xff0c;在企业网络中&#xff0c;企业员工和企业客户可以访问企业的服务器。对于企业来说&#xff0c;希望企业内部员工之…