# MultiSaas-UI

**Repository Path**: glpyh/MultiSaas-UI

## Basic Information

- **Project Name**: MultiSaas-UI
- **Description**: XueYi-MultiSaas前端
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 47
- **Created**: 2022-03-29
- **Last Updated**: 2022-03-29

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<h1 align="center">XueYi-MultiSaas</h1>

<p align="center">
    <a>
       <img src="https://img.shields.io/badge/XueYi--MultiSaas-v2.1.3-brightgreen" alt="xueYi-MultiSaas">
    </a>
    <a>
       <img src="https://img.shields.io/badge/Spring%20Cloud%20%26%20Alibaba-2021.1-brightgreen" alt="xueYi-MultiSaas">
    </a>
    <a>
       <img src="https://img.shields.io/badge/Vue3-Ant--Design--Vue-green" alt="xueYi-MultiSaas">
    </a>
    <a>
       <img src="https://img.shields.io/badge/vite2-TypeScript-green" alt="xueYi-MultiSaas">
    </a>
    <a>
       <img src="https://img.shields.io/badge/Mybatis--Plus-3.4.0%2B-brightgreen" alt="xueYi-MultiSaas">
    </a>
    <a>
       <img src="https://gitee.com/xueyitiantang/XueYi-MultiSaas/badge/star.svg?theme=dark" alt="xueYi-MultiSaas">
    </a>
    <a>
       <img src="https://gitee.com/xueyitiantang/XueYi-MultiSaas/badge/fork.svg?theme=dark" alt="xueYi-MultiSaas">
    </a>
</p>

## 简介

基于 SpringBoot | Spring Cloud & Alibaba | Mybatis-Plus | Vue3 | vite2 | TypeScript | Ant-Design-Vue UI 的多租户 SaaS 开发框架，为企业级多租户 Saas 及集团化应用提供快速开发解决方案。

## 特性

- **多租户 Saas**： 物理隔离&&逻辑隔离 --- 共享多租户&&隔离多租户
- **动态多源策略**：租户-策略-数据源 --- 动态源增减与租户策略配置
- **素材管理模块**：素材集中管理 --- 文件&&图片统一管理，配置
- **权限控制优化**：角色-模块-菜单,自定义拦截器 --- 优化角色控制逻辑
- **租户菜单层级**：租管可动态指定租户可用模块或菜单
- **组织管理优化**：部门-岗位-用户 --- 更完善的组织架构操作与管理逻辑
- **微聚合多前端**：前端素材&&组件公用 --- 降低系统重复冗余

## 后端

后端地址： [XueYi-MultiSaas](https://gitee.com/xueyitiantang/XueYi-MultiSaas)

## 交流

- 请移步右上角 **一键三连** :kissing_heart:
- QQ 群：[![加入QQ群](https://img.shields.io/badge/779343138-blue.svg)](https://jq.qq.com/?_wv=1027&k=zw11JJhj)
- 若发现 bug，请提 Issues。

## 预览

- **普通账户**

  > 企业账号：xueYi  
  > 员工账号：admin  
  > 密码：admin123

- **租管账户**

  > 企业账号：administrator  
  > 员工账号：admin  
  > 密码：admin123

- **演示**
  > https://multi.xueyitt.cn
- **文档**
  > https://doc.xueyitt.cn
- **视频**
  > https://space.bilibili.com/479745149

## 准备

- [node](http://nodejs.org/) 和 [git](https://git-scm.com/) -项目开发环境
- [Vite](https://vitejs.dev/) - 熟悉 vite 特性
- [Vue3](https://v3.vuejs.org/) - 熟悉 Vue 基础语法
- [TypeScript](https://www.typescriptlang.org/) - 熟悉`TypeScript`基本语法
- [Es6+](http://es6.ruanyifeng.com/) - 熟悉 es6 基本语法
- [Vue-Router-Next](https://next.router.vuejs.org/) - 熟悉 vue-router 基本使用
- [Ant-Design-Vue](https://2x.antdv.com/docs/vue/introduce-cn/) - ui 基本使用
- [Mock.js](https://github.com/nuysoft/Mock) - mockjs 基本语法

## 安装使用

- 获取项目代码

```bash
git clone https://gitee.com/xueyitiantang/MultiSaas-UI.git
```

- 安装依赖

```bash
cd MultiSaas-UI

pnpm install

```

- 运行

```bash
pnpm run -C admin dev
```

- 打包

```bash
pnpm build
```

## 演示

<table>
    <tr>
        <td><img src="https://gitee.com/xueyitiantang/images/raw/master/1.png"/></td>
        <td><img src="https://gitee.com/xueyitiantang/images/raw/master/2.png"/></td>
    </tr>
    <tr>
        <td><img src="https://gitee.com/xueyitiantang/images/raw/master/3.png"/></td>
        <td><img src="https://gitee.com/xueyitiantang/images/raw/master/4.png"/></td>
    </tr>
    <tr>
        <td><img src="https://gitee.com/xueyitiantang/images/raw/master/5.png"/></td>
        <td><img src="https://gitee.com/xueyitiantang/images/raw/master/6.png"/></td>
    </tr>
    <tr>
        <td><img src="https://gitee.com/xueyitiantang/images/raw/master/7.png"/></td>
        <td><img src="https://gitee.com/xueyitiantang/images/raw/master/8.png"/></td>
    </tr>
    <tr>
        <td><img src="https://gitee.com/xueyitiantang/images/raw/master/9.png"/></td>
        <td><img src="https://gitee.com/xueyitiantang/images/raw/master/10.png"/></td>
    </tr>
</table>

## 开源

**源于开源，回归开源**

- 感谢 anncwb 开源的[vue-vben-admin](https://github.com/vbenjs/vue-vben-admin)
- 感谢 antVue 团队开源的[ant-design-vue](https://github.com/vueComponent/ant-design-vue/)