wepy项目的学习

使用Promise

开发实时编译

wepy build --watch

安装依赖

cd myprojectnpm install

安装（升级） wepy 命令行工具。

npm install wepy-cli -g

生成开发示例

wepy init standard myproject

wepy开发文档地址

https://tencent.github.io/wepy/

小程序开发文档

http://mp.weixin.qq.com/debug/wxadoc/dev/

├── api│   └── api.js              //接口├── app.wpy                 //入口文件├── components                  //组件│   ├── address_add.wpy         //新添加地址组件│   ├── address_edit.wpy        //编辑地址组件│   ├── address_list.wpy        //地址列表组件│   ├── bomb_screen.wpy         //首页弹屏组件│   ├── collection_list.wpy     //收藏列表组件│   ├── comment_list.wpy        //评论列表组件│   ├── common              //公共组件│   │   ├── bottomLoadMore.wpy      //底部加载更多组件│   │   ├── placeholder.wpy         //空列表显示组件│   │   ├── timer.wpy               //倒计时组件│   │   ├── wepy-area-picker.wpy    //省市区组件│   │   ├── wepy-sign-time.wpy      //签到组件│   │   └── wepy-swipe-delete.wpy   //左滑删除组件│   ├── discover.wpy        //发现列表│   ├── filterSlider.wpy    //挑选右侧栏组件│   ├── filter_bar.wpy      //分类排序组件│   ├── order_item.wpy      //订单列表组件│   ├── points_detail.wpy   //列表组件│   ├── points_rule.wpy     //列表组件│   ├── rate.wpy            //评分组件│   ├── search.wpy          //搜索组件│   ├── shop_cart.wpy       //购物车组件│   ├── shop_grid_list.wpy  //矩阵列表│   ├── shop_item_list.wpy  //条形列表│   └── tab.wpy             //选项卡组件├── images                  //图片文件夹├── pages                   //页面│   ├── address.wpy         //地址│   ├── classify.wpy        //分类│   ├── collection.wpy      //收藏│   ├── comfire_order.wpy   //确认订单│   ├── comment.wpy         //评论列表│   ├── comment_add.wpy     //增加评论│   ├── exchange_goods.wpy  //换货│   ├── filter.wpy          //挑选│   ├── goods_detail.wpy    //商品介绍│   ├── home.wpy            //首页│   ├── home_detail.wpy     //首页介绍│   ├── info.wpy            //我的│   ├── logistics.wpy       //物流│   ├── messages.wpy        //我的消息│   ├── order.wpy           //订单列表│   ├── order_detail.wpy    //订单介绍│   ├── pay_success.wpy     //支付结果│   ├── points.wpy          //积分│   ├── points_more.wpy     //更多积分│   ├── points_rule.wpy     //积分规则│   ├── register.wpy        //注册│   ├── reorder.wpy         //--│   ├── replenishment_goods.wpy //补货│   ├── search.wpy          //搜索│   ├── setting.wpy         //设置│   ├── shop_cart.wpy       //购物车│   ├── sign_in.wpy         //签到│   ├── test.wpy            //---│   └── wholesale.wpy       //现货批发├── plugins                 //插件│   └── wxParse             //富文本│       ├── html2json.js│       ├── htmlparser.js│       ├── showdown.js│       ├── wxDiscode.js│       ├── wxParse.js│       ├── wxParse.wxml│       └── wxParse.wxss    ├── styles                  //样式│   ├── base.less│   ├── icon.less           // 图标文件│   └── style.less└── utils                   //工具类    ├── constant.js             //常量    ├── md5.js                  //md5    ├── regions.js              //省市区数据    ├── tip.js                  //提醒弹框组件    ├── util.js                 //工具    └── wxRequest.js            //ajax请求

首页，搜索商品，消息（我的消息），轮播图，签到，换货，特价专区，我要补货，优惠活动，

image.png

敲到有礼，积分规则，取得记录

image.pngimage.pngimage.pngimage.pngimage.pngimage.png

我的页面
绑定手机号
手机号，验证码
（发送验证码）

一律订单
一律订单，待支付，待收货，已完成

补货订单
一律，待解决，待收货，已完成

我的积分
积分说明，积分明细，查看更多

我的足迹（我的足迹，我的收藏）

我的收藏
我的消息

设置（昵称，我的手机，收货地址）

购物车（全选，去结算，合计）

image.png

地址管理
收货人姓名，联络电话，所在地区，详细地址，设置默认地址

image.png

进入项目根目录，安装polyfill

npm install wepy-async-function --save在app.wpy中引入polyfillimport 'wepy-async-function'; 在app.wpy中使API promise化export default class extends wepy.app {    constructor () {        super();        this.use('promisify');    }}

请点赞！由于你的鼓励是我写作的最大动力！

官方微信公众号

吹逼交流群：711613774

吹逼交流群 上一篇 目录 下一篇