跳到主要内容

租户管理应用

租户管理应用是为租户提供的管理后台，支持多租户架构和个性化配置。

技术栈​

  • 框架: Vue 3 + TypeScript
  • 构建工具: Vite
  • UI: TDesign Vue Next
  • 状态管理: Pinia
  • 路由: Vue Router 4
  • 样式: UnoCSS

核心功能​

租户配置​

  • 基础信息管理
  • 品牌定制
  • 域名设置
  • 权限配置

业务管理​

  • 用户管理
  • 数据管理
  • 报表查看
  • 设置配置

平台集成​

  • 第三方集成
  • API 配置
  • 数据同步
  • 权限管理

多租户架构​

数据隔离​

  • 租户级别数据隔离
  • 权限控制
  • 安全策略

个性化配置​

  • 主题定制
  • 功能开关
  • 业务配置

扩展性​

  • 插件系统
  • 自定义组件
  • API 扩展

开发指南​

环境搭建​

cd hosts/tenant
pnpm install
pnpm dev

构建部署​

# 开发环境
pnpm dev

# 生产环境
pnpm build

# Mock 数据
pnpm dev:mock

项目结构​

src/
├── api/                # API 接口
├── components/         # 组件
├── composables/        # 组合式函数
├── layouts/            # 布局
├── middleware/         # 中间件
├── pages/              # 页面
├── plugins/            # 插件
├── stores/             # 状态管理
├── types/              # 类型定义
└── utils/              # 工具函数

开发特性​

动态路由​

  • 基于权限的路由
  • 动态菜单生成
  • 路由守卫

主题系统​

  • 多主题支持
  • 动态切换
  • 自定义主题

国际化​

  • 多语言支持
  • 动态切换
  • 租户级别配置

部署配置​

环境变量​

  • VITE_TENANT_ID: 租户 ID
  • VITE_API_URL: API 地址
  • VITE_THEME: 主题配置

构建配置​

  • 租户级别构建
  • 资源优化
  • 缓存策略