【SpringBoot+Vue实现书籍管理系统--中篇】模块创建、数据库创建、分页制作以及条件查询

本专栏将从基础开始，循序渐进，以实战为线索，逐步深入SpringBoot相关知识相关知识，打造完整的云原生学习步骤，提升工程化编码能力和思维能力，写出高质量代码。希望大家都能够从中有所收获，也请大家多多支持。
专栏地址:SpringBoot专栏
本文涉及的代码都已放在gitee上：gitee地址
如果文章知识点有错误的地方，请指正！大家一起学习，一起进步。

本文所涉及的代码已经编译打包到我的云服务器中http://47.106.176.37:8080/pages/books.html

先看一下这个案例的最终效果

主页面

添加

删除

修改

分页

条件查询

​ 整体案例中需要采用的技术如下

1. 实体类开发————使用Lombok快速制作实体类
2. Dao开发————整合MyBatisPlus，制作数据层测试
3. Service开发————基于MyBatisPlus进行增量开发，制作业务层测试类
4. Controller开发————基于Restful开发，使用PostMan测试接口功能
5. Controller开发————前后端开发协议制作
6. 页面开发————基于VUE+ElementUI制作，前后端联调，页面数据处理，页面消息处理
   • 列表
   • 新增
   • 修改
   • 删除
   • 分页
   • 查询
7. 项目异常处理
8. 按条件查询————页面功能调整、Controller修正功能、Service修正功能

​ 希望通过这个案例，各位小伙伴能够完成基础开发的技能训练。整体开发过程采用做一层测一层的形式进行，过程完整。

1.业务层开发

​ 数据层开发告一段落，下面进行业务层开发，其实标准业务层开发很多初学者认为就是调用数据层，怎么说呢？这个理解是没有大问题的，更精准的说法应该是组织业务逻辑功能，并根据业务需求，对数据持久层发起调用。有什么差别呢？目标是为了组织出符合需求的业务逻辑功能，至于调不调用数据层还真不好说，有需求就调用，没有需求就不调用。

​ 一个常识性的知识普及一下，业务层的方法名定义一定要与业务有关，例如登录操作

login(String username,String password);

​ 而数据层的方法名定义一定与业务无关，是一定，不是可能，也不是有可能，例如根据用户名密码查询

selectByUserNameAndPassword(String username,String password);

​ 我们在开发的时候是可以根据完成的工作不同划分成不同职能的开发团队的。比如一个哥们制作数据层，他就可以不知道业务是什么样子，拿到的需求文档要求可能是这样的

接口：传入用户名与密码字段，查询出对应结果，结果是单条数据
接口：传入ID字段，查询出对应结果，结果是单条数据
接口：传入离职字段，查询出对应结果，结果是多条数据

​ 但是进行业务功能开发的哥们，拿到的需求文档要求差别就很大

接口：传入用户名与密码字段，对用户名字段做长度校验，4-15位，对密码字段做长度校验，8到24位，对密码字段做特殊字符校验，不允许存在空格，查询结果为对象。如果为null，返回BusinessException，封装消息码INFO_LOGON_USERNAME_PASSWORD_ERROR

​ 差别太大了，所以说业务层方法定义与数据层方法定义差异化很大，只不过有些入门级的开发者手懒或者没有使用过公司相关的ISO标准化文档而已。

​ 多余的话不说了，咱们做案例就简单制作了，业务层接口定义如下：

package com.example.springboot_0007_ssmp.service;

import com.baomidou.mybatisplus.core.metadata.IPage;
import com.example.springboot_0007_ssmp.bean.Book;

import java.util.List;

public interface BookService {
    
    
    Boolean save(Book book);
    Boolean update(Book book);
    Boolean delete(Integer id);
    Book getById(Integer id);
    List<Book> getAll();
    IPage<Book> getPage(int currentPage,int pageSize);
    IPage<Book> getPage(int currentPage,int pageSize,Book book);
}

​ 业务层实现类如下，转调数据层即可：

package com.example.springboot_0007_ssmp.service.impl;

import com.baomidou.mybatisplus.core.conditions.query.LambdaQueryWrapper;
import com.baomidou.mybatisplus.core.metadata.IPage;
import com.baomidou.mybatisplus.extension.plugins.pagination.Page;
import com.example.springboot_0007_ssmp.bean.Book;
import com.example.springboot_0007_ssmp.mapper.BookMapper;
import com.example.springboot_0007_ssmp.service.BookService;
import org.apache.logging.log4j.util.Strings;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;

import java.util.List;

@Service
public class BookServiceImpl implements BookService {
    
    

    @Autowired
    private BookMapper bookMapper;

    @Override
    public Boolean save(Book book) {
    
    
        return bookMapper.insert(book) > 0;
    }

    @Override
    public Boolean update(Book book) {
    
    
        return bookMapper.updateById(book) > 0;
    }

