项目简介
本项目名为 mi_shop_web,是一个仿小米商城的 Web 版项目。前端运用 React、JS、less 等技术,后端采用 Go 语言搭配 Gin 框架,数据库使用 MySQL,同时涉及 Nginx 等。目标人群主要为在校大学生、缺少全栈开发实战经验者以及非科班且急需项目实战的人员,旨在通过开源项目让大家学习后有所收获与提升。
项目的主要特性和功能
前端
基于 React 构建用户界面,利用 JS 和 less 实现交互效果和样式设计,为用户提供良好的购物体验界面。
后端
使用 Go 语言和 Gin 框架处理业务逻辑,与 MySQL 数据库交互完成数据的增删改查。数据库设计了用户表、商品表、收藏表、购物车表、订单表、订单商品表和地址表,可实现用户管理、商品展示、收藏、购物车管理、订单处理等功能。
接口
采用 RESTful 架构风格和设计风格,接口返回值有统一规范,处理成功和失败时分别有不同的数据结构返回,方便开发者使用和调试。同时使用 Yapi 进行接口数据的 mock。
安装使用步骤
前端
- 进入
mi_shop_web/mi_shop_fe
文件夹。 - 安装依赖,可使用命令
npm install
或yarn install
。 - 启动项目,使用命令
npm start
或yarn start
。
后端
- 进入
mi_shop_web/mi_shop_rd
文件夹。 - 安装 Go 语言相关依赖。
- 配置 MySQL 数据库:
- 使用 utf8mb4 字符集和 InnoDB 引擎。
- 执行建表语句创建所需的表。
- 启动后端服务。
接口测试
可通过浏览器或 API 测试工具,结合 Yapi 地址 http://yapi.smart-xwork.cn/project/90441/interface/api/1303423
进行接口测试和数据模拟。
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】