电商系统的终端访问方式------- pc端,移动app,移动web,微信小程序
前后端分离的开发模式,基于ajax负责调接口
用到的技术:vue
vue-router
element-ui
axios
echarts
git
前端项目初始化步骤:
- 安装 vue 脚手架(全局安装一次就可以一直使用)
- 通过 vue 脚手架创建项目
- windows + r 打开运行面板 输入 cmd,在终端 vue ui
- 配置 vue路由
- 配置 element-ui 组件库
- 配置 axios 库
- 初始化 git 远程仓库
- 将本地项目托管到 github 或者 码云 中
后台项目的环境安装配置
- 安装MySQL数据库(phpStudy,phpMyAdmin)
- 安装Node.js环境
- 配置项目相关信息
- 启动项目
- 使用Postman测试后台项目接口是否正常
在cursor中打开终端(文件夹上点击右击打开终端)
git status 查看是否是干净的
git checkout -b login 新建分支,名为login,并且通过checkout 命令切换到了 login这个分支上
git branch 查看所有的分支
* login 带星号的是当前分支
main
登录概述:
1.登陆业务流程
- 在登陆页面输入用户名和密码
- 调用后台接口进行验证
- 通过验证后,根据后台的响应状态跳转到项目页面
2.登陆业务的相关技术点
- http是无状态的
- 通过 cookie 在客户端记录状态(不存在跨域问题时用)
- 通过 session 在服务器端记录状态(不存在跨域问题时用)
- 通过 token 方式维持状态(存在跨域问题时使用)-----是由服务器生成的,不同的用户对应的token值也都是不一样的,是用来在客户端和服务器端进行身份校验的
- 登陆页面输入用户名和密码进行登录
- 服务器验证通过之后生成该用户的token并返回
- 客户端存储该token
- 后续所有的请求都携带token发送请求
- 服务器端验证token是否通过