← 返回项目库

ProShop 中文电子商城

面向电子产品展示、购物车和订单流程的全栈商城源码。

本交付基于 ProShop MERN 电商项目，补齐根级构建与本地预览适配，提供商品列表、搜索、商品详情和购物车等可操作页面。截图使用明确标注的本地演示数据；外部 MongoDB、支付和邮件服务未接入。

真实界面

项目截图

共 6 张

精选商品
搜索结果
AirPods 无线耳机
iPhone 11 Pro 256GB 手机
Canon EOS 80D 单反相机
购物车

Capabilities

核心功能

✓电子产品列表与分页结构
✓关键词搜索商品
✓商品详情、价格、库存和评价展示
✓商品数量选择与购物车管理
✓收货地址与支付方式流程
✓用户登录、注册和个人资料页面
✓管理员商品、用户和订单管理入口
✓Express API 与 React Redux 前端分层

适用场景

搭建电子产品自营商城原型
学习 React、Redux、Express 和 MongoDB 的电商流程
以本地演示数据验证商品浏览和购物车交互后再接入生产服务

适合谁

需要快速搭建电子产品商城、学习 MERN 电商架构或进行二次开发的个人开发者与小团队。

商业化思路

可作为自托管商城原型、企业内部商品目录、定制电商项目基础或前端演示底座；正式交易前需接入真实数据库、支付、库存和安全策略。

你会拿到什么

  • ✓ProShop 全栈源码与中文核心界面
  • ✓根级构建脚本、本地预览服务和可重复演示数据

部署流程

  1. 1准备 Node.js、npm 和 MongoDB 环境
  2. 2分别安装根目录与 frontend 目录依赖并执行 npm run build
  3. 3配置 MONGO_URI、JWT_SECRET、PAYPAL_CLIENT_ID 和 NODE_ENV
  4. 4使用 npm start 启动 Express 服务并通过反向代理提供访问

真实验证结果

已通过 6 个真实运行中文界面、HTTP、可见正文、控制台、坏图和横向溢出质量门。

部署前须知

本次验证的是本地浏览器预览和明确标注的演示夹具；未接入真实 MongoDB、PayPal、邮件服务，也未宣称库存一致性、支付回调、生产认证和高并发已验证。

部署难度

中等

最低配置

构建需要 Node.js 18 及以上和 npm；正式运行需要 MongoDB、持久化上传目录、反向代理和支付服务配置。

开源许可证

上游未声明许可证

最后验证

2026-09-03

技术栈

ReactReduxReact BootstrapExpressMongoDBMongooseNode.js

授权说明

上游仓库未提供明确许可证文件；交付包已内置醒目的研究用途与权利声明，仅限学习研究，超出范围需另行取得权利人授权。

Release notes

版本记录

1 个已发布版本

vcn-87659ef003fb 当前推荐

新增根级 CRA 构建入口和本地商品 API 预览适配，修复 React Router、Redux 依赖兼容性并完成核心商城界面中文化。

部署要求：构建需要 Node.js 18 及以上和 npm；正式运行还需要 MongoDB、JWT 密钥、支付配置和反向代理。

已知问题：本地预览使用明确标注的演示商品数据，外部数据库、支付、邮件、真实用户权限和生产部署仍需按实际环境配置验证。

登录后领取