zuihou-admin-ui 项目教程
1、项目介绍
zuihou-admin-ui
是 zuihou-admin-cloud
微服务权限系统的开发&运营后台。它基于 vue-element-admin
构建,主要用于公司内部人员维护项目使用。该后台提供了租户管理、用户中心、权限管理、基础配置等功能,帮助企业高效管理其SaaS应用。
2、项目快速启动
环境准备
- Node.js (建议版本 v14.x 或更高)
- npm (建议版本 6.x 或更高)
- Git
克隆项目
git clone https://github.com/zuihou/zuihou-admin-ui.git
cd zuihou-admin-ui
安装依赖
npm install
启动项目
npm run serve
项目启动后,可以在浏览器中访问 http://localhost:8080
查看开发&运营后台。
3、应用案例和最佳实践
应用案例
假设 A
公司使用这套SaaS脚手架二次开发了一个OA系统。B
和 C
公司想使用 A
公司开发的这套系统,但 B
公司有钱想要个性化功能,C
公司则不愿意多花钱。于是,A
公司在 zuihou-admin-ui
(开发&运营后台)上新建了 租户B
和 租户C
,并各自新建了账号 b1
和 c1
,分别给 B
公司和 C
公司试用。
B
公司和 C
公司分别拿着账号,在 zuihou-ui
(租户后台)上试用。试用很满意,但 B
公司想要定制功能,于是与 A
公司签了一个500W的定制大单,并要求独立部署在他们自己的服务器。C
公司则花了20W使用 A
公司部署的云环境,服务器和数据等都存在 A
公司的云服务器上。
最佳实践
- 租户管理:在
zuihou-admin-ui
中管理所有的租户创建,确保每个租户的数据隔离和权限控制。 - 用户中心:维护组织、岗位、用户数据,定期重置用户密码,确保系统安全。
- 权限管理:配置菜单、资源,管理角色,确保不同角色的用户只能访问其权限范围内的功能。
- 基础配置:维护字典、地区、系统参数等信息,确保系统配置的一致性和可维护性。
4、典型生态项目
- zuihou-admin-cloud:微服务后端代码,提供核心业务逻辑和API接口。
- zuihou-ui:租户后台,供租户(客户)使用。
- zuihou-generator:代码生成器,帮助快速生成项目基础代码。
通过这些生态项目的协同工作,zuihou-admin-ui
能够帮助企业快速搭建和管理其SaaS应用,提升开发和运营效率。