Spring Boot 实现审核功能，实战来了！

一、审核功能实现的方式

1、普通

方案：经办时入A表，审核后从A表读取数据，然后操作目标B表；
优势：思路简单
劣势：对后端功能实行高度的嵌入；审核功能数据操作不统一
2、弹框式

方案：前台实现，操作时判断是否需要权限控制，如果需要，则弹出框，由审核人员进行审核，审核通过后，进行后续操作。
优势：对后台功能无嵌入；可支持查询、导出、操作等全部功能；
劣势：需要经办人和审核人同时在场操作
3、入参缓冲时

方案：审核功能是独立的功能，前台发起业务后，入参存入数据库。待审核通过后，后台触发调用相应的接口，并将执行结果通知到经办人。
优势：对前后台功能均无嵌入；支持导出及操作类；经办人和审核人可以异步操作；审核功能数据操作统一；
劣势：需要框架层支持；实现逻辑稍微复杂
4、临时表

方案：所有需要审核功能涉及的表均增加相应的表，该表比源表主要增加1个字段，即审核流水，其余字段命名完全一致；所有功能操作时先入该表，审核通过后，由后台从该表将数据同步至正表。
优势：无需要框架支持；支持导出及操作类；经办人和审核人可以异步操作；审核功能数据操作统一；
劣势：对后端功能实行高度的嵌入；
Spring Boot 基础就不介绍了，推荐看这个实战项目：

https://github.com/javastacks/spring-boot-best-practice

二、SpringBoot实现

1.创建数据库表SQL

1. CREATE TABLE `audit` (
2.   `id` int NOT NULL AUTO_INCREMENT COMMENT 'ID',
3.   `name` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL COMMENT '报修名称',
4.   `user` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL COMMENT '报修人',
5.   `create_time` datetime DEFAULT CURRENT_TIMESTAMP COMMENT '报修时间',
6.   `img` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL COMMENT '详情图片',
7.   `state` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT '待审核' COMMENT '待审核，审核通过，审核不通过',
8.   PRIMARY KEY (`id`)
9. ) ENGINE=InnoDB AUTO_INCREMENT=12 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;

复制代码

2.写Java后端


其实审核功能最主要的就是我们的新增功能，用户只有新增过后，我们的管理员才能去对你的申请进行审核，最后实现效果。
AuditController

