# vue-xyAdmin-2005

**Repository Path**: nevermo2013/vue-xy-admin-2005

## Basic Information

- **Project Name**: vue-xyAdmin-2005
- **Description**: 学员管理系统学习代码
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2020-09-04
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 中后台布局

## 相关地址
+ demo代码仓库: https://gitee.com/nevermo2013/vue-xy-admin-2005
+ element ui: https://element.eleme.cn/2.0/#/zh-CN/component/form
+ vue-element-admin: https://github.com/PanJiaChen/vue-element-admin
+ vue-element-admin文档: https://panjiachen.gitee.io
+ 老师版参考: https://gitee.com/nevermo2013/bf-xyAdmin-teacher
+ 后台接口: https://apizza.net/pro/#/project/18e39cb27fcdb28165605d716a40cd6e/browse

## 基本布局技巧
> 参照视频

### 插件
+ Element UI Snippets
+ 彩虹括号   Bracket Pair Colorizer 2

## 代码相关

+ 地市插件: https://github.com/Plortinus/element-china-area-data
+ CodeToText是个大对象，属性是区域码，属性值是汉字 用法例如：CodeToText['110000']输出北京市

## 状态码
+ 200  请求成功,表示网络正常,而且数据达到了后台并返回.
+ 404  请求url没找到,一般是前台错误.
+ 500  请求到了后台,但后台系统报错.这里一般是后台系统有问题,但是不排除前台没有按照要求提交数据导致.


## 表单提交格式
+ request payload  application/json 默认json提交,但是大部分java后台无法直接处理json
+ form data  application/x-www-form-urlencoded  默认的表单格式,后台一般都能处理


## echarts

+ https://echarts.apache.org/zh/index.html


## 跨域

> 由于浏览器的同源策略,在网页中,通过脚本访问另一个域的数据时,不允许通过.协议,域名,端口任意一个不同就是跨域请求.

### 解决方案

+ 后台可以配置cors,使符合白名单的客户端不再做同源验证. https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Access_control_CORS

+ 通过配置webpack的devServer的proxy,可以实现跨域.(开发推荐!)
+ 可以通过配置nginx实现跨域(后台配置)


## 总结: 
+ 登陆认证
    - 前端导航守卫认证方式
    - 后台session+cookies原理和token认证方式(在用)
+ api和axios封装方式
+ 基本自定义模块的封装
+ 普通后台页面的基本增删改查(CURD)操作
+ 条件查询/分页查询的实现
+ 复杂表单的基本交互优化
+ 富文本/ markdown编辑器的基本使用
+ 图片的上传
+ 跨域和解决跨域的方式
+ webpack中后台项目打包