# xr-satoken-vue_5

**Repository Path**: fzhxfw/xr-satoken-vue_5

## Basic Information

- **Project Name**: xr-satoken-vue_5
- **Description**: SaToken微服务框架对应的Vue前端框架
- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 11
- **Created**: 2023-04-01
- **Last Updated**: 2023-04-01

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# xr-satoken-vue

该项目使用的vue2.6及全家桶,elementUI

项目内自定义了vue指令( **v-has("'按钮权限CODE'")** )用于做到按钮级别的权限控制,可在菜单管理中添加对应权限按钮

本项目配合后端项目 [xr-satoken-cloud](https://gitee.com/fzhxfw/xr-satoken-cloud) 使用


初始账户: weiyijian 初始密码: admin123456

### 包含插件

统计图:[echarts](https://echarts.apache.org/zh/index.html)

富文本:[tinyMce](http://tinymce.ax-z.cn/)

时间格式化:[dayjs](https://day.js.org/docs/zh-CN/parse/parse)

请求参数格式化:[qs](https://www.npmjs.com/package/qs)

vue剪切板:[vue-clipboard2](https://github.com/Inndy/vue-clipboard2)

### 注意事项

全局的样式请通过 assets/style/public.scss 修改

对于elementui 组件的全局修改 请在 assets/style/public.scss 中通过修改elementui内置的全局变量进行修改

更多elementui变量可点击[此处](https://gitee.com/mirrors/element-ui/blob/dev/packages/theme-chalk/src/common/var.scss)查看

也可通过[elementUI自带主题编辑器](https://element.eleme.cn/#/zh-CN/theme/preview) 进行样式的调试

### 项目结构

```
|-- src
    |-- App.vue
    |-- main.js
    |-- api                         存放接口
    |-- assets                      静态文件
    |   |-- 404.jpg
    |   |-- logo.png
    |   |-- icon                    ali矢量图
    |   |-- images
    |   |   |-- login.jpg           登录背景图
    |   |-- style
    |       |-- public.scss         全局样式
    |-- common                      常用工具
    |   |-- config                  全局配置
    |   |   |-- baseConfig          项目的基础配置
    |   |-- constant                常量
    |   |-- directive               自定义指令
    |   |-- util                    工具类
    |   |-- validate                常用form表单校验
    |-- components                  组件
    |   |-- tableEncapsulation      table和分页整合的组件
    |-- mock
    |-- router
    |   |-- index.js
    |   |-- routers                 按模块分路由
    |-- store
    |   |-- getters.js              将所有getter 放在了一起
    |   |-- index.js
    |   |-- modules                 按模块分store
    |-- views
        |-- page
            |-- system
                |-- rightsManagement    权限
                |-- roleManagement      角色
                |-- userInfo            个人中心
                |-- userManagement      账户

```