# 百途boss系统设置系统

**Repository Path**: Maxfengyan/hundred_way

## Basic Information

- **Project Name**: 百途boss系统设置系统
- **Description**: 百途辽宁项目
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2019-05-06
- **Last Updated**: 2020-12-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 项目名称：boss-setting
### 项目描述：广电融合用户播控平台-中心登录系统
### 开发者：马丰彦
### 描述：
- 本系统为boss系统设置系统，核心功能为平台管理、AAA配置平台信息、角色权限管理配置、账号的权限管理配置、全部系统的操作日志查询回看下载等功能。
### 技术栈：vue/vue-router/vuex/element-ui/axios/crypto-js/mockjs/eslint等
### <div style="color:red;">核心逻辑处理:</div>
- 输入用户名&&密码，调取`登录接口`
- 返回token存入cookie并且把token作为http header
- 调取`获取用户`接口，得到用户的所有权限
- 核心部分为角色权限处理，把接收到的权限基础数据进行灵活可视化配置，树状结构，层层下分：system => menu(plat) => button. 
- 每个系统之间相互独立，没有耦合性，通过唯一的token值来获取权限，如果用户停留在某个系统长时间未操作，或者cookie被清空&篡改的情况下，会默认重定向到登录系统中。所以token是整个boss系统唯一的秘钥。
- *<div style="color:red">注意：除正式线上环境外，所有其他演示环境皆为mock数据(重写了axios拦截请求)。为方便处理，所有mock数据没有做到根据请求参数来返回结果，默认admin权限，特此说明。*</div>
#### 项目结构
```
|— dist                                 // 打包文件
|— mock                                 // mock相关数据
|— public                               // 不打包静态文件(便于修改接口地址以及项目之间跳转)
|   |- api.js                           // 配置代理接口以及跳转项目地址
|— src                                  // 源代码
|   |— api                              // 所有http请求(每个模块对应每个请求模块)
|   |— assets                           // 静态图片文件
|   |— components                       // 全局公用组件
|   |   |— SvgIcon                      // 封装icon图标库组件
|   |— directive                        // 自定义封装指令
|   |   |- numscroll                    // portal页数字自滚动指令
|   |— icons                            // svg图标库/iconfont图标库
|   |— store                            // vuex缓存数据存放
|   |   |— modules                      // vuex模块
|   |   |     |— user.js                // 获取用户状态：登录、登出、前端登出、获取用户信息、处理权限问题
|   |   |— getters.js                   // vuex getters 
|   |   |— index.js                     // vuex 入口页
|   |— styles                           // css样式文件
|   |    |— element-ui.scss             // 修改原生element-ui框架样式
|   |    |— index.scss                  // 默认样式统一
|   |    |— mixin.scss                  // 修改侧边栏滚动条
|   |    |— sidebar.scss                // 侧边栏样式
|   |    |— transition.scss             // 页面跳转过渡动画效果
|   |    |— variables.scss              // 变量样式，一键换肤
|   |— utils                            // 全局公用项目
|   |   |— auth.js                      // 获取用户token写缓存
|   |   |— loading.js                   // 封装axios请求全局遮罩
|   |   |— index.js                     // 封装常用函数
|   |   |— power.js                     // 处理后台传入的权限，动态加载portal
|   |   |— request*.js                  // 封装axios请求
|   |   |— secret.js                    // 封装aes+base64加密
|   |   |— urldecode.js                 // 封装url解码方法
|   |   |— urlencode.js                 // 封装url转码方法
|   |   |— validate.js                  // 常用正则验证
|   |— views                            // 所有页面
|   |   |— index                        // 所有页面
|   |   |   |— index.vue                // portal页面
|   |   |   |— component                // 循环权限模块处理
|   |— main.js                          // 总入口文件
|   |— permission.js                    // 路由守卫+封装权限管理+重定向页面        
|   |— router.js                        // 路由
|— static                               // 不打包资源
|— .babelrc                             // babel-loader配置
|— .eslintrc.js                         // eslint配置
|— package.json                         // npm包管理
|— README.md                            // 项目详细介绍
|— vue.config.js                        // vue-cli3配置
|- 略*
```