1. import com.baomidou.mybatisplus.core.conditions.query.QueryWrapper;
2. import com.baomidou.mybatisplus.extension.plugins.pagination.Page;
3. import com.example.demo.common.Result;
4. import com.example.demo.entity.Audit;
5. import com.example.demo.entity.Sanitation;
6. import com.example.demo.entity.User;
7. import com.example.demo.mapper.FileMapper;
8. import com.example.demo.service.IAuditService;
9. import com.example.demo.utils.TokenUtils;
10. import org.springframework.web.bind.annotation.*;
12. import javax.annotation.Resource;
13. import java.util.List;
15. @CrossOrigin
16. @RestController
17. @RequestMapping("/audit")
18. public class AuditController {
20.     @Resource
21.     private IAuditService auditService;
23.     @Resource
24.     private FileMapper fileMapper;
26. //    //新增或者更新
27. //    @PostMapping
28. //    public Result save(@RequestBody Audit audit) {
29. //        audit.setUser(TokenUtils.getCurrentUser().getUsername());
30.         audit.setImg(Files.url);
31. //        return Result.success(auditService.saveOrUpdate(audit));
32. //    }
34.     // 新增或者更新
35.     @PostMapping
36.     public Result save(@RequestBody Audit audit) {
37.         if (audit.getId() == null) {
38.             // 新增
39.             audit.setUser(TokenUtils.getCurrentUser().getUsername());
41.         }
42.         auditService.saveOrUpdate(audit);
43.         return Result.success();
44.     }
46.     //删除
47. //    @DeleteMapping("/{id}")
48. //    public Result delete(@PathVariable Integer id) {
49. //        return Result.success(userService.removeById(id));
50. //    }
52.     @PostMapping("/del/batch")
53.     public Result deleteBatch(@RequestBody List<Integer> ids) {//批量删除
54.         return Result.success(auditService.removeByIds(ids));
55.     }
57.     //查询所有数据
58.     @GetMapping
59.     public Result findAll() {
60.         return Result.success(auditService.list());
61.     }
63. //    @GetMapping("/role/{role}")
64. //    public Result findNames(@PathVariable String role) {
65. //        QueryWrapper<Audit> queryWrapper = new QueryWrapper<>();
66. //        queryWrapper.eq("role", role);
67. //        List<Audit> list = auditService.list(queryWrapper);
68. //        return Result.success(list);
69. //    }
71.     @GetMapping("/{id}")
72.     public Result findOne(@PathVariable Integer id) {
73.         return Result.success(auditService.getById(id));
74.     }
76.     @GetMapping("/username/{username}")
77.     public Result findByUsername(@PathVariable String username) {
78.         QueryWrapper<Audit> queryWrapper = new QueryWrapper<>();
79.         queryWrapper.eq("username", username);
80.         return Result.success(auditService.getOne(queryWrapper));
81.     }
83.     @GetMapping("/page")
84.     public Result findPage(@RequestParam Integer pageNum,
85.                            @RequestParam Integer pageSize,
86.                            @RequestParam(defaultValue = "") String name) {
87.         QueryWrapper<Audit> queryWrapper = new QueryWrapper<>();
88.         queryWrapper.orderByDesc("id");
89.         if (!"".equals(name)) {
90.             queryWrapper.like("name", name);
91.         }
92.         User currentUser = TokenUtils.getCurrentUser();
93. //        if (RoleEnum.ROLE_USER.toString().equals(currentUser.getRole())) {  // 角色是普通用户
94. //            queryWrapper.eq("user", currentUser.getUsername());
95. //        }
96.         return Result.success(auditService.page(new Page<>(pageNum, pageSize), queryWrapper));
98.     }
99. }

复制代码

三、前端调用

1.实现效果


2.核心代码

1. <el-table-column label="审核" width="240">
2.   <template v-slot="scope">
3.     <el-button type="success" @click="changeState(scope.row, '审核通过...师傅正在赶来的路上')" :disabled="scope.row.state !== '待审核'">审核通过</el-button>
4.     <el-button type="danger" @click="changeState(scope.row, '审核不通过')" :disabled="scope.row.state !== '待审核'">审核不通过</el-button>
5.   </template>
6. </el-table-column>

复制代码

3.后台管理


4.后台管理核心代码

