黑马程序员SpringBoot基础篇SSMP整合案例

╰+哭是因爲堅強的太久メ 2023-09-28 14:18 16阅读 0赞

## SSMP整合案例 ##

##### 学习视频链接: [黑马程序员SpringBoot2全套视频教程，springboot零基础到项目实战][SpringBoot2_springboot] #####

##### 完整代码链接： [https://github.com/HaiLei-Fly/SpringBoot\_ssmp][https_github.com_HaiLei-Fly_SpringBoot_ssmp] #####

### 1、功能介绍 ###

#### 1.1 案例功能 ####

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

#### 1.2 案例效果 ####

**主页面**

![在这里插入图片描述][5cf2024eaae14eadaa590efaa10c63b6.png_pic_center]  
**添加功能**

![在这里插入图片描述][34ffacfc129c49798ca6255776b8f6ee.png_pic_center]  
**删除功能**

![在这里插入图片描述][cf744321e6254c79a41dc5cb5cd38c94.png_pic_center]  
**条件查询**

![在这里插入图片描述][35b5f0df16bd468e951bd0d3fcddf14c.png_pic_center]

### 2、工程准备 ###

#### 2.1 所需环境 ####

MySQL 8.0.22  
JDK 11.0.10  
MAVEN 3.6.0  
Navicat 16  
IDEA 2021.3.3

#### 2.2 新建SpringBoot工程 ####

**选择Spring Initializr**

![在这里插入图片描述][6f4c1d1dc238467d9c6c6cbd6594358d.png_pic_center]  
**选择需要导入的技术集**

![在这里插入图片描述][b9bc0b35267a437e95f27f4d54b79ad1.png_pic_center]

### 3、数据库 ###

**建立表的sql语句**

DROP TABLE IF EXISTS `tbl_book`;
    CREATE TABLE `tbl_book`  (
      `id` int(11) NOT NULL AUTO_INCREMENT,
      `type` varchar(20) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL,
      `name` varchar(50) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL,
      `description` varchar(255) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL,
      PRIMARY KEY (`id`) USING BTREE
    ) ENGINE = InnoDB AUTO_INCREMENT = 13 CHARACTER SET = utf8 COLLATE = utf8_general_ci ROW_FORMAT = Dynamic;
     
    -- ----------------------------
    -- Records of tbl_book
    -- ----------------------------
    INSERT INTO `tbl_book` VALUES (1, '计算机理论', 'Spring实战 第5版', 'Spring入门经典教程，深入理解Spring原理技术内幕');
    INSERT INTO `tbl_book` VALUES (2, '计算机理论', 'Spring 5核心原理与30个类手写实战', '十年沉淀之作，手写Spring精华思想');
    INSERT INTO `tbl_book` VALUES (3, '计算机理论', 'Spring 5设计模式', '全方位解析面向Web应用的轻量级框架，带你成为Spring MVC开发高手');
    INSERT INTO `tbl_book` VALUES (4, '计算机理论', 'Spring MVC+MyBatis开发从入门到项目实战', '源码级剖析Spring框架，适合已掌握Java基础的读者');
    INSERT INTO `tbl_book` VALUES (5, '计算机理论', '轻量级Java Web企业应用实战', '源码级剖析Spring框架，适合已掌握Java基础的读者');
    INSERT INTO `tbl_book` VALUES (6, '计算机理论', 'Java核心技术卷I基础知识(原书第11版)', 'Core Java第11版，Jolt大奖获奖作品，针对Java SE9、10、11全面更新');
    INSERT INTO `tbl_book` VALUES (7, '计算机理论', '深入理解Java虚拟机', '5个维度全面剖析JVM，大厂面试知识点全覆盖');
    INSERT INTO `tbl_book` VALUES (8, '计算机理论', 'Java编程思想(第4版)', 'Java学习必读经典,殿堂级著作!赢得了全球程序员的广泛赞誉');
    INSERT INTO `tbl_book` VALUES (9, '计算机理论', '零基础学Java(全彩版)', '零基础自学编程的入门图书，由浅入深，详解Java语言的编程思想和核心技术');
    INSERT INTO `tbl_book` VALUES (10, '市场营销', '直播就该这么做:主播高效沟通实战指南', '李子染、李佳琦、薇娅成长为网红的秘密都在书中');
    INSERT INTO `tbl_book` VALUES (11, '市场营销', '直播销讲实战—本通', '和秋叶—起学系列网络营销书籍');
    INSERT INTO `tbl_book` VALUES (12, '市场营销', '直播带货:淘宝、天猫直播从新手到高手', '—本教你如何玩转直播的书，10堂课轻松实现带货月入3W+');
     
    SET FOREIGN_KEY_CHECKS = 1;

