# bosssoft-train-user-permission-centre-front

**Repository Path**: bao-ping-zhang/bosssoft-train-user-permission-centre-front

## Basic Information

- **Project Name**: bosssoft-train-user-permission-centre-front
- **Description**: 一个训练项目用于展示登录系统以及动态路由
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 4
- **Forks**: 1
- **Created**: 2023-07-19
- **Last Updated**: 2023-08-10

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# User-permission-centre

> 这是一个现实中使用的管理后台的部分功能实现。它只包含了 Element UI & axios & iconfont & permission control & lint，这些搭建后台必要的东西。
> 具体实现，根据后端返回用户权限而非角色实现动态路由生成侧边栏，树形组件封装，下拉组件封装，提高组件可复用性，以及单独实现一个角色管理界面的完整功能。

## 运行
```bash
# 克隆项目
git clone https://gitee.com/bao-ping-zhang/bosssoft-train-user-permission-centre-front.git

# 进入项目目录
cd bosssoft-train-user-permission-centre-front

# 安装依赖
npm install

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

# 启动服务（因为node版本高于16可能会报错，需要先运行以下添加环境变量指令）
$env:NODE_OPTIONS="--openssl-legacy-provider"

npm run dev
```

## 发布

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

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

## 其它

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

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

# 代码格式检查
npm run lint

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