1. import com.baomidou.mybatisplus.core.conditions.query.QueryWrapper;
2. import com.baomidou.mybatisplus.extension.plugins.pagination.Page;
3. import com.example.demo.common.Result;
4. import com.example.demo.entity.Audit;
5. import com.example.demo.entity.User;
6. import com.example.demo.mapper.FileMapper;
7. import com.example.demo.service.IAuditService;
8. import com.example.demo.utils.TokenUtils;
9. import org.springframework.web.bind.annotation.*;
11. import javax.annotation.Resource;
12. import java.util.List;
14. @CrossOrigin
15. @RestController
16. @RequestMapping("/audit")
17. public class AuditController {
19.     @Resource
20.     private IAuditService auditService;
22.     @Resource
23.     private FileMapper fileMapper;
25. //    //新增或者更新
26. //    @PostMapping
27. //    public Result save(@RequestBody Audit audit) {
28. //        audit.setUser(TokenUtils.getCurrentUser().getUsername());
29.         audit.setImg(Files.url);
30. //        return Result.success(auditService.saveOrUpdate(audit));
31. //    }
33.     // 新增或者更新
34.     @PostMapping
35.     public Result save(@RequestBody Audit audit) {
36.         if (audit.getId() == null) {
37.             // 新增
38.             audit.setUser(TokenUtils.getCurrentUser().getUsername());
39.         }
40.         auditService.saveOrUpdate(audit);
41.         return Result.success();
42.     }
44.     //删除
45. //    @DeleteMapping("/{id}")
46. //    public Result delete(@PathVariable Integer id) {
47. //        return Result.success(userService.removeById(id));
48. //    }
50.     @PostMapping("/del/batch")
51.     public Result deleteBatch(@RequestBody List<Integer> ids) {//批量删除
52.         return Result.success(auditService.removeByIds(ids));
53.     }
55.     //查询所有数据
56.     @GetMapping
57.     public Result findAll() {
58.         return Result.success(auditService.list());
59.     }
61.     @GetMapping("/{id}")
62.     public Result findOne(@PathVariable Integer id) {
63.         return Result.success(auditService.getById(id));
64.     }
66.     @GetMapping("/username/{username}")
67.     public Result findByUsername(@PathVariable String username) {
68.         QueryWrapper<Audit> queryWrapper = new QueryWrapper<>();
69.         queryWrapper.eq("username", username);
70.         return Result.success(auditService.getOne(queryWrapper));
71.     }
73.     @GetMapping("/page")
74.     public Result findPage(@RequestParam Integer pageNum,
75.                            @RequestParam Integer pageSize,
76.                            @RequestParam(defaultValue = "") String name) {
77.         QueryWrapper<Audit> queryWrapper = new QueryWrapper<>();
78.         queryWrapper.orderByDesc("id");
79.         if (!"".equals(name)) {
80.             queryWrapper.like("name", name);
81.         }
82.         User currentUser = TokenUtils.getCurrentUser();
83. //        if (RoleEnum.ROLE_USER.toString().equals(currentUser.getRole())) {  // 角色是普通用户
84. //            queryWrapper.eq("user", currentUser.getUsername());
85. //        }
86.         return Result.success(auditService.page(new Page<>(pageNum, pageSize), queryWrapper));
88.     }
89. }

复制代码

5.vue前台完整代码

(1)、前台功能页面
前台负责新增请求,然后保存请求之后，我们管理员审核通过之后就不可以编辑和删除我们的请求，我们会保留数据在前台页面

1. <template>
2.   
3.    
4.       <el-input  placeholder="请输入报修描述" clearable v-model="name" ></el-input>
5.       <el-button  type="primary" @click="load"><i  />搜索</el-button>
6.       <el-button type="warning" @click="reset"><i  />刷新</el-button>
7.    
8.    
9.       <el-button type="primary" @click="handleAdd" ><i  />新增</el-button>
10.       <el-popconfirm
11.          
12.           confirm-button-text='确认'
13.           cancel-button-text='取消'
14.           icon="el-icon-info"
15.           icon-color="red"
16.           title="确定批量删除这些信息吗？"
17.           @confirm="delBatch">
18.         <el-button type="danger" slot="reference" ><i  />删除</el-button>
19.       </el-popconfirm>
20.    
21.     <el-table :data="tableData" border stripe :header-cell-class-name="headerBg"
22.               @selection-change="handleSelectionChange">
23.       <el-table-column type="selection" width="55"></el-table-column>
24.       <el-table-column prop="name" label="报修描述" ></el-table-column>
25.       <el-table-column prop="user" label="用户" ></el-table-column>
26.       <el-table-column prop="createTime" label="创建时间" ></el-table-column>
27.       <el-table-column label="图片">
28.         <template slot-scope="scope">
29.           <el-image  :src="scope.row.img" :preview-src-list="[scope.row.img]"></el-image>
30.         </template>
31.       </el-table-column>
32.       <el-table-column prop="state" label="进度"></el-table-column>
33.       <el-table-column label="操作">
34.         <template slot-scope="scope">
35.           <el-button type="success" @click="handleEdit(scope.row)" :disabled="scope.row.state !== '待审核'"><i  />编辑</el-button>
36.         </template>
37.       </el-table-column>
38.     </el-table>
39.    
40.       <el-pagination
41.           @size-change="handleSizeChange"
42.           @current-change="handleCurrentChange"
43.           :current-page="pageNum"
44.           :page-sizes="[ 5, 10, 15]"
45.           :page-size="pageSize"
46.           layout="total, sizes, prev, pager, next, jumper"
47.           :total="total">
48.       </el-pagination>
49.    
50.     <el-dialog title="用户信息" :visible.sync="dialogFormVisible" width="30%">
51.       <el-form label-width="100px" size="small">
52.         <el-form-item label="报修描述" >
53.           <el-input v-model="form.name" autocomplete="off"></el-input>
54.         </el-form-item>
55.         <el-form-item label="物品图片">
56.           <el-upload action="http://localhost:9090/file/upload" ref="img" :on-success="handleImgUploadSuccess">
57.             <el-button size="small" type="primary">点击上传</el-button>
58.           </el-upload>
59.         </el-form-item>
60.       </el-form>
61.       
62.         <el-button @click="dialogFormVisible = false">取 消</el-button>
63.         <el-button type="primary" @click="save">确 定</el-button>
64.       
65.     </el-dialog>
66.   
67. </template>

