-
+
云开发电商模板
@@ -13,290 +12,35 @@
## 说明
-云开发电商模板提供了一键创建零售商城小程序的能力。
+本项目为云开发电商模板的小程序，提供首页、购物车、订单、个人中心、商品详情等页面。
-## 快速上手
+本项目的后端可前往
安装。
-1. 安装本模版
-2. 导入云开发电商模板小程序
+## 社区
-
+欢迎添加企微群沟通交流：
-3. 填入开通了云开发环境的小程序的 appId
-
-
-
-4. 在 `app.js` 中，填入云开发环境 id
-
-
-
-5. 前往[小程序微信支付模版](https://tcb.cloud.tencent.com/cloud-admin#/cloud-template/detail?appName=wx-pay-v2&solutionId=solution-1sbaF7cyIqcgRj&appType=basic)，填入该模版所需参数
-
-
-
-6. 安装依赖
- 6.1 在命令行执行 `npm install`
- 6.2 点击菜单栏中的「工具 -> 构建 npm」
- 6.3. 详情可参考[npm 支持 | 微信开放文档](https://developers.weixin.qq.com/miniprogram/dev/devtools/npm.html#%E4%BD%BF%E7%94%A8-npm-%E5%8C%85)
-7. 编译启动小程序，开始体验
-8. 正式发布前，移除云开发引导弹窗
- 8.1 删除 `components/cloud-template-dialog/` 文件夹
-
- 
-
- 8.2 删除 `pages/home/home.wxml` 中对云开发引导弹窗的引用
-
- 
-
- 8.3 删除 `pages/home/home.json` 中对云开发引导弹窗的引用
-
- 
-
-## 页面介绍
-
-### 首页
-
-
-
-首页由三部分组成：
-
-● 搜索栏
-
-● 轮播图
-
-● 商品列表
-
-#### 搜索栏
-
-点击搜索栏，可以输入搜索商品，并展示搜索到的商品列表：
-
-
-
-#### 轮播图
-
-轮播图可循环展示配置好的图片。
-
-
-
-#### 商品列表
-
-首页商品列表会列出所有的商品，点击单个商品后，会跳转至对应的商品详情页。
-
-首页商品列表：
-
-
-
-点击商品后跳转商品详情页：
-
-
-
-### 分类页
-
-分类页会以侧边栏展示商品的一级分类，主内容展示商品的二级分类。
-
-
-
-点击二级分类后，会展示当前分类下的商品列表。同样，在此商品列表点击商品后，会跳转至对应商品详情页。
-
-水果分类下的商品列表：
-
-
-
-
-### 商品详情页
-
-
-
-商品详情页由多个部分组成：
-
-● 商品轮播图
-
-● 商品信息
-
-● 规格选择栏
-
-● 评价预览
-
-● 商品详情
-
-● 底部动作栏
-
-#### 商品轮播图
-
-商品轮播图可循环展示该商品的多个图片：
-
-
-
-#### 商品信息
-
-商品信息会展示商品的名称与最低价格：
-
-
-
-#### 规格选择栏
-
-点击规格选择栏后，可在跳出的弹窗中选择商品对应的规格，并选择购买数量。确定商品规格和购买数量后，可加入购物车或选择立即购买：
-
-
-
-#### 评价预览
-
-当商品存在评价时，会展示评价预览，包括评论数、好评率，以及一条评价：
-
-
-
-#### 商品详情
-
-商品详情用于展示商品的详细信息，这部分的内容以富文本的形式呈现：
-
-
-
-#### 底部动作栏
-
-底部动作栏提供了四个按钮，包括首页和购物车页的跳转按钮，点击后会跳转至相应页面；还有加入购物车与立即购买按钮，点击后能唤出规格选择弹窗，选择完商品后就能够执行对应的操作：
-
-底部动作栏：
-
-
-
-点击后唤出规格选择弹窗：
-
-
-
-### 购物车页
-
-
-
-购物车页可以查看购物车项。对于每个购物车项，可以进行删除、修改数量的操作。选中购物车项后，可以点击「去结算」按钮前往订单确认页进行订单创建并购买。
-
-左滑购物车项进行删除：
-
-
-
-选中购物车项后可进行结算：
-
-
-
-点击「去结算」按钮后跳转至订单确认页：
-
-
-
-### 订单确认页
-
-
-
-订单确认页提供以下功能：
-
-● 地址选择栏
-
-● 订单信息展示
-
-● 提交订单并支付
-
-#### 地址选择栏
-
-地址选择栏展示当前订单的配送地址。如果未选择地址，将无法提交订单。点击地址选择栏后可跳转至地址列表，对地址进行增加、删除、修改和选择的操作。选择完地址后，会返回至此页，届时可继续进行订单提交。
-
-地址选择栏：
-
-
-
-地址列表：
-
-
-
-选择完地址后，跳回订单确认页：
-
-
-
-#### 订单信息展示
-
-在订单确认页会展示当前创建的订单的详细内容，包括订单项、总价等信息。
-
-
-
-#### 提交订单并支付
-
-在选择完地址后，点击提交订单，即可创建订单，并弹出支付弹窗。若支付流程失败，可在订单列表中查询到待支付的订单，重新支付。
-
-
-
-### 用户中心页
-
-用户中心页展示用户信息、订单列表和地址列表。
-
-
-
-## 数据模型
-
-云开发电商模板附带了一系列的数据模型。对于数据模型的能力说明，请查看[云开发数据模型](https://docs.cloudbase.net/model/introduce)。
-
-本模版附带的数据模型有：
-
-|名称|标识|描述|
-|---|---|---|
-|电商SPU|shop_spu|一件商品，对应电商概念中的 SPU，即 Standard Product Unit。|
-|电商SPU分类|shop_spu_cate|商品分类，每个商品分类都可以有自己的子分类、父分类和对应的商品。|
-|电商SPU属性名|shop_attr_name|商品的属性名，如数量。|
-|电商SPU属性值|shop_attr_value|商品的属性值，如数量对应的值可能为「1 件」、「10 件」。|
-|电商SPU评价|shop_comment|用户对商品做出的评价。|
-|电商SKU|shop_sku|一件有具体属性的商品销售单位。每个 SPU 都可以对应多个 SKU。举例来说，A 品牌的平板电脑为 SPU，其对应的 SKU 为 A 品牌的 16GB 内存、白色的平板电脑。|
-|电商购物车项|shop_cart_item||
-|电商订单|shop_order||
-|电商订单项|shop_order_item||
-|电商收货信息|shop_delivery_info||
-|电商首页轮播图|shop_home_swiper_image||
-
-## 应用配置说明
-
-### 配置商品
-
-#### 配置SPU
-
-在「电商SPU」数据模型中，填入 SPU 数据。这里我们添加一行「荔枝」的 SPU 数据：
-
-
-
-#### 配置SKU
-
-添加完 SPU 后，我们还需要为其添加 SKU 数据。SKU 可以理解为具有具体规格/属性的 SPU，比如荔枝的属性可以有数量、大小等等。不同数量、不同大小的荔枝会有不同的价格、不同的库存。
-
-首先，我们为荔枝配置属性选项。
-
-在「电商SPU属性名」数据模型中，我们添加一行「大小」属性：
-
-
-
-添加完属性名后，我们还需要为此属性名配置属性值。
-
-我们在「电商SPU属性值」配置两个属性值，分别是大、小：
-
-
-
-
-
-至此，我们配置好了「大小」这个属性名，这个属性名下有两个可选的属性值，分别为「大」和「小」。
-
-现在，我们可以为「荔枝」SPU 添加 SKU 了，分别是「大荔枝」和「小荔枝」，他们的价格户不相同：
-
-
-
-
-
-#### 配置商品分类
+
+
+