# cms

**Repository Path**: Thyiad/cms

## Basic Information

- **Project Name**: cms
- **Description**: 通用后台管理
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2018-09-10
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# cms

基于最新的vue-cli3.0搭建的脚手架，vue+vuex+vue router+element ui+axios+nprogress
> 相比于2.0，cli3.0移除了build, config等目录，配置更为简洁，统一迁移到了vue.config.js中

## Project setup
```
# 安装依赖
npm install

# 热加载本地运行
npm run serve

# 编译生产文件
npm run build
```

## 目录
- assets
- components
- constants
- filters
- styles
- utils
- views

## 接口格式说明
- X-Token
> 请求时头部会附加X-Token字段，除了login等不需要身份验证的接口都会发送该字段
> 如果存在跨域问题，后台需要添加跨域配置，C#为：
``` xml
<add name="Access-Control-Allow-Origin" value="*" />
<add name="Access-Control-Allow-Headers" value="X-Token, Access-Control-Allow-Origin, Authorization, Origin, x-requested-with, Content-Type, Content-Range, Content-Disposition, Content-Description" />
<add name="Access-Control-Allow-Methods" value="GET, POST, PUT, DELETE" />
```
- 返回格式
``` js
{
    code,
    // 20000: ok
    // 50008: 非法的token
    // 50012: 其他客户端登录了
    // 50014: Token过期了
    message,
    // 一般用来提示错误message
    data,
    // 响应的数据
}
```
- 关于mock
> 使用基于mock.js的在线mock：easy-mock

## 组件说明
- table
    > 封装了表格及分页器
- form
    > 封装了表单，把常用表单类型都有做封装，整个表单可以通过一个配置项自动生成

## 菜单及权限
扩展了router的属性，菜单是通过router自动生成的（这样只需要维护asyncRouterMap列表就OK了）。
考虑到权限这块，菜单后续应该由后台返回，后面可能要稍微调整。
目前也没有做左侧菜单的折叠操作，预留了prop，没有放置操作按钮。