前言
这里记录一下使用新组件搭建的一套前后端开发框架，便于自己查阅和小伙伴的交流学习。 这套前后端开发框架使用到的技术都是目前最新或者最流行的技术。前端使用的技术栈是React、Vite、Tailwind、Shadcn、Zustand和Axois。后端使用的是Java21、Spring Boot和MYSQL。
做这个开发框架的目的是主要有两点，首先是为了前端审美需求，第二为了高效开发业务系统，将通用功能（登录、鉴权、系统管理相关功能、用户账户设置等）在这套框架中已经实现。
先放几张系统图：
这套系统实现了深浅显示模式的切换，中英文切换功能。也预留了接入大模型功能。
功能介绍
目前这套系统主要在登录模块、授权模块、用户管理模块、个人中心模块做到了前后端的贯通，体验也很丝滑。
登录模块
登录模块实现了账号密码登录，登出，密码经过加密传输，多次登录失败账号锁定等常见功能。
个人中心
个人中心实现了用户信息展示和修改、密码修改、头像上传，头像以base64的方式保存到数据库，保证离线环境也可以使用，无需配置图片服务器。预留了第三方账号登录配置入口。
系统管理
每个业务系统都会有系统管理功能，系统管理模块虽然常见，但做好不容易，也挺耗费功夫，同时需要了解一些用户权限理论和熟悉后端安全框架。这个开发框架基于Spring Security 6.x和RABC理论实现的系统管理相关功能，前端通过用户信息中的权限信息进行菜单、按钮的展示与隐藏。用户跟角色绑定，角色跟权限绑定，权限在数据库进行维护。这是一个最小权限设计系统，更复杂的权限设计可以基于这个之上进行开发。
整个系统管理包括用户管理、角色管理、部门管理、职位管理、通知管理、操作日志和登录日志功能。
用户管理包括添加用户、设置用户的部门和职位，给用户分配角色、启用/禁用用户、删除用户等。
系统管理中的部门和职位目前没有关联到权限设计中。只是作为一个用户的属性，如果系统需要增加基于用户属性的权限校验也可以基于这个基础做修改。
整个系统管理涉及到的搜索功能都实现了基于输入框的变化和防抖动设计来实时搜索数据。
最后
这个开发框架正在开发过程中，目前已基本完成以上所介绍功能的开发，后续会加入知识库、大模型等功能。在开发过程中记录下过程，也算是除了系统功能之外的另一种积累，顺便拿出来跟小伙伴做个交流学习之用。
相关视频也同步上传B站。全栈开发系列
🌈开源地址
📬 联系方式
你可以通过这些方式跟我联系：
- Email: cutesimba@163.com
- B站: space.bilibili.com/412405219
感谢你在我的互联网角落停留片刻！ 💫
