项目概述
一套基于 Spring Boot + Vue + uni-app 的多端权限管理解决方案,面向中后台业务场景设计,覆盖 Web 管理端、App 端与微信小程序。系统在权限体系、用户模型与业务能力上保持高度一致,支持快速部署与二次开发。
项目背景
在实际业务开发中,权限体系、组织结构、系统配置等基础能力往往需要反复建设。随着业务发展,适配 Web 与移动端的需求也接踵而至。狸花猫系统致力于提供一套拥有统一权限模型、统一数据来源、统一配置中心的多端解决方案,从而显著降低重复开发成本,让开发者能更专注于核心业务逻辑的构建。
项目资源
多端架构概览
- Web 管理端:系统管理、权限配置、业务配置中心
- 移动端 App:面向业务使用者的移动应用
- 微信小程序:轻量化业务入口,与 App 能力保持一致
各端共用统一的后端服务与权限模型,确保业务能力无缝衔接,避免数据与功能割裂。

核心能力(Web 管理端)
权限与组织体系
- 完整的 RBAC(基于角色的访问控制)权限模型
- 菜单管理、角色管理、用户管理
- 部门管理、岗位管理
- 用户支持多部门归属,并可指定默认部门
- 前后端均提供接口获取用户默认部门信息,完美适配复杂组织结构
字典管理
- 支持普通字典与树形字典
- 后端提供字典获取与翻译工具类
- 前端内置 dict-tag 组件,可通过字典 value 自动展示 label 并匹配样式
通知公告
- 集成富文本解析器
- 基于 WebSocket 实现消息实时推送
- 支持公告发布、实时接收与历史查看
个人中心
- 支持系统主题、布局与导航模式配置
- 个性化设置即时生效
- 提升整体使用体验与可定制性
系统设置
管理员可通过系统设置模块统一管理安全与行为策略,包括:
- 默认密码规则
- 定期修改密码策略
- 同账号多端登录限制
- 自助注册开关
- 登录验证码启停
- IP 黑名单
- 灰色模式支持
运行与监控
- 操作日志、登录日志
- 在线用户监控
- 缓存监控
- 服务运行状态监控
- 定时任务管理
移动端能力(Lihua App & 小程序)
Lihua App 是基于 uni-app 的移动端业务扩展方案,与 Web 管理端保持统一的数据模型与权限体系。
功能特性
- 注册与登录:App / 小程序支持密码加解密;注册与登录策略由 Web 端统一控制。
- 验证码能力:集成第三方验证码;是否启用由 Web 端统一配置。
- 个人中心:用户头像、昵称等信息与后端保持一致;与 Web 端用户数据实时同步。
- 权限体系:支持角色、权限标识、部门标识;user store 可直接获取当前用户权限信息。
- 通知公告:基于 WebSocket 的实时消息推送;App 端支持原生通知提醒。
- 暗色模式:App 支持手动切换;微信小程序可跟随系统主题。
技术架构与环境
技术栈
环境要求
- Java 17+(推荐 Java 21)。Java 21 以下版本请移除虚拟线程相关配置,并自行配置线程池。
- MySQL 8.0+
- Redis
- Node.js 22+
使用与扩展
狸花猫系统遵循模块化、低耦合设计,适合作为:
- 企业级后台管理系统基础框架
- 多端业务系统的权限与组织底座
- Spring Boot + Vue + uni-app 多端架构参考项目
支持在此基础上进行功能裁剪与深度定制。
项目效果








项目源码
这套方案为解决 Web、App、小程序等多端权限统一难题提供了一个开箱即用的实践参考。如果你也正在构建类似的中后台系统,不妨关注 云栈社区,这里有更多关于 后端架构 和 数据库 技术的深度讨论与资源共享。
|