微信商城 小程序 开源JS源码 教学版

微信商城 小程序 开源JS源码 教学版

项目详情请见压缩包内的 HTML 文件。

微信小程序实现移动端商城

本项目是一套基于微信小程序的移动端商城示例,包含前端小程序代码和后台服务端代码,

   提供从商品展示、下单到订单管理的完整业务闭环。项目同时附带数据库结构,方便二次开发,
   部署步骤相对简单,适合快速搭建自用或教学示例的移动商城。

如果这个项目对你的学习或工作有帮助,可以在原始仓库中为作者点赞支持,
   也欢迎在此基础上进行功能扩展和个性化开发。

项目布局概览

小程序端目录大致结构如下:

|-- images               // 公共图片资源
|-- lib                  // 公共工具与封装文件
|-- pages                // 各功能页面
|   |-- index            // 首页与推荐商品
|   |-- list             // 商品列表页
|   |-- details          // 商品详情页
|   |-- user             // 个人中心
|   |-- order            // 我的订单
|   |-- coupon           // 优惠券相关页面
|   |-- cart             // 购物车
|   |-- addressList      // 我的收货地址列表
|   |-- addressAdd       // 新增 / 编辑收货地址
|-- README.md            // 项目说明文档

项目截图

项目提供了若干页面截图,用于展示首页、商品列表、商品详情、购物车、订单及个人中心等界面效果。
   如果在打包时遇到体积超过限制的情况,可以根据需要删除截图资源目录以减小小程序包体积。

开发与运行环境

项目基于微信小程序开发,适配微信开发者工具,调试基础库版本为 2.0.4。
   按照服务端与小程序端的部署说明配置完成后,即可在本地进行调试和体验。

image.png<br/>image.png