# CC_Like项目管理 - 前端

**Repository Path**: CC_like/vue_template

## Basic Information

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

## Statistics

- **Stars**: 6
- **Forks**: 2
- **Created**: 2020-03-06
- **Last Updated**: 2022-05-26

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# CC_Like项目管理 - 前端

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

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

该项目需要结合 [CC_Like项目管理 - 后端](https://gitee.com/CC_like/springboot_template) 使用

### 项目预览

[http://121.196.32.95/](http://121.196.32.95/)

初始账户: sysAdmin 初始密码: 123456

### 包含插件

统计图:[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      账户

```