# vue+elementUI模板

**Repository Path**: HUJIAFANGFUJIDDD/vue_template

## Basic Information

- **Project Name**: vue+elementUI模板
- **Description**: vue前后端分离pc端项目模板
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 2
- **Created**: 2021-09-08
- **Last Updated**: 2021-09-08

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Vue

## README

# vue+elementUI模板

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

项目内自定义了vue指令用于做到按钮级别的权限控制, 可在菜单管理中添加按钮

该项目需要结合后端模板使用
#### 后端
[https://gitee.com/CC_like/springboot_template](https://gitee.com/CC_like/springboot_template)

#### 项目预览
[http://cc_like.gitee.io/vue_template/#/login](http://cc_like.gitee.io/vue_template/#/login)

初始账户: sysAdmin
初始密码: 123456
## 包含插件
统计图:[echarts](https://echarts.apache.org/zh/index.html)

富文本:[wangeditor](https://www.kancloud.cn/wangfupeng/wangeditor3/332599)

时间格式化:[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)



## 项目结构
```
|-- 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      账户

```