前言
uni-app 是近年来一种新兴的多端混合开发框架，适合开发跨平台应用，方便多端运行。接下来，我就用一套开源打通版系统给大家演示一下，如何用最新的 uni-app 来搭建一个微信小程序商城。
一、微信小程序商城环境搭建
参考教程：https://doc.crmeb.com/single/crmeb_v4/905
另外，因为程序涉及微信登录功能，还需要自己注册个测试账号，相关地址：https://developers.weixin.qq.com/sandbox
里面的 AppID、AppSecret，后面需要配置到 php 后台配置文件中。
二、系统亮点
多 语 言：后台随时配置语言包，移动端支持多语言切换；
高 性 能：redis 缓存、队列、长连接、多种云储存、支持集群部署；
个 性 UI：多种风格切换、支持 DIY 各种首页 / 专题页面
前后端分离：后端 TP6，管理端 iviewui，移动端 uniapp；
代码规范：遵循 PSR-2 命名规范、Restful 标准接口、代码严格分层、注释齐全、统一错误码；
权限管理：内置强大灵活的权限管理，可以控制到每一个菜单；
开发配置：低代码增加配置、系统组合数据模块；
二开效率：PHP 快速生成表单、内置所有事件、后台在线编辑器、代码注释齐全、完整接口文档；
快速上手：详细帮助文档、接口文档、数据库字典、代码注释、一键安装；
系统安全：系统操作日志、系统生产日志、文件校验、数据备份；
系统功能：请看帮助文档 https://doc.crmeb.com/single/crmeb_v4/1758
三、根据上方教程新建的项目，编写对应程序
1、项目结构如图：
2、项目代码结构
由于文件目录比较长，此处做成单独文档：https://doc.crmeb.com/single/crmeb_v4/1129
3、项目配置相关文件：
Uniapp 目录结构
由于文件目录比较长，此处做成单独文档：https://doc.crmeb.com/single/crmeb_v4/1114
4、主页页面：
个人中心页面提供微信登录按钮，当点击按钮时，会调用微信小程序 api，获取 openid 等值，并通过后端接口将用户信息保存到数据库中。
当登录成功后，进入到商城页，通过列表的形式，展示商城内商品。也可在上方搜索框进行商品名称搜索，精确定位商品。
进入分类菜单，可以根据分类展示商品列表，并可以通过商品右侧的购物车小图标进行添加商品。
购物车可以进行实时计算，展示当前商品数量、商品总价。
当点击购物车图标时，可以展示购物车内商品详情，进行数量上的增加、删减，并可以一键清空购物车。
菜单页，用列表的形式，展示出已有订单信息，并展示其当前状态。
“我的 “ 个人中心页，包括了 我的信息、查看订单、设置收获地址 等功能。
四、微信小程序商城项目源码
源码已经打包好上传到百度云了，大家自行下载即可～
链接: https://pan.baidu.com/s/14G-bpVthImHD4eosZUNSFA?pwd=yu27
提取码: yu27
百度云链接不稳定，随时可能会失效，大家抓紧保存哈。
如果百度云链接失效了的话，请留言告诉我，我看到后会及时更新～