写在前面
使用框架开发小程序能大大增加开发效率，小程序的框架有很多，大家可以按照自己的喜欢的框架来开发小程序，总之商城的开发思路都是相同的。
本文笔者推荐 WePY 框架，本文以 WePY 框架为例，主要讲解的是 WePY 框架的基本使用，以及微信小程序商城的基本组成部分和开发思路。
本文假设你已了解关于 HTML、CSS 和 JavaScript 的中级知识。
小程序官方文档地址：
WePY 框架文档地址：
有赞 UI 框架地址：
商城的基本组成部分
底部导航栏由以下 4 大模块组成：
- 首页：一些热卖的商品。
- 分类：商城所有商品的分类。
- 购物车：已加入购物车的商品。
- 我的：订单管理模块、收货地址管理、优惠券等。
其他公共模块（我们可以将很多页面要用的相同的模块封装成组件放在 components 文件夹下面，多处地方都跳转至相同的页面放在 common 文件夹下）：
- 搜索模块：搜索商品，展示搜索结果。
- 商品详情模块：展示某个商品的详情，点击某个商品会跳转至此模块。
- 订单支付详情模块：展示某个订单的详情，支付订单时会跳转至此模块。
项目 WePY 构建
安装微信 Web 开发者工具实时预览效果，下载微信开发者工具地址：
https://developers.weixin.qq.com/miniprogram/dev/devtools/stable.html
编写代码使用 VS Code、WebStorm 等开发工具，本文以 VS Code 为例。关于各编辑器的使用，请自行查阅相关资料。
各编辑器的代码高亮地址：
https://wepyjs.github.io/wepy-docs/1.x/#/?id=%e4%bb%a3%e7%a0%81%e9%ab%98%e4%ba%ae
项目需要 npm 环境。
使用 npm 安装项目，安装完后会多出一个名为 myproj 的文件夹。
