秒杀系统客户端前端服务器

简介

针对前后端分离的需求,构建了用React框架的客户端前端服务器。负责前端的客户端秒杀服务器。

图文一览

说实话前端页面我自己做的不好看,甚至可以说很丑·····贻笑大方了。其中一些代码逻辑也是用纯粹的JS写的,没有用到脚手架,这也不算美事。

用户登陆界面(截的部分)

客户商品列表界面

客户商品详情界面

客户订单详情界面

如何使用

项目准备

由于此项目是前后端分离,请先把后端项目跑起来。 下载前端源码后

  • npm install 或者 yarn install (建议yarn方式) 下载环境依赖包

本地部署

  1. 修改根目录下 .env 全局文件中的变量。变量PORT是控制启动端口,与package.json文件中的启动脚本语句结合使用,可改为3000,无妨使用。.env文件中的REACT_APP_BASE_URL变量是结合setupProxy.js文件中的目标网址使用,这一块代理请求的知识在自己的总结里说。以及.env和setupProxy.js文件改了内容后都要重启才生效。
  2. 终端输入yarn start

本地运行项目,一般会自动打开游览器直接访问。

解决BUG

  • 有时候启动时会报错babel-jest错误,看具体报错内容,去lock文件中删除与项目制定babel-jest版本不符的依赖,再删除node_modules包,再yarn install 命令重新安装。

源码下载

​​下载链接: https://pan.baidu.com/s/1v0WxipNBlcLQFaDeNNvYwQ?pwd=cemg

提取码: cemg

猜你喜欢

转载自blog.csdn.net/qq_41701956/article/details/126803643