**tbl\_book表**

![在这里插入图片描述][7bf8dc44da2945fe9d583efdf09e87a0.png_pic_center]

### 4、工程结构 ###

**项目整体结构**

![在这里插入图片描述][3b4f9a38fb4041c6b2928a4e1bc7f253.png_pic_center]  
**详细结构**

![在这里插入图片描述][6a088544e6ee44bd9cfe7477e220cb23.png_pic_center]

**配置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.1</version>
            <relativePath/>
        </parent>
    
        <groupId>com.hailei</groupId>
        <artifactId>springboot_ssmp</artifactId>
        <version>0.0.1-SNAPSHOT</version>
    
        <properties>
            <java.version>11</java.version>
        </properties>
        <dependencies>
            <dependency>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-starter-web</artifactId>
            </dependency>
    
            <dependency>
                <groupId>com.baomidou</groupId>
                <artifactId>mybatis-plus-boot-starter</artifactId>
                <version>3.4.3</version>
            </dependency>
    
            <dependency>
                <groupId>com.alibaba</groupId>
                <artifactId>druid-spring-boot-starter</artifactId>
                <version>1.2.6</version>
            </dependency>
    
            <dependency>
                <groupId>mysql</groupId>
                <artifactId>mysql-connector-java</artifactId>
                <scope>runtime</scope>
            </dependency>
    
            <dependency>
                <groupId>org.projectlombok</groupId>
                <artifactId>lombok</artifactId>
            </dependency>
    
            <dependency>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-starter-test</artifactId>
                <scope>test</scope>
            </dependency>
        </dependencies>
    
        <build>
            <plugins>
                <plugin>
                    <groupId>org.springframework.boot</groupId>
                    <artifactId>spring-boot-maven-plugin</artifactId>
                </plugin>
            </plugins>
        </build>
    
    </project>

**配置application.yml**

server:
      port: 80
    
    spring:
      datasource:
        druid:
          driver-class-name: com.mysql.cj.jdbc.Driver
          url: jdbc:mysql://localhost:3306/ssm_db?serverTimezone=UTC
          username: root
          password: 12345678
    
    mybatis-plus:
      global-config:
        db-config:
          table-prefix: tbl_
          id-type: auto
      configuration:
        log-impl: org.apache.ibatis.logging.stdout.StdOutImpl

### 5、功能实现(后端) ###

定义MP拦截器并将其设置为Spring管控的bean  
**MPConfig**

package com.hailei.config;
    
    import com.baomidou.mybatisplus.extension.plugins.MybatisPlusInterceptor;
    import com.baomidou.mybatisplus.extension.plugins.inner.PaginationInnerInterceptor;
    import org.springframework.context.annotation.Bean;
    import org.springframework.context.annotation.Configuration;
    
    @Configuration
    public class MPConfig {
        
        @Bean
        public MybatisPlusInterceptor mybatisPlusInterceptor(){
        
            MybatisPlusInterceptor interceptor = new MybatisPlusInterceptor();
            interceptor.addInnerInterceptor(new PaginationInnerInterceptor());
            return interceptor;
        }
    }

在表现层做统一的异常处理，使用SpringMVC提供的异常处理器做统一的异常处理  
**ProjectExceptionAdvice**

