springboot+vue3健身房管理系统实战

springboot+vue3健身房管理系统实战

1、项目适合对象

需要有springboot、Vue2、Vue3组合api基础知识，TypeScript基础知识的小伙伴；
没有vue2/vue3、spring boot基础不建议学习；

2、项目涉及技术

1、CSS3
2、TypeScript
3、Vue3.2
4、Pinia
5、Vue Router4.x
6、Vite2.x
7、Element Plus
8、Spring Boot
9、spring security
10、mysql

3、项目收获

1、掌握Vue3.2语法糖的使用
2、掌握Vue3中组合api的使用
3、掌握组件中业务逻辑抽离的方法；
4、掌握TypeScript在Vue3中的使用；
5、掌握动态菜单、动态路由、按钮权限的实现
6、vue3中全局挂载使用方式
7、vue3父子组件的使用
8、vue3中echarts的使用
9、token、权限验证
10、掌握Pinia在实际项目中的使用方式
11、Icons图标动态生成
12、掌握vue3、springboot开发前后端分离项目的能力
13、掌握从0到1开发完整前后端分离项目的能力
14、掌握spring security、jwt在前后端分离项目中的使用
15、图片上传、文本编辑器、excel导出使用

4、效果展示

5、代码展示

package com.itmk.web.sys_role.controller;

import com.baomidou.mybatisplus.core.metadata.IPage;
import com.itmk.utils.ResultUtils;
import com.itmk.utils.ResultVo;
import com.itmk.web.sys_role.entity.RoleParm;
import com.itmk.web.sys_role.entity.SysRole;
import com.itmk.web.sys_role.service.SysRoleService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.*;

import java.util.Date;

@RestController
@RequestMapping("/api/role")
public class SysRoleController {
    @Autowired
    private SysRoleService sysRoleService;

    //新增角色
    @PostMapping
    public ResultVo addRole(@RequestBody SysRole role){
        role.setCreateTime(new Date());
        boolean save = sysRoleService.save(role);
        if(save){
            return ResultUtils.success("新增成功!");
        }
        return ResultUtils.error("新增失败!");
    }

    //编辑角色
    @PutMapping
    public ResultVo editRole(@RequestBody SysRole role){
        role.setUpdateTime(new Date());
        boolean save = sysRoleService.updateById(role);
        if(save){
            return ResultUtils.success("编辑成功!");
        }
        return ResultUtils.error("编辑失败!");
    }

    //删除角色
    @DeleteMapping("/{roleId}")
    public ResultVo deleteRole(@PathVariable("roleId") Long roleId){
        boolean b = sysRoleService.removeById(roleId);
        if(b){
            return ResultUtils.success("删除成功!");
        }
        return ResultUtils.error("删除失败!");
    }

    //角色列表
    @GetMapping("/list")
    public ResultVo getList(RoleParm parm){
        IPage<SysRole> list = sysRoleService.list(parm);
        return ResultUtils.success("查询成功",list);
    }
}