博主介绍：✌全网粉丝5W+，全栈开发工程师，从事多年软件开发，在大厂呆过。持有软件中级、六级等证书。可提供微服务项目搭建与毕业项目实战，博主也曾写过优秀论文，查重率极低，在这方面有丰富的经验✌
博主作品：《Java项目案例》主要基于SpringBoot+MyBatis/MyBatis-plus+MySQL+Vue等前后端分离项目，可以在左边的分类专栏找到更多项目。《Uniapp项目案例》有几个有uniapp教程，企业实战开发。《微服务实战》专栏是本人的实战经验总结，《Spring家族及微服务系列》专注Spring、SpringMVC、SpringBoot、SpringCloud系列、Nacos等源码解读、热门面试题、架构设计等。除此之外还有不少文章等你来细细品味，更多惊喜等着你哦
🍅uniapp微信小程序🍅面试题软考题免费使用，还可以使用微信支付，扫码加群。由于维护成本问题得不到解决，可能将停止线上维护。
抖音体验版
🍅文末获取联系🍅精彩专栏推荐订阅👇🏻👇🏻 不然下次找不到哟
Java项目案例《100套》
https://blog.csdn.net/qq_57756904/category_12173599.html
uniapp小程序《100套》https://blog.csdn.net/qq_57756904/category_12173599.html
有需求代码永远写不完，而方法才是破解之道，抖音有实战视频课程，某马某千等培训都是2万左右，甚至广东有本科院校单单一年就得3万4年就12万学费，而且还没有包括吃饭的钱。所以很划算了。另外博客左侧有源码阅读专栏，对于求职有很大帮助，当然对于工作也是有指导意义等。在大城市求职，你面试来回一趟多多少少都在12块左右，而且一般不会一次性就通过，还得面试几家。而如果你对源码以及微服务等有深度认识，这无疑给你的面试添砖加瓦更上一层楼。
最后再送一句：最好是学会了，而不是学废了！！
目录
前言
本次将使用原来的后端，经过改造适配新版本的Vue3+elementui框架。没有经过过度封装，系统模块化，可插拔易扩展。
依然可以使用Dockerfile部署，不过本次将支持使用Shell脚本自动化部署。如果对Shell部署SpringCloud微服务可以移步《Linux shell 脚本基础与部署SpringCloud实战》
二、系统设计
1、后端项目结构
2、前端技术栈
Vue3 + Vite5+ TypeScript5 + Element-Plus + Pinia
项目截图
1、登录
1.1、白天模式
1.2、夜间模式
2、首页
3、用户管理
3.1、用户列表
3.2、新增编辑窗口
4、系统角色
4.1、角色列表
4.2、分配权限
5、菜单管理
5.1、菜单树
5.2、新增编辑窗口
6、部门管理
6.1、部门树
6.2、新增编辑窗口
7、字典管理
7.1、字典列表
7.2、字典详情
8、菜单风格
8.1、风格2
8.2、夜间模式
四、实现代码
1、用户控制器
@Slf4j
@RestController
@AllArgsConstructor
@RequestMapping("/api/users")
public class CeamSysUserController {
private final ICeamSysUserService ceamSysUserService;
@GetMapping
public ResponseEntity page(PageableDTO pageableDTO) {
IPage<CeaMSysUserVO> ceaMSysUserVOIPage = ceamSysUserService.pageCeaMSysUserVO(pageableDTO);
return ResponseEntity.ok(ceaMSysUserVOIPage);
}
@PostMapping
public ResponseEntity<Object> add(@RequestBody CeaMSysUserDTO data) {
ceamSysUserService.add(data);
return ResponseEntity.ok("成功");
}
@PutMapping
public ResponseEntity<Object> edit(@RequestBody CeaMSysUserDTO data) {
ceamSysUserService.edit(data);
return ResponseEntity.ok("成功");
}
@DeleteMapping
public ResponseEntity<Object> add(@RequestParam String id) {
ceamSysUserService.remove(Long.parseLong(id));
return ResponseEntity.ok("成功");
}
}2、用户服务接口
/**
* <p>
* 用户表 服务类
* </p>
*
* @author CeaM
* @since 2023-01-28
*/
public interface ICeamSysUserService extends IService<CeamSysUser> {
/**
* 分页查询
*
* @param pageableDTO 分页入参
* @return 分页数据
*/
IPage<CeaMSysUserVO> pageCeaMSysUserVO(PageableDTO pageableDTO);
/**
* 根据账号加载用户信息
*
* @param userName 用户账号
* @return CeaMSysUserDTO
*/
CeaMSysUserDTO loadUserInfo(String userName);
/**
* 添加用户
*
* @param data 前端入参
*/
void add(CeaMSysUserDTO data);
/**
* 修改用户
*
* @param data 前端入参
*/
void edit(CeaMSysUserDTO data);
/**
* 根据用户ID删除用户
*
* @param id userId
*/
void remove(Long id);
}3、服务实现类
@Service
public class CeamSysUserServiceImpl
extends ServiceImpl<CeamSysUserMapper, CeamSysUser> implements ICeamSysUserService {
@Override
public IPage<CeaMSysUserVO> pageCeaMSysUserVO(PageableDTO pageableDTO) {
LambdaQueryWrapper<CeamSysUser> queryWrapper = Wrappers.<CeamSysUser>lambdaQuery()
.eq(CeamSysUser::getDeleted, GlobalConstants.FALSE);
Page<CeamSysUser> page = new Page<>(pageableDTO.getPage(), pageableDTO.getSize());
page.setCurrent((long)pageableDTO.getPage() + GlobalConstants.ONE);
Page<CeamSysUser> ceamSysUserPage = page(page, queryWrapper);
IPage<CeaMSysUserVO> ceaMSysUserVOIPage = PageVOUtil.copyToPageVO(ceamSysUserPage, CeaMSysUserVO.class);
return ceaMSysUserVOIPage;
}
@Override
public CeaMSysUserDTO loadUserInfo(String userName) {
LambdaQueryWrapper<CeamSysUser> queryWrapper = Wrappers.<CeamSysUser>lambdaQuery()
.eq(CeamSysUser::getUsername, userName);
CeamSysUser ceamSysUser = baseMapper.selectOne(queryWrapper);
if (ObjectUtils.isEmpty(ceamSysUser)) {
throw new ServiceException("账号不存在");
}
if (ceamSysUser.getStatus() == GlobalConstants.ONE) {
throw new ServiceException("账号已禁用");
}
CeaMSysUserDTO ceaMSysUserDTO = BeanCopyUtil.copyProperties(ceamSysUser, CeaMSysUserDTO.class);
return ceaMSysUserDTO;
}
@Override
public void add(CeaMSysUserDTO data) {
CeamSysUser ceamSysUser = BeanCopyUtil.copyProperties(data, CeamSysUser.class);
save(ceamSysUser);
}
@Override
public void edit(CeaMSysUserDTO data) {
CeamSysUser ceamSysUser = BeanCopyUtil.copyProperties(data, CeamSysUser.class);
updateById(ceamSysUser);
}
@Override
public void remove(Long id) {
removeById(id);
}
}五、获取源码
大家点赞、收藏、关注啦 、企业级收些费用你懂的关注下方公众号获取联系方式👇🏻👇🏻
六、视频教程
1、SpringBoot理论与实战
该项目企业级由0到1搭建讲解
2、Uniapp微信小程序实战
基于uniapp+Vue3+TypeScript，由0到1搭建实战，学会了这个也基本理解Vue3管理端的项目了。
3、Shell脚本部署SpringCloud实战
Linux系统使用Shell脚本部署SpringCloud实战，包括Nginx代理部署以及Docker容器化部署
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