复制代码

(2)、后台管理功能页面

1. <template>
2.   
8.    
10.       <el-popconfirm
11.          
12.           confirm-button-text='确认'
13.           cancel-button-text='取消'
14.           icon="el-icon-info"
15.           icon-color="red"
16.           title="确定批量删除这些信息吗？"
17.           @confirm="delBatch">
18.         <el-button type="danger" slot="reference" ><i  />删除</el-button>
19.       </el-popconfirm>
20.    
21.     <el-table :data="tableData" border stripe :header-cell-class-name="headerBg"
22.               @selection-change="handleSelectionChange">
23.       <el-table-column type="selection" width="55"></el-table-column>
24.       <el-table-column prop="name" label="报修描述" ></el-table-column>
25.       <el-table-column prop="user" label="用户" ></el-table-column>
26.       <el-table-column prop="createTime" label="创建时间" ></el-table-column>
27.       <el-table-column prop="img" label="详情图片" >
28.         <template slot-scope="scope">
29.           <el-image  :src="scope.row.img" :preview-src-list="[scope.row.img]"></el-image>
30.         </template>
31.       </el-table-column>
32.       <el-table-column prop="state" label="进度"></el-table-column>
33.       <el-table-column label="审核" width="240">
34.         <template v-slot="scope">
35.           <el-button type="success" @click="changeState(scope.row, '审核通过...师傅正在赶来的路上')" :disabled="scope.row.state !== '待审核'">审核通过</el-button>
36.           <el-button type="danger" @click="changeState(scope.row, '审核不通过')" :disabled="scope.row.state !== '待审核'">审核不通过</el-button>
37.         </template>
38.       </el-table-column>
39.     </el-table>
40.    
41.       <el-pagination
42.           @size-change="handleSizeChange"
43.           @current-change="handleCurrentChange"
44.           :current-page="pageNum"
45.           :page-sizes="[ 5, 10, 15]"
46.           :page-size="pageSize"
47.           layout="total, sizes, prev, pager, next, jumper"
48.           :total="total">
49.       </el-pagination>
50.    
52.   
53. </template>

复制代码

重点！！！！图片上传

核心代码

