后台管理系统

1.登录/退出功能

电商后台管理系统

登陆/退出功能模块

登录页面的布局：

通过Element-UI组件的实现 ：el-form,el-form-item,el-input,el-button，字体图标

登录功能的业务流程

1.在登录页面输入用户名和密码

2.调用后台接口进行验证

3.通过验证之后，根据后台的响应状态调转到项目主页

一、登录业务的相关技术点

1.http 是无状态的 （登录成功以后）2.通过cookie 在客户端记录状态（不存在跨域问题，推荐使用） 3.通过session 在服务端记录状态 （不存在跨域问题，推荐使用）4.通过token 方式维持状态（客户端与服务器存在跨域问题，推荐使用，token 主要用户客户身份验证的）

token 原理分析：客户端 在登录页面输入用户名和密码进行登录，通过服务器验证，验证之后生成该用户的token并返回，客户端存储token，在后续的所有请求中，都携带token 发送请求到服务器，服务器会接收到token之后，会核对token，然后返回对应的内容，唯一的token值，保证登录成功的唯一令牌

跨域：域名，端口号，协议不同及跨域

git status 查看当前工作区是否干净 红色表示修改或者新增的，绿色表示放到了暂存区，

git checkout -b login 创建分支并切换

git branch 查看所有分支（带* 号表示当前的分支）

先 git add . 然后git commit , 然后切换分支，合并分支 git merge login ,git push(推送到了 远程分支，这个推送的是master分支)

先推送login 分支，需要切换到login 分支，直接git push 不行，需要 git push -u origin login ( 将本地的login分支推送到云端)

less 开发 添加scoped是为了防止样式变成全局 less less-loader

Main.js 入口文件（挂在路由、导入全局样式表）

router.js 路由文件（可以进行重定向以及路由的按需加载）

app.vue 路由出口

e l-form 是form表单项的开始，el-form-item form表单的每一项，el-input 每一个输入框(eleme