# vue-cpmes-mpa

**Repository Path**: yongxing912/vue-cpmes-mpa

## Basic Information

- **Project Name**: vue-cpmes-mpa
- **Description**: vue多页面模板
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2019-11-14
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vue-cpmes
## 这是一个vue 多页面项目template

## 发货系统vue组件不能自动加载？原因在于数据库中该组件的url含有空格
## 代码对齐：Alt+Shift+f

## todo
- 需要通过导航守卫，增加页面拦截功能
- 限定时间内无操作，则自动注销退出
- 登录时选择保存密码，则将密码保存到cookie，下次登录免输入
- ~~主页自动获取焦点~~
- jwt注销用户操作规范和技术应用要求，注销实现，清除token,user等登陆时写入本地的信息数据
- 路由跳转，高亮显示
- 登录页面，默认回车登录按钮
- 添加用户注册功能
- 数据库添加用户是否激活状态标志
- 页面css设计，高度铺满
- ~~登录界面，账号密码添加icon~~
- axios请求数据的几种方式和区别（post,get,delete etc.），如何携带参数传递给后端。
- mes系统开发，通过子系统级菜单，访问该子系统内菜单，需要携带userId,sysMenuId信息，后端再次做权限验证。防止通过攻击前端获取权限。
  - 所携带参数，有两种获取方式：1.组件传值  vs  2.veux数据共享



## Project setup
```
npm install
```

### Compiles and hot-reloads for development
```
npm run serve
```

### Compiles and minifies for production
```
npm run build
```

### Lints and fixes files
```
npm run lint
```

## 2019年12月9日
- 修改该项目多页面结构，原始index.html为登录首页，home.html为登陆后的显示页，
- Logo更改为gt logo
- 运行ok

## 安装element UI 及其样式
1. npm i element-ui -S
2.  //导入Element UI组件
    - import ElementUI from 'element-ui'
    - import 'element-ui/lib/theme-chalk/index.css'//导入ElementUI样式文件
    - Vue.use(ElementUI)

## 安装sass-loader
- npm install --save-dev sass-loade

## 安装vue-router
1. npm install vue-router
2. 导入：
   - import VueRouter from 'vue-router'
   - Vue.use(VueRouter)


### 添加文件 vue.config.js，并添加入口设置
### 在src目录下建立article,index,person3个文件夹，每个文件夹下面都有vue,html,js3个文件
### [本template 参考](https://zhuanlan.zhihu.com/p/54565975)
![1](.\images\1.png)

### [未使用的参考1](https://www.jb51.net/article/162352.htm)
### [未使用的参考2](https://www.jianshu.com/p/05c1bc5074a9)\