【源码】基于 React 和 Node 的淘商城移动端购物系统

项目简介

本项目是一个移动端购物系统。前端借助 React 框架与 Ant Design Mobile UI 库搭建界面，后端使用 Node 处理服务端请求，数据库选用 MySQL 存储数据。网站涵盖首页、分类、列表页、商品详情页、购物车、登陆注册和账号管理等页面。

项目的主要特性和功能

技术栈

• 前端：运用 React 框架搭建界面，通过 React Router 进行路由管理，使用 Redux 管理应用状态，采用 Sass 编写样式，借助 Ant Design Mobile 提供丰富的移动端组件。
• 后端：采用 Node 处理服务端请求，以 MySQL 作为数据库存储数据。

功能

• 首页：设有秒杀部分，具备每两小时的倒计时功能。
• 分类页：点击分类选项可自动获取浏览记录。
• 列表页：可点击切换显示排序样式。
• 商品详情页：商品 SKU 点击能渲染不同数据，加入购物车功能使用 Redux 管理状态。
• 登陆注册：使用 Node 和 MySQL 实现，包含用户注册、登录、密码修改等功能。

安装使用步骤

1. 确保已下载本项目的源码文件。
2. 打开终端，进入项目根目录，执行以下命令安装前端依赖： bash npm install
3. 进入后端目录，执行以下命令安装后端依赖： bash cd backend # 若后端代码在 backend 目录 npm install
4. 配置 MySQL 数据库：
   • 创建名为 tsc.com 的数据库。
   • 在 node 代码中修改数据库连接的用户名、密码等信息。
5. 启动后端服务：在后端目录下执行以下命令： bash node server.js
6. 启动前端服务：在项目根目录下执行以下命令： bash npm start
7. 打开浏览器，访问 http://localhost:前端端口号 即可使用该购物系统。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】