# vue-tao-admin

**Repository Path**: coder1493/vue-tao-admin

## Basic Information

- **Project Name**: vue-tao-admin
- **Description**: Tao Admin 是一套企业级的高颜值、高性能的通用型后台前端解决方案， 致力于在设计规范和基础组件的基础上，继续向上构建，提炼出典型模板/业务组件， 进一步提升企业级后台产品设计研发过程中的『用户』和『设计者』的体验。
在力求提供开箱即用的开发体验下，还提供了完整的脚手架， 涉及用户管理，权限管理，国际化，通用组件，工具包，网络请求等各个方面。 为后台管理系统中常见的方案提供了最佳实践来减少学习和开发成本。🔝 🔝 记得上边点个star 关注更新。
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: http://www.lingchen.kim/tao_admin
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 123
- **Created**: 2021-03-06
- **Last Updated**: 2021-03-06

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

### 关于 Tao Admin
早在2019年初就想打造一套后台管理系统，研究过很多优秀的项目后，发现多数项目的视觉效果及用户体验还可以做的更好。Tao Admin 的出现正是为了提升后台管理系统的视觉效果及用户体验。

Tao Admin 是一套企业级的高颜值、高体验、高性能的通用型后台前端解决方案， 致力于在设计规范和基础组件的基础上，继续向上构建，提炼出典型模板/业务组件， 进一步提升企业级后台产品设计研发过程中的『用户』和『设计者』的体验。 在力求提供开箱即用的开发体验下，还提供了完整的脚手架， 涉及用户管理，权限管理，国际化，通用组件，工具包，网络请求等各个方面。 为后台管理系统中常见的方案提供了最佳实践来减少学习和开发成本。

### 演示图
<p>
  <img src="https://www.qiniu.lingchen.kim/QQ%E6%B5%8F%E8%A7%88%E5%99%A8%E6%88%AA%E5%9B%BE20210304232750.png">
</p>
<p>
  <img src="https://www.qiniu.lingchen.kim/QQ%E6%B5%8F%E8%A7%88%E5%99%A8%E6%88%AA%E5%9B%BE20210304233803.png">
</p>

### 演示地址
- [在线预览](http://www.lingchen.kim/tao_admin)

- 账号：admin
- 密码：123456
### 使用文档
- [使用文档](http://www.lingchen.kim/tao_admin_doc)

- [作者博客地址](https://www.lingchen.kim)

### 特点
- 高颜值，高性能，高可用
- 提炼出典型模板/业务组件
- 丰富布局模式
- 内置浅色主题 / 暗黑主题
- 漂亮的 UI、极致的用户体验和细节处理
### 设计
- 基于 Element 体系精心设计
- 内置浅色主题 / 暗黑主题
- 可配置的主题满足不同企业的诉求
- 丰富的个性化配置满足不同用户需求

### 功能
- 内置后台管理系统常用模块
- 登录加密
- 多标签页
- 全局面包屑
- 国际化
- 异常处理
- Utils工具包
- 可配置的菜单栏徽标
- 亮色 / 暗色 侧边栏
- 浅色主题 / 暗黑主题
- 丰富的个性化配置
- 可折叠侧边栏
- 支持内嵌页面
- 重载当前页面
- 动态路由支持自动重载
- 支持多级路由嵌套及菜单栏嵌套
- 分离路由与菜单设置
- 富文本编辑器
- 优秀的持久化存储方案
- 自定义登录重定向

### 权限
- 路由级别鉴权
- 侧边栏菜单鉴权
- 功能块鉴权
- 功能点鉴权
- 鉴权指令

### 兼容性
- 支持 Chrome、Safari、Firefox 等现代主流浏览器。

### 技术支持（QQ群）
![avatar](https://www.qiniu.lingchen.kim/%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20210225154424.png)

### 更新
**2020-12-17 22:06：**
- 菜单列表mock本地真实数据
- 如何修改菜单权限？
- 修改static/mock/menu.json文件
- 如何修改按钮权限？
- 请找到文件下permission（存储页面按钮相关权限）
**2020-12-20 0:15：**
- 新增暗黑主题
**2021-01-14 0:20：**
- 新增使用文档
**2020-1-17 21:12：**
- 前后端由https访问改为http访问
- 登录、API管理接入接口
**2021-2-21 8:04：**
- 移动端自适应

### 安装运行
``` bash
# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report
```

For a detailed explanation on how things work, check out the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).