1. CREATE TABLE `file` (
2.   `id` int NOT NULL AUTO_INCREMENT COMMENT 'ID',
3.   `name` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci DEFAULT NULL COMMENT '文件名称',
4.   `type` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci DEFAULT NULL COMMENT '文件类型',
5.   `size` bigint DEFAULT NULL COMMENT '文件大小(kb)',
6.   `url` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci DEFAULT NULL COMMENT '下载链接',
7.   `md5` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci DEFAULT NULL COMMENT '文件md5',
8.   `creat_time` timestamp NULL DEFAULT CURRENT_TIMESTAMP COMMENT '时间',
9.   `is_delete` tinyint(1) DEFAULT '0' COMMENT '是否删除',
10.   PRIMARY KEY (`id`) USING BTREE
11. ) ENGINE=InnoDB AUTO_INCREMENT=115 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
12. import cn.hutool.core.io.FileUtil;
13. import cn.hutool.core.util.IdUtil;
14. import cn.hutool.core.util.StrUtil;
15. import cn.hutool.crypto.SecureUtil;
16. import com.baomidou.mybatisplus.core.conditions.query.QueryWrapper;
17. import com.baomidou.mybatisplus.extension.plugins.pagination.Page;
18. import com.example.demo.common.Constants;
19. import com.example.demo.common.Result;
20. import com.example.demo.entity.Files;
21. import com.example.demo.mapper.FileMapper;
22. import org.springframework.beans.factory.annotation.Autowired;
23. import org.springframework.beans.factory.annotation.Value;
24. import org.springframework.data.redis.core.StringRedisTemplate;
25. import org.springframework.web.bind.annotation.*;
26. import org.springframework.web.multipart.MultipartFile;
28. import javax.annotation.Resource;
29. import javax.servlet.ServletOutputStream;
30. import javax.servlet.http.HttpServletResponse;
31. import java.io.File;
32. import java.io.IOException;
33. import java.net.URLEncoder;
34. import java.util.List;
36. @RestController
37. @RequestMapping("/file")
38. public class FileController {
40.     @Value("${files.upload.path}")
41.     private String fileUploadPath;
43.     @Value("${server.ip}")
44.     private String serverIp;
46.     @Resource
47.     private FileMapper fileMapper;
49.     @Autowired
50.     private StringRedisTemplate stringRedisTemplate;
52.     @PostMapping("/upload")
53.     public String upload(@RequestParam MultipartFile file) throws IOException {
54.         String originalFilename = file.getOriginalFilename();
55.         String type = FileUtil.extName(originalFilename);
56.         long size = file.getSize();
58.         // 定义一个文件唯一的标识码
59.         String fileUUID = IdUtil.fastSimpleUUID() + StrUtil.DOT + type;
61.         File uploadFile = new File(fileUploadPath + fileUUID);
62.         // 判断配置的文件目录是否存在，若不存在则创建一个新的文件目录
63.         File parentFile = uploadFile.getParentFile();
64.         //判断目录是否存在，不存在就新建
65.         if (!parentFile.exists()) {
66.              parentFile.mkdirs();
67.         }
68.         String url;
69.         // 获取文件的md5
70.         String md5 = SecureUtil.md5(file.getInputStream());
71.         // 从数据库查询是否存在相同的记录
72.         Files dbFiles = getFileByMd5(md5);
73.         if (dbFiles != null) {
74.             url = dbFiles.getUrl();
75.         } else {
76.             // 上传文件到磁盘
77.             file.transferTo(uploadFile);
78.             // 数据库若不存在重复文件，则不删除刚才上传的文件
79.             url = "http://" + serverIp + ":9090/file/" + fileUUID;
80.         }
81.         //存储到数据库
82.         Files saveFile = new Files();
83.         saveFile.setName(originalFilename);
84.         saveFile.setType(type);
85.         saveFile.setSize(size/1024);
86.         saveFile.setUrl(url);
87.         saveFile.setMd5(md5);
88.         fileMapper.insert(saveFile);
89.         return url;
91. //        String md5 = SecureUtil.md5(file.getInputStream());
92. //        Files files = getFileByMd5(md5);
93. //
94. //        String url;
95. //        if (files != null) {
96. //            url = files.getUrl();
97. //        } else {
98. //            file.transferTo(uploadFile);
99. //            url = "http://localhost:9090/file/" + fileUUID;
100. //        }
101. //        //存储到数据库
102. //        Files saveFile = new Files();
103. //        saveFile.setName(originalFilename);
104. //        saveFile.setType(type);
105. //        saveFile.setSize(size/1024);
106. //        saveFile.setUrl(url);
107. //        saveFile.setMd5(md5);
108. //        fileMapper.insert(saveFile);
109. //        return url;
110.     }
113.     @GetMapping("/{fileUUID}")
114.     public void download(@PathVariable String fileUUID, HttpServletResponse response) throws IOException {
115.         // 根据文件的唯一标识码获取文件
116.         File uploadFile = new File(fileUploadPath + fileUUID);
117.         // 设置输出流的格式
118.         ServletOutputStream os = response.getOutputStream();
119.         response.addHeader("Content-Disposition", "attachment;filename=" + URLEncoder.encode(fileUUID, "UTF-8"));
120.         response.setContentType("application/octet-stream");
122.         // 读取文件的字节流
123.         os.write(FileUtil.readBytes(uploadFile));
124.         os.flush();
125.         os.close();
126.     }
128.     /**
129.      * 通过文件的md5查询文件
130.      * @param md5
131.      * @return
132.      */
133.     private Files getFileByMd5(String md5) {
134.         // 查询文件的md5是否存在
135.         QueryWrapper<Files> queryWrapper = new QueryWrapper<>();
136.         queryWrapper.eq("md5", md5);
137.         List<Files> filesList = fileMapper.selectList(queryWrapper);
138.         return filesList.size() == 0 ? null : filesList.get(0);
139.     }
141.     //    @CachePut(value = "files", key = "'frontAll'")
142.     @PostMapping("/update")
143.     public Result update(@RequestBody Files files) {
144.         fileMapper.updateById(files);
145.         flushRedis(Constants.FILES_KEY);
146.         return Result.success();
147.     }
149.     @GetMapping("/detail/{id}")
150.     public Result getById(@PathVariable Integer id) {
151.         return Result.success(fileMapper.selectById(id));
152.     }
154.     //清除一条缓存，key为要清空的数据
155. //    @CacheEvict(value="files",key="'frontAll'")
156.     @DeleteMapping("/{id}")
157.     public Result delete(@PathVariable Integer id) {
158.         Files files = fileMapper.selectById(id);
159.         files.setIsDelete(true);
160.         fileMapper.updateById(files);
161.         flushRedis(Constants.FILES_KEY);
162.         return Result.success();
163.     }
165.     @PostMapping("/del/batch")
166.     public Result deleteBatch(@RequestBody List<Integer> ids) {
167.         // select * from sys_file where id in (id,id,id...)
168.         QueryWrapper<Files> queryWrapper = new QueryWrapper<>();
169.         queryWrapper.in("id", ids);
170.         List<Files> files = fileMapper.selectList(queryWrapper);
171.         for (Files file : files) {
172.             file.setIsDelete(true);
173.             fileMapper.updateById(file);
174.         }
175.         return Result.success();
176.     }
178.     /**
179.      * 分页查询接口
180.      * @param pageNum
181.      * @param pageSize
182.      * @param name
183.      * @return
184.      */
185.     @GetMapping("/page")
186.     public Result findPage(@RequestParam Integer pageNum,
187.                            @RequestParam Integer pageSize,
188.                            @RequestParam(defaultValue = "") String name) {
190.         QueryWrapper<Files> queryWrapper = new QueryWrapper<>();
191.         // 查询未删除的记录
192.         queryWrapper.eq("is_delete", false);
193.         queryWrapper.orderByDesc("id");
194.         if (!"".equals(name)) {
195.             queryWrapper.like("name", name);
196.         }
197.         return Result.success(fileMapper.selectPage(new Page<>(pageNum, pageSize), queryWrapper));
198.     }
200.     // 删除缓存
201.     private void flushRedis(String key) {
202.         stringRedisTemplate.delete(key);
203.     }
204. }

复制代码

小结

以上就是对怎么利用SpringBoot实现审核功能简单的概述，让我们更加了解SpringBoot的作用，为我们的知识储备又加上一笔。
来源：blog.csdn.net/weixin_65950231/article/details/128756143
近期热文推荐：
1.1,000+ 道 Java面试题及答案整理(2022最新版)
2.劲爆！Java 协程要来了。。。
3.Spring Boot 2.x 教程，太全了！
4.别再写满屏的爆爆爆炸类了，试试装饰器模式，这才是优雅的方式！！
5.《Java开发手册（嵩山版）》最新发布，速速下载！
觉得不错，别忘了随手点赞+转发哦！

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！