package com.hailei.controller.utils;
    
    import org.springframework.web.bind.annotation.ExceptionHandler;
    import org.springframework.web.bind.annotation.RestControllerAdvice;
    
    //@ControllerAdvice
    @RestControllerAdvice
    public class ProjectExceptionAdvice {
        
        //拦截所有的异常信息
        @ExceptionHandler(Exception.class)
        public R doException(Exception ex){
        
            //记录日志
            //通知运维
            //通知开发
            ex.printStackTrace();
            return new R("服务器故障，请稍后再试！");
        }
    }

将所有操作的操作结果数据格式统一起来，需要设计表现层返回结果的模型类，用于后端与前端进行数据格式统一，也称为前后端数据协议  
**R**

package com.hailei.controller.utils;
    
    import lombok.Data;
    
    @Data
    public class R {
        
        private Boolean flag;
        private Object data;
        private String msg;
    
        public R(){
        }
    
        public R(Boolean flag){
        
            this.flag = flag;
        }
    
        public R(Boolean flag,Object data){
        
            this.flag = flag;
            this.data = data;
        }
    
        public R(Boolean flag,String msg){
        
            this.flag = flag;
            this.msg = msg;
        }
    
        public R(String msg){
        
            this.flag = false;
            this.msg = msg;
        }
    }

**表现层**实现类如下  
**BookController**

package com.hailei.controller;
    
    import com.baomidou.mybatisplus.core.metadata.IPage;
    import com.hailei.controller.utils.R;
    import com.hailei.domain.Book;
    import com.hailei.service.BookService;
    import org.springframework.beans.factory.annotation.Autowired;
    import org.springframework.web.bind.annotation.*;
    
    import java.io.IOException;
    
    @RestController
    @RequestMapping("/books")
    public class BookController {
        
    
        @Autowired
        private BookService bookService;
    
        @GetMapping
        public R getAll(){
        
            return new R(true, bookService.list());
        }
    
        @PostMapping
        public R save(@RequestBody Book book) throws IOException {
        
    
            if (book.getName().equals("123") ) throw new IOException();
            boolean flag = bookService.save(book);
            return new R(flag, flag ? "添加成功^_^" : "添加失败-_-!");
        }
    
        @PutMapping
        public R update(@RequestBody Book book) throws IOException {
        
            if (book.getName().equals("123") ) throw new IOException();
            boolean flag = bookService.modify(book);
            return new R(flag, flag ? "修改成功^_^" : "修改失败-_-!");
        }
    
        @DeleteMapping("{id}")
        public R delete(@PathVariable Integer id){
        
            return new R(bookService.delete(id));
        }
    
        @GetMapping("{id}")
        public R getById(@PathVariable Integer id){
        
            return new R(true, bookService.getById(id));
        }
    
        @GetMapping("{currentPage}/{pageSize}")
        public R getPage(@PathVariable int currentPage,@PathVariable int pageSize,Book book){
        
    
            IPage<Book> page = bookService.getPage(currentPage, pageSize,book);
            //如果当前页码值大于了总页码值，那么重新执行查询操作，使用最大页码值作为当前页码值
            if( currentPage > page.getPages()){
        
                page = bookService.getPage((int)page.getPages(), pageSize,book);
            }
            return new R(true, page);
        }
    }

**数据层**开发本次使用MyBatisPlus技术，数据源使用Druid  
**BookDao**

package com.hailei.dao;
    
    import com.baomidou.mybatisplus.core.mapper.BaseMapper;
    import com.hailei.domain.Book;
    import org.apache.ibatis.annotations.Mapper;
    
    @Mapper
    public interface BookDao extends BaseMapper<Book> {
        
    
    }

**实体类**的开发可以自动通过工具手工生成get/set方法。Lombok，一个Java类库，提供了一组注解，简化POJO实体类开发  
**Book**

