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

古城微笑少年丶 2023-09-27 09:23 120阅读 0赞

## 简介 ##

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

## 图文一览 ##

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

用户登陆界面（截的部分）

![912dc27e66ae6515f231703f10bbadda.png][]

客户商品列表界面

![6192aa884436807aa0630706fa08a07a.png][]

客户商品详情界面

![74264703caaf6be7b57f8b8f8207ad0f.png][]

客户订单详情界面

![d4567ad6459199e72358481f4b1260b7.png][]

## 如何使用 ##

### `项目准备` ###

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

*  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][https_pan.baidu.com_s_1v0WxipNBlcLQFaDeNNvYwQ_pwd_cemg]
> 
> **提取码:** cemg

[912dc27e66ae6515f231703f10bbadda.png]: https://img-blog.csdnimg.cn/img_convert/912dc27e66ae6515f231703f10bbadda.png
[6192aa884436807aa0630706fa08a07a.png]: https://img-blog.csdnimg.cn/img_convert/6192aa884436807aa0630706fa08a07a.png
[74264703caaf6be7b57f8b8f8207ad0f.png]: https://img-blog.csdnimg.cn/img_convert/74264703caaf6be7b57f8b8f8207ad0f.png
[d4567ad6459199e72358481f4b1260b7.png]: https://img-blog.csdnimg.cn/img_convert/d4567ad6459199e72358481f4b1260b7.png
[https_pan.baidu.com_s_1v0WxipNBlcLQFaDeNNvYwQ_pwd_cemg]: https://pan.baidu.com/s/1v0WxipNBlcLQFaDeNNvYwQ?pwd=cemg