# ch-admin3

**Repository Path**: ch-cloud/ch-admin3

## Basic Information

- **Project Name**: ch-admin3
- **Description**: Spring Cloud微服务架构后台前端解决方案
- **Primary Language**: Java
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2020-07-22
- **Last Updated**: 2022-06-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README



## 简介

[ch-admin3](https://panjiachen.github.io/vue-element-admin) 是一个Spring Cloud微服务架构后台前端解决方案，它基于 [vue-element-admin](https://panjiachen.github.io/vue-element-admin) 和 [element-ui](https://github.com/ElemeFE/element)实现。它使用了最新的前端技术栈，动态路由，权限验证，提炼了典型的业务模型，提供了丰富的功能组件，它可以帮助你快速搭建企业级中后台产品原型。  
>自定义扩展
* 自定义截图上传组件ImageCropper，ImageSelector
* 优化Token过期重新登录
* 优化动态路由，由后台返回并封装
* 优化权限验证，由后台根据角色返回并显示
* 优化request.js，分离路由与api请求

##
- [在线预览]() 资源有限，未能提供  

- [Wiki](https://github.com/PanJiaChen/vue-element-admin/wiki)


## 前序准备

你需要在本地安装 [node](http://nodejs.org/) 和 [git](https://git-scm.com/)。  
**如有问题请先看上述使用文档和文章，若不能满足，欢迎 issue 和 pr**

<p align="center">
  <img width="900" src="https://gitee.com/ch-cloud/wiki/raw/master/images/login.png">
</p>
<p align="center">
  <img width="900" src="https://gitee.com/ch-cloud/wiki/raw/master/images/home.png">
</p>
<p align="center">
  <img width="900" src="https://gitee.com/ch-cloud/wiki/raw/master/images/p_center.png">
</p>

## 功能

```
- 登录

- 系统管理
  - 用户管理
  - 角色管理
  - 权限管理
  - 组织管理
  - 职位管理
  - 数据字据

- 日志管理
  - 登录日志
  - 操作日志

```

## 开发

```bash
# 克隆项目
git clone https://gitee.com/ch-cloud/ch-admin3.git

# 进入项目目录
cd vue-element-admin

# 安装依赖
npm install

# 建议不要直接使用 cnpm 安装依赖，会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npm.taobao.org
#npm install node-sass
npm set sass_binary_site=https://npm.taobao.org/mirrors/node-sass/

# 启动服务
npm run dev
```

浏览器访问 http://localhost:9527

## 发布

```bash
# 构建测试环境
npm run build:stage

# 构建生产环境
npm run build:prod
```

## 其它

```bash
# 预览发布环境效果
npm run preview

# 预览发布环境效果 + 静态资源分析
npm run preview -- --report

# 代码格式检查
npm run lint

# 代码格式检查并自动修复
npm run lint -- --fix
```


## License

[MIT](https://gitee.com/ch-cloud/ch-admin3/raw/master/LICENSE)

Copyright (c) 2020-present ZhaoHua