package com.hailei.domain;
    
    import lombok.Data;
    
    @Data
    public class Book {
        
        private Integer id;
        private String type;
        private String name;
        private String description;
    }

**业务层**实现类如下，转调数据层即可  
**BookServiceImpl**

package com.hailei.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.baomidou.mybatisplus.extension.service.impl.ServiceImpl;
    import com.hailei.dao.BookDao;
    import com.hailei.domain.Book;
    import com.hailei.service.BookService;
    import org.apache.logging.log4j.util.Strings;
    import org.springframework.beans.factory.annotation.Autowired;
    import org.springframework.stereotype.Service;
    
    @Service
    public class BookServiceImpl extends ServiceImpl<BookDao, Book> implements BookService {
        
    
        @Autowired
        private BookDao bookDao;
    
        @Override
        public boolean saveBook(Book book) {
        
            return bookDao.insert(book) > 0;
        }
    
        @Override
        public boolean modify(Book book) {
        
            return bookDao.updateById(book) > 0;
        }
    
        @Override
        public boolean delete(Integer id) {
        
            return bookDao.deleteById(id) > 0;
        }
    
        @Override
        public IPage<Book> getPage(int currentPage, int pageSize) {
        
            IPage page = new Page(currentPage,pageSize);
            bookDao.selectPage(page,null);
            return page;
        }
    
        @Override
        public IPage<Book> getPage(int currentPage, int pageSize, Book book) {
        
            LambdaQueryWrapper<Book> lqw = new LambdaQueryWrapper<Book>();
            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);
            bookDao.selectPage(page,lqw);
            return page;
        }
    }

**业务层**接口定义如下  
**BookService**

package com.hailei.service;
    
    import com.baomidou.mybatisplus.core.metadata.IPage;
    import com.baomidou.mybatisplus.extension.service.IService;
    import com.hailei.domain.Book;
    
    public interface BookService extends IService<Book> {
        
    
        boolean saveBook(Book book);
        boolean modify(Book book);
        boolean delete(Integer id);
        IPage<Book> getPage(int currentPage, int pageSize);
        IPage<Book> getPage(int currentPage,int pageSize,Book book);
    }

**SSMPApplication**

package com.hailei;
    
    import org.springframework.boot.SpringApplication;
    import org.springframework.boot.autoconfigure.SpringBootApplication;
    
    @SpringBootApplication
    public class SSMPApplication {
        
    
        public static void main(String[] args) {
        
            SpringApplication.run(SSMPApplication.class);
        }
    
    }

### 6、功能实现(前端) ###

**books**