    @Override
    public Boolean delete(Integer id) {
    
    
        return bookMapper.deleteById(id) > 0;
    }

    @Override
    public Book getById(Integer id) {
    
    
        return bookMapper.selectById(id);
    }

    @Override
    public List<Book> getAll() {
    
    
        return bookMapper.selectList(null);
    }

    @Override
    public IPage<Book> getPage(int currentPage, int pageSize) {
    
    
        IPage page = new Page(currentPage,pageSize);

        bookMapper.selectPage(page,null);
        return page;
    }

    @Override
    public IPage<Book> getPage(int currentPage, int pageSize, Book book) {
    
    
        LambdaQueryWrapper<Book> lqw = new LambdaQueryWrapper<>();

        lqw.like(Strings.isNotEmpty(book.getType()),Book::getType,book.getType());
        lqw.like(Strings.isNotEmpty(book.getName()),Book::getName,book.getName());
        lqw.like(Strings.isNotEmpty(book.getDescription()),Book::getDescription,book.getDescription());

        IPage page = new Page(currentPage,pageSize);
        bookMapper.selectPage(page,lqw);
        return page;
    }
}

​ 别忘了对业务层接口进行测试，测试类如下：

@SpringBootTest
public class BookServiceTest {
    
    
    @Autowired
    private IBookService bookService;

    @Test
    void testGetById(){
    
    
        System.out.println(bookService.getById(4));
    }
    @Test
    void testSave(){
    
    
        Book book = new Book();
        book.setType("测试数据123");
        book.setName("测试数据123");
        book.setDescription("测试数据123");
        bookService.save(book);
    }
    @Test
    void testUpdate(){
    
    
        Book book = new Book();
        book.setId(17);
        book.setType("-----------------");
        book.setName("测试数据123");
        book.setDescription("测试数据123");
        bookService.updateById(book);
    }
    @Test
    void testDelete(){
    
    
        bookService.removeById(18);
    }

    @Test
    void testGetAll(){
    
    
        bookService.list();
    }

    @Test
    void testGetPage(){
    
    
        IPage<Book> page = new Page<Book>(2,5);
        bookService.page(page);
        System.out.println(page.getCurrent());
        System.out.println(page.getSize());
        System.out.println(page.getTotal());
        System.out.println(page.getPages());
        System.out.println(page.getRecords());
    }

}

1.1 业务层快速开发

​ 其实MyBatisPlus技术不仅提供了数据层快速开发方案，业务层MyBatisPlus也给了一个通用接口，个人观点不推荐使用，其实就是一个封装+继承的思想，代码给出，实际开发慎用。

​ 业务层接口快速开发

public interface IBookService extends IService<Book> {
    
    
    //添加非通用操作API接口
}

​ 业务层接口实现类快速开发，关注继承的类需要传入两个泛型，一个是数据层接口，另一个是实体类。

@Service
public class BookServiceImpl extends ServiceImpl<BookDao, Book> implements IBookService {
    
    
    @Autowired
    private BookDao bookDao;
	//添加非通用操作API
}

​ 如果感觉MyBatisPlus提供的功能不足以支撑你的使用需要（其实是一定不能支撑的，因为需求不可能是通用的），在原始接口基础上接着定义新的API接口就行了，此处不再说太多了，就是自定义自己的操作了，但是不要和已有的API接口名冲突即可。

2.表现层开发

​ 终于做到表现层了，做了这么多都是基础工作。其实你现在回头看看，哪里还有什么SpringBoot的影子？前面1,2步就搞完了。继续完成表现层制作吧，咱们表现层的开发使用基于Restful的表现层接口开发，功能测试通过Postman工具进行。

​ 表现层接口如下:

package com.example.springboot_0007_ssmp.controller;

import com.baomidou.mybatisplus.core.metadata.IPage;
import com.example.springboot_0007_ssmp.bean.Book;
import com.example.springboot_0007_ssmp.service.BookService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.*;

import java.util.List;

@RestController
@RequestMapping("/books")
public class BookController2 {
    
    
    @Autowired
    private BookService bookService;

    @GetMapping
    public List<Book> getAll(){
    
    
        return bookService.getAll();
    }

//    @GetMapping
//    public ResponseEntity<List<Book>> getAll2(){
    
    
//        return new ResponseEntity(bookService.getAll(),null, HttpStatus.OK);
//    }

    @PostMapping
    public Boolean save(@RequestBody Book book){
    
    
        return bookService.save(book);
    }

    @PutMapping
    public Boolean update(@RequestBody Book book){
    
    
        return bookService.update(book);
    }

    @DeleteMapping("{id}")
    public Boolean delete(@PathVariable Integer id){
    
    
        return bookService.delete(id);
    }

    @GetMapping("{id}")
    public Book getById(@PathVariable Integer id){
    
    
        return bookService.getById(id);
    }

