Vue基于Element-UI 电商管理项目

项目概述

在这里插入图片描述

开发模式

前后端分离:前端调接口,后端写接口

技术选型

前端
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
  • 字体图标

猜你喜欢

转载自blog.csdn.net/weixin_43176019/article/details/109963747