项目概述
开发模式
前后端分离:前端调接口,后端写接口
技术选型
前端
1.vue
2.vue-router
3.element-ui
4.axios
5.echarts
后端
1.node.js
2.express
3.jwt
4.mysql
5.sequelize
项目初始化
1
1 安装 vue 脚手架
2 vue 脚手架创建项目
3 配置 vue 路由
4 配置 element-ui 组件库
5 配置 axios 库
6 初始化 git 远程仓库
7将本地项目托管到 github 或者码云上
2
后台项目环境安装配置
1 安装 MySQL 数据库
2 安装 Node.js 环境
3 配置项目相关信息
4 启动项目
5 使用 postman 测试后台项目接口是否正常
接口地址(接口维护至2023年3月)
http://timemeetyou.com:8889/api/private/v1/
账号 admin 密码 123456
登陆概述
登陆业务流程
1 登陆流程 输密码
2 后台验证
3 通过验证再跳转到项目相关页面
登陆业务技术点
1 http 无状态
2 cookie 在客户端记录状态
3 session 服务端记录状态
4 token 方式维持状态
token 原理
登陆功能实现
1 登陆页面布局 element
- el-form
- el-form-item
- el-input
- el-button
- 字体图标