<!DOCTYPE html>
    
    <html>
    
    <head>
    
        
    
        <meta charset="utf-8">
    
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
    
        <title>基于SpringBoot整合SSM案例</title>
    
        <meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport">
    
        
    
        <link rel="stylesheet" href="../plugins/elementui/index.css">
    
        <link rel="stylesheet" href="../plugins/font-awesome/css/font-awesome.min.css">
    
        <link rel="stylesheet" href="../css/style.css">
    
    </head>
    
    <body class="hold-transition">
    
    <div id="app">
    
        <div class="content-header">
    
            <h1>图书管理</h1>
    
        </div>
    
        <div class="app-container">
    
            <div class="box">
    
                <div class="filter-container">
                    <el-input placeholder="图书类别" v-model="pagination.type" style="width: 200px;" class="filter-item"></el-input>
                    <el-input placeholder="图书名称" v-model="pagination.name" style="width: 200px;" class="filter-item"></el-input>
                    <el-input placeholder="图书描述" v-model="pagination.description" style="width: 200px;" class="filter-item"></el-input>
                    <el-button @click="getAll()" class="dalfBut">查询</el-button>
                    <el-button type="primary" class="butT" @click="handleCreate()">新建</el-button>
                </div>
    
                <el-table size="small" current-row-key="id" :data="dataList" stripe highlight-current-row>
    
                    <el-table-column type="index" align="center" label="序号"></el-table-column>
    
                    <el-table-column prop="type" label="图书类别" align="center"></el-table-column>
    
                    <el-table-column prop="name" label="图书名称" align="center"></el-table-column>
    
                    <el-table-column prop="description" label="描述" align="center"></el-table-column>
    
                    <el-table-column label="操作" align="center">
    
                        <template slot-scope="scope">
    
                            <el-button type="primary" size="mini" @click="handleUpdate(scope.row)">编辑</el-button>
    
                            <el-button type="danger" size="mini" @click="handleDelete(scope.row)">删除</el-button>
    
                        </template>
    
                    </el-table-column>
    
                </el-table>
    
                
                <div class="pagination-container">
    
                    <el-pagination
                            class="pagiantion"
    
                            @current-change="handleCurrentChange"
    
                            :current-page="pagination.currentPage"
    
                            :page-size="pagination.pageSize"
    
                            layout="total, prev, pager, next, jumper"
    
                            :total="pagination.total">
    
                    </el-pagination>
    
                </div>
    
                
    
                <div class="add-form">
    
                    <el-dialog title="新增图书" :visible.sync="dialogFormVisible">
    
                        <el-form ref="dataAddForm" :model="formData" :rules="rules" label-position="right" label-width="100px">
    
                            <el-row>
    
                                <el-col :span="12">
    
                                    <el-form-item label="图书类别" prop="type">
    
                                        <el-input v-model="formData.type"/>
    
                                    </el-form-item>
    
                                </el-col>
    
                                <el-col :span="12">
    
                                    <el-form-item label="图书名称" prop="name">
    
                                        <el-input v-model="formData.name"/>
    
                                    </el-form-item>
    
                                </el-col>
    
                            </el-row>
    
    
                            <el-row>
    
                                <el-col :span="24">
    
                                    <el-form-item label="描述">
    
                                        <el-input v-model="formData.description" type="textarea"></el-input>
    
                                    </el-form-item>
    
                                </el-col>
    
                            </el-row>
    
                        </el-form>
    
                        <div slot="footer" class="dialog-footer">
    
                            <el-button @click="cancel()">取消</el-button>
    
                            <el-button type="primary" @click="handleAdd()">确定</el-button>
    
                        </div>
    
                    </el-dialog>
    
                </div>
    
                
    
                <div class="add-form">
    
                    <el-dialog title="编辑检查项" :visible.sync="dialogFormVisible4Edit">
    
                        <el-form ref="dataEditForm" :model="formData" :rules="rules" label-position="right" label-width="100px">
    
                            <el-row>
    
                                <el-col :span="12">
    
                                    <el-form-item label="图书类别" prop="type">
    
                                        <el-input v-model="formData.type"/>
    
                                    </el-form-item>
    
                                </el-col>
    
                                <el-col :span="12">
    
                                    <el-form-item label="图书名称" prop="name">
    
                                        <el-input v-model="formData.name"/>
    
                                    </el-form-item>
    
                                </el-col>
    
                            </el-row>
    
                            <el-row>
    
                                <el-col :span="24">
    
                                    <el-form-item label="描述">
    
                                        <el-input v-model="formData.description" type="textarea"></el-input>
    
                                    </el-form-item>
    
                                </el-col>
    
                            </el-row>
    
                        </el-form>
    
                        <div slot="footer" class="dialog-footer">
    
                            <el-button @click="cancel()">取消</el-button>
    
                            <el-button type="primary" @click="handleEdit()">确定</el-button>
    
                        </div>
    
                    </el-dialog>
    
                </div>
    
            </div>
    
        </div>
    
    </div>
    
    </body>
    
    
    
    <script src="../js/vue.js"></script>
    
    <script src="../plugins/elementui/index.js"></script>
    
    <script type="text/javascript" src="../js/jquery.min.js"></script>
    
    <script src="../js/axios-0.18.0.js"></script>
    
    <script>
        var vue = new Vue({
          
            el: '#app',
            data:{
          
                dataList: [],//当前页要展示的列表数据
                dialogFormVisible: false,//添加表单是否可见
                dialogFormVisible4Edit:false,//编辑表单是否可见
                formData: {
          },//表单数据
                rules: {
          //校验规则
                    type: [{
           required: true, message: '图书类别为必填项', trigger: 'blur' }],
                    name: [{
           required: true, message: '图书名称为必填项', trigger: 'blur' }]
                },
                pagination: {
          //分页相关模型数据
                    currentPage: 1,//当前页码
                    pageSize:10,//每页显示的记录数
                    total:0,//总记录数
                    type: "",
                    name: "",
                    description: ""
                }
            },
    
            //钩子函数，VUE对象初始化完成后自动执行
            created() {
          
                //调用查询全部数据的操作
                this.getAll();
            },
    
            methods: {
          
                //分页查询
                getAll() {
          
                    //组织参数，拼接url请求地址
                    param = "?type="+this.pagination.type;
                    param +="&name="+this.pagination.name;
                    param +="&description="+this.pagination.description;
                    //发送异步请求
                    axios.get("/books/"+this.pagination.currentPage+"/"+this.pagination.pageSize+param).then((res)=>{
          
                        this.pagination.pageSize = res.data.data.size;
                        this.pagination.currentPage = res.data.data.current;
                        this.pagination.total = res.data.data.total;
    
                        this.dataList = res.data.data.records;
                    });
                },
    
                //切换页码
                handleCurrentChange(currentPage) {
          
                    //修改页码值为当前选中的页码值
                    this.pagination.currentPage = currentPage;
                    //执行查询
                    this.getAll();
                },
    
                //弹出添加窗口
                handleCreate() {
          
                    this.dialogFormVisible = true;
                    this.resetForm();
                },
    
                //重置表单
                resetForm() {
          
                    this.formData = {
          };
                },
    
                //添加
                handleAdd () {
          
                    axios.post("/books",this.formData).then((res)=>{
          
                        //判断当前操作是否成功
                        if(res.data.flag){
          
                            //1.关闭弹层
                            this.dialogFormVisible = false;
                            this.$message.success(res.data.msg);
                        }else{
          
                            this.$message.error(res.data.msg);
                        }
                    }).finally(()=>{
          
                        //2.重新加载数据
                        this.getAll();
                    });
                },
    
                //取消
                cancel(){
          
                    this.dialogFormVisible = false;
                    this.dialogFormVisible4Edit = false;
                    this.$message.info("当前操作取消");
                },
    
                // 删除
                handleDelete(row) {
          
                    // console.log(row);
                    this.$confirm("此操作永久删除当前信息，是否继续？","提示",{
          type:"info"}).then(()=>{
          
                        axios.delete("/books/"+row.id).then((res)=>{
          
                            if(res.data.flag){
          
                                this.$message.success("删除成功");
                            }else{
          
                                this.$message.error("数据同步失败，自动刷新");
                            }
                        }).finally(()=>{
          
                            //2.重新加载数据
                            this.getAll();
                        });
                    }).catch(()=>{
          
                        this.$message.info("取消操作");
                    });
                },
    
                //弹出编辑窗口
                handleUpdate(row) {
          
                    axios.get("/books/"+row.id).then((res)=>{
          
                        if(res.data.flag && res.data.data != null ){
          
                            this.dialogFormVisible4Edit = true;
                            this.formData = res.data.data;
                        }else{
          
                            this.$message.error("数据同步失败，自动刷新");
                        }
                    }).finally(()=>{
          
                        //2.重新加载数据
                        this.getAll();
                    });
                },
    
                //修改
                handleEdit() {
          
                    axios.put("/books",this.formData).then((res)=>{
          
                        //判断当前操作是否成功
                        if(res.data.flag){
          
                            //1.关闭弹层
                            this.dialogFormVisible4Edit = false;
                            this.$message.success("修改成功");
                        }else{
          
                            this.$message.error("修改失败");
                        }
                    }).finally(()=>{
          
                        //2.重新加载数据
                        this.getAll();
                    });
                },
    
                //条件查询
            }
        })
    
    </script>
    
    </html>

