Vue全家桶（前后端完全分离）

npm install  axios
在main.js中引入插件import  axios from "axios";

router 路由

在main.js中引入
Vue.config.productionTip = true
Vue.prototype.$http = axios

server.port=8080
server.servlet.context-path=/
spring.datasource.url=jdbc:mysql://localhost:3306/day20211105?serverTimezone=Asia/Shanghai&zeroDateTimeBehavior=convertToNull
spring.datasource.username=root
spring.datasource.password=0000
spring.datasource.driverClassName=com.mysql.cj.jdbc.Driver
spring.datasource.druid.initial-size=5
spring.datasource.druid.min-idle=5
spring.datasource.druid.max-active=30

使用resultful风格

    
        UTF-8
        1.8
        Hoxton.SR3
        1.1.0
        2.2.1.RELEASE
        1.3.2
        2.0.2
        1.2.5
        8.0.19
        1.1.10
        3.4.0
        2.7.0
        0.9.0
        2.9.7
        1.9.3
    

    
    
        
            
                org.springframework.boot
                spring-boot-starter-data-jpa
            
            
            
                org.projectlombok
                lombok
                true
            
            
            
                org.springframework.cloud
                spring-cloud-dependencies
                ${spring-cloud-release.version}
                pom
                import
            
            
            
                com.alibaba.nacos
                nacos-client
                ${nacos.version}
            

            
            
                com.alibaba.cloud
                spring-cloud-starter-alibaba-nacos-discovery
                ${alibaba.cloud.version}
            

            
            
                com.alibaba.cloud
                spring-cloud-starter-alibaba-nacos-config
                ${alibaba.cloud.version}
            

            
            
                com.alibaba.cloud
                spring-cloud-starter-alibaba-sentinel
                ${alibaba.cloud.version}
            

            
            
                org.mybatis.spring.boot
                mybatis-spring-boot-starter
                ${mybatis.starter.version}
            
            
            
                tk.mybatis
                mapper-spring-boot-starter
                ${mapper.starter.version}
            
            
            
                com.github.pagehelper
                pagehelper-spring-boot-starter
                ${pageHelper.starter.version}
            

            
            
                com.baomidou
                mybatis-plus-boot-starter
                ${mybatis.plus.version}
            
            
                com.baomidou
                mybatis-plus-annotation
                ${mybatis.plus.version}
            

            
            
                mysql
                mysql-connector-java
                ${mysql.version}
            

            
            
                com.alibaba
                druid-spring-boot-starter
                ${durid.starter.version}
            

            
            
                io.springfox
                springfox-swagger2
                ${swagger.version}
            
            
                io.springfox
                springfox-swagger-ui
                ${swagger.version}
            

            
            
            
                commons-beanutils
                commons-beanutils
                ${beanutils.version}
            

            
            
                io.jsonwebtoken
                jjwt
                ${jwt.jjwt.version}
            

            
            
                joda-time
                joda-time
                ${jwt.joda.version}
            
        
    

    
        
        
            org.springframework.boot
            spring-boot-starter-web
        
        
        
            org.mybatis.spring.boot
            mybatis-spring-boot-starter
        
        
        
            tk.mybatis
            mapper-spring-boot-starter
        
        
        
            com.github.pagehelper
            pagehelper-spring-boot-starter
        
        
        
            mysql
            mysql-connector-java
        
        
        
            com.alibaba
            druid-spring-boot-starter
        
        
        
            io.springfox
            springfox-swagger2
        
        
            io.springfox
            springfox-swagger-ui
        

        
        
            org.projectlombok
            lombok
            RELEASE
            compile
        
        
        
            org.springframework.boot
            spring-boot-devtools
            runtime
            true
        
    

@CrossOrigin
@RestController
@RequestMapping("/category")
public class CategoryController {
    @Resource
    CategoryService categoryService;
    @GetMapping
    public baseResult SelecctAllCategory(){
        try {
            List list = categoryService.SelecctAllCategory();
            return baseResult.ok("查询成功",list);
        } catch (Exception e) {
            return baseResult.error("查询失败");
        }
    }
    @PostMapping
    public baseResult AddCategory(@RequestBody Category category){
       Boolean flag =  categoryService.AddCategory(category);
       if(flag){
           return baseResult.ok("添加成功");
       }else{
           return baseResult.error("添加失败");
       }
    }
    @GetMapping("/{cid}")
    public baseResult SelectByCid(@PathVariable("cid") String cid){
        try {
            Category category =  categoryService.SelectByCid(cid);
            return baseResult.ok("查询成功",category);
        } catch (Exception e) {
            return baseResult.error("查询失败");
        }
    }
    @PutMapping
    public baseResult UpdateCategory(@RequestBody Category category){
       Boolean flag =  categoryService.UpdateCategory(category);
       if(flag){
           return baseResult.ok("更新成功");
       }else{
           return baseResult.error("更新失败");
       }
    }
    @DeleteMapping("/{cid}")
    public baseResult DeleteByCid(@PathVariable("cid") String cid){
        Boolean flag = categoryService.DeleteByCid(cid);
        if(flag){
            return baseResult.ok("删除成功");
        }else{
            return baseResult.error("删除失败");
        }
    }