# vue-admin-1910

**Repository Path**: nevermo2013/vue-admin-1910

## Basic Information

- **Project Name**: vue-admin-1910
- **Description**: vue-admin 学习
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

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

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 项目：学员管理系统（中后台）

## bs架构

## 中后台admin框架
+ element  https://github.com/PanJiaChen/vue-element-admin
+ ivew https://www.iviewui.com/docs/introduce 
+ ant design https://ant.design


## 启动
> 参考文档  https://panjiachen.gitee.io/vue-element-admin-site/zh/

+ npm run dev
+ 如果缺失模块core-js  cnpm install core-js@2 --save

## 补充
+ api:  https://apizza.net/pro/#/project/18e39cb27fcdb28165605d716a40cd6e/browse bufanjun  host:bufantec.com
+ 去掉eslint检测 vue.config.js   lintOnSave:fasle;
+ 安装vscode elementUi插件  Element UI Snippets
+ city  https://github.com/Plortinus/element-china-area-data

## form提交的形式
+ enctype  
 - 当 method 属性值为 get 时, url = xxx.com/abc/ddd?k1=v1&k2=v2&.... 
 - 当 method 属性值为 post 时，enctype 就是将表单的内容提交给服务器的 MIME 类型 。可能的取值有：
 - application/x-www-form-urlencoded：未指定属性时的默认值。  Form Data ，这是表单的默认提交方式，一般后台都能处理。
 - multipart/form-data：此值用于一个 type 属性设置为 "file" 的 <input> 元素。  Binary 二进制，一般用于上传图片等文件
 - text/plain：(HTML5)  提交文本形式   request payload 一般时提交了json对象（序列化）

 ## 状态码
 - 200 成功
 - 404 url错误,一般是本地错误
 - 500 一般是后台错误; 1.后台出现了代码错误,比如1/0,[].split()...; 2. 字段匹配错误(接口不匹配,比较常见),比如接口要求clazz,=> class
## 参数
 - get 一般在地址栏显示
 - post
    - request payload  字符串/json,一般后台无法处理json/字符串,应该需要通过qs序列化 
    - form data  表单形式key=v&key=v..  比较常见,一般的后台都接收这种形式
    - binary  二进制,比如上传 


## 变成技巧
+ 组建封装
    - 组建封装能够有效的减少单页代码量,提高代码可读性,以及可移植性,可复用性
    - 如果某个功能是通用的,一般建议使用单独的组建进行封装后引用
    - 如果某个页面的功能太复杂,可以把当页的部分功能独立出来,封装成组建,是基于代码可读性的考虑

## 问题
+ dialog空白关闭
+ 移除校验的问题
+ 路由跳转空白占位符页面

## 富文本
+ 百度的ueditor http://ueditor.baidu.com/website/
+ ckeditor  https://ckeditor.com/
+ wangEditor https://github.com/wangfupeng1988/wangEditor
+ TinyMCE https://www.tiny.cloud/


## 收尾
+ 仪表盘 看板功能  数据可视化
+ 什么情况下出现跨域
    - 协议 域名 端口号 任意一个不同  就会出现跨域 
    - 跨域是浏览器的安全限制,你无法从A通过ajax请求到B的数据(跨域的情况下)
+ 解决跨域的方式
    - 1.后台通过配置cors 使浏览器忽略了当前客户端的跨域请求 
    - https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Access_control_CORS
    - 后台配置cors,可以在前台无感知的忽略跨域问题. 但是很多后台程序员不懂,建议查看上面的链接.
    - 2.jsonp 没有用了. 原理使 script标签的src属性可以突破浏览器跨域,从A请求B的数据.
    - 3.在开发模式下 处理跨域  通过webpack=> devServer=> proxy 实现代理.

+ 打包

+ 动态权限分配问题
+ token自动续期