### 7、工程打包 ###

跳过Test

![在这里插入图片描述][04e1fe39773f42a9a209db9929d01343.png_pic_center]  
clean命令

![在这里插入图片描述][68490477aa354aaeb23a2b86075a6811.png_pic_center]  
package命令

![在这里插入图片描述][b3ac50c08c434fc08d92fa67d5d24480.png_pic_center]  
打包完成

![在这里插入图片描述][88f201ff38e94bb6ba244c9ecf75efb9.png_pic_center]  
终端运行

![在这里插入图片描述][d610436cb8de4335945e1334bce92abb.png_pic_center]  
**希望本文对大家有帮助，上文若有不妥之处，欢迎指正**

**分享决定高度，学习拉开差距**

[SpringBoot2_springboot]: https://www.bilibili.com/video/BV15b4y1a7yG?spm_id_from=333.999.0.0&vd_source=e33748fe5920caad13e701e10501ff21
[https_github.com_HaiLei-Fly_SpringBoot_ssmp]: https://github.com/HaiLei-Fly/SpringBoot_ssmp
[5cf2024eaae14eadaa590efaa10c63b6.png_pic_center]: https://img-blog.csdnimg.cn/5cf2024eaae14eadaa590efaa10c63b6.png#pic_center
[34ffacfc129c49798ca6255776b8f6ee.png_pic_center]: https://img-blog.csdnimg.cn/34ffacfc129c49798ca6255776b8f6ee.png#pic_center
[cf744321e6254c79a41dc5cb5cd38c94.png_pic_center]: https://img-blog.csdnimg.cn/cf744321e6254c79a41dc5cb5cd38c94.png#pic_center
[35b5f0df16bd468e951bd0d3fcddf14c.png_pic_center]: https://img-blog.csdnimg.cn/35b5f0df16bd468e951bd0d3fcddf14c.png#pic_center
[6f4c1d1dc238467d9c6c6cbd6594358d.png_pic_center]: https://img-blog.csdnimg.cn/6f4c1d1dc238467d9c6c6cbd6594358d.png#pic_center
[b9bc0b35267a437e95f27f4d54b79ad1.png_pic_center]: https://img-blog.csdnimg.cn/b9bc0b35267a437e95f27f4d54b79ad1.png#pic_center
[7bf8dc44da2945fe9d583efdf09e87a0.png_pic_center]: https://img-blog.csdnimg.cn/7bf8dc44da2945fe9d583efdf09e87a0.png#pic_center
[3b4f9a38fb4041c6b2928a4e1bc7f253.png_pic_center]: https://img-blog.csdnimg.cn/3b4f9a38fb4041c6b2928a4e1bc7f253.png#pic_center
[6a088544e6ee44bd9cfe7477e220cb23.png_pic_center]: https://img-blog.csdnimg.cn/6a088544e6ee44bd9cfe7477e220cb23.png#pic_center
[04e1fe39773f42a9a209db9929d01343.png_pic_center]: https://img-blog.csdnimg.cn/04e1fe39773f42a9a209db9929d01343.png#pic_center
[68490477aa354aaeb23a2b86075a6811.png_pic_center]: https://img-blog.csdnimg.cn/68490477aa354aaeb23a2b86075a6811.png#pic_center
[b3ac50c08c434fc08d92fa67d5d24480.png_pic_center]: https://img-blog.csdnimg.cn/b3ac50c08c434fc08d92fa67d5d24480.png#pic_center
[88f201ff38e94bb6ba244c9ecf75efb9.png_pic_center]: https://img-blog.csdnimg.cn/88f201ff38e94bb6ba244c9ecf75efb9.png#pic_center
[d610436cb8de4335945e1334bce92abb.png_pic_center]: https://img-blog.csdnimg.cn/d610436cb8de4335945e1334bce92abb.png#pic_center