1.项目初始化
- 安装Vue脚手架
- 通过Vue脚手架创建项目
- 配置Vue路由
- 配置Element-UI组件库
- 配置Axios库
- 初始化git远程仓库
- 将本地项目托管到Github或码云中
相关依赖-按需导入
2.登录概述
1. 登录业务流程
- 在登录页面输入用户名和密码
- 调用后台接口进行验证
- 通过验证之后,根据后台的响应状态跳转到项目主页
2. 登陆业务的相关技术点
- http是无状态的
- 通过cookie在客户端记录状态
- 通过session在服务器端记录状态
- 通过token方式维持状态
3.登陆页面的布局
通过Element-UI组件实现布局
- el-form
- el-form-item
- el-input
- el-button
- 字体图标
4.登录成功后
5.路由导航守卫控制访问权限
3.左侧菜单布局
菜单分为二级,并且可以折叠
通过接口获取菜单数据
通过axios请求拦截器添加token,保证拥有获取数据的权限
期待后续…