    @GetMapping("{currentPage}/{pageSize}")
    public IPage<Book> getPage(@PathVariable int currentPage,@PathVariable int pageSize){
    
    
        return bookService.getPage(currentPage,pageSize);
    }
}

​ 在使用Postman测试时关注提交类型，对应上即可，不然就会报405的错误码了。

普通GET请求

PUT请求传递json数据，后台实用@RequestBody接收数据

GET请求传递路径变量，后台实用@PathVariable接收数据

3.表现层消息一致性处理

​ 目前我们通过Postman测试后业务层接口功能是通的，但是这样的结果给到前端开发者会出现一个小问题。不同的操作结果所展示的数据格式差异化严重。

​ 增删改操作结果

true

​ 查询单个数据操作结果

{
    
    
    "id": 1,
    "type": "计算机理论",
    "name": "Spring实战 第5版",
    "description": "Spring入门经典教程"
}

​ 查询全部数据操作结果

[
    {
    
    
        "id": 1,
        "type": "计算机理论",
        "name": "Spring实战 第5版",
        "description": "Spring入门经典教程"
    },
    {
    
    
        "id": 2,
        "type": "计算机理论",
        "name": "Spring 5核心原理与30个类手写实战",
        "description": "十年沉淀之作"
    }
]

​ 每种不同操作返回的数据格式都不一样，而且还不知道以后还会有什么格式，这样的结果让前端人员看了是很容易让人崩溃的，必须将所有操作的操作结果数据格式统一起来，需要设计表现层返回结果的模型类，用于后端与前端进行数据格式统一，也称为前后端数据协议

@Data
public class R {
    
    
    private Boolean flag;
    private Object data;
}

​ 其中flag用于标识操作是否成功，data用于封装操作数据，现在的数据格式就变了

{
    
    
    "flag": true,
    "data":{
    
    
        "id": 1,
        "type": "计算机理论",
        "name": "Spring实战 第5版",
        "description": "Spring入门经典教程"
    }
}

​ 表现层开发格式也需要转换一下

​ 结果这么一折腾，全格式统一，现在后端发送给前端的数据格式就统一了，免去了不少前端解析数据的烦恼。

改完之后的controller如下：

 package com.example.springboot_0007_ssmp.controller;

import com.baomidou.mybatisplus.core.metadata.IPage;
import com.example.springboot_0007_ssmp.bean.Book;
import com.example.springboot_0007_ssmp.service.BookService;
import com.example.springboot_0007_ssmp.utils.R;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.*;

import java.io.IOException;
import java.util.List;

@RestController
@RequestMapping("/books")
public class BookController {
    
    
    @Autowired
    private BookService bookService;

    @GetMapping
    public R getAll() {
    
    
        return new R(true,bookService.getAll());
    }

    @PostMapping
    public R save(@RequestBody Book book){
    
    
        Boolean flag = bookService.save(book);
        return new R(flag,flag?"添加成功":"添加失败");
    }

    @PutMapping
    public R update(@RequestBody Book book){
    
    
        Boolean flag = bookService.update(book);
        return new R(flag,flag?"更新成功":"更新失败");
    }

    @DeleteMapping("{id}")
    public R delete(@PathVariable Integer id){
    
    
        Boolean flag = bookService.delete(id);
        return new R(flag,flag?"删除成功":"删除失败");
    }

    @GetMapping("{id}")
    public R getById(@PathVariable Integer id){
    
    
        return new R(true,bookService.getById(id));
    }

    @GetMapping("{currentPage}/{pageSize}")
    //book中的参数根据url自动装配
    public R getPage(@PathVariable int currentPage,@PathVariable int pageSize,Book book){
    
    
        //设置异常测试ProjectExceptionImpl
//        int a = 1 / 0;
//        IPage<Book> page = bookService.getPage(currentPage, pageSize);
        IPage<Book> page = bookService.getPage(currentPage, pageSize,book);
        //如果当前页码值大于了总页码值，那么重新执行查询操作，使用最大页码值作为当前页码值
        if(currentPage > page.getPages()){
    
    
//            page = bookService.getPage((int)(page.getPages()),pageSize);

            page = bookService.getPage((int)(page.getPages()),pageSize,book);
        }

        return new R(true,page);
    }
}

4.前后端联通性测试

​ 后端的表现层接口开发完毕，就可以进行前端的开发了。

​ 将前端人员开发的页面保存到lresources目录下的static目录中，建议执行maven的clean生命周期，避免缓存的问题出现。

​ 在进行具体的功能开发之前，先做联通性的测试，通过页面发送异步提交（axios），这一步调试通过后再进行进一步的功能开发。

//列表
getAll() {
    
    
	axios.get("/books").then((res)=>{
    
    
		console.log(res.data);
	});
},

​ 只要后台代码能够正常工作，前端能够在日志中接收到数据，就证明前后端是通的，也就可以进行下一步的功能开发了。