wepy项目的学习

港控/mmm° 2021-09-19 23:14 299阅读 0赞

使用Promise

开发实时编译

wepy build --watch

安装依赖

cd myproject
    npm 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.png][image.png 1]

![image.png][image.png 2]

![image.png][image.png 3]

![image.png][image.png 4]

![image.png][image.png 5]

![image.png][image.png 6]

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

全部订单  
全部订单，待支付，待收货，已完成

补货订单  
全部，待处理，待收货，已完成

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

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

我的收藏  
我的消息

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

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

![image.png][image.png 7]

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

![image.png][image.png 8]

进入项目根目录，安装polyfill

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

--------------------

## 请点赞！因为你的鼓励是我写作的最大动力！ ##

![官方微信公众号][1240]

吹逼交流群：**711613774**

![吹逼交流群][1240 1]

[image.png]: /images/20210724/6d437a238ecf4db1aae7d70ef62b59ba.png
[image.png 1]: /images/20210724/3d5d809c2c7149ac91c432211ba7a8b1.png
[image.png 2]: /images/20210724/f9cf3b74360b433ba633c26311f74c8e.png
[image.png 3]: /images/20210724/ebacbefe6936481097f61497e4051103.png
[image.png 4]: /images/20210724/c85f706f4d594166a06e1f0b651a78e8.png
[image.png 5]: /images/20210724/0df7c216c3b447d799d3645d0fe39e84.png
[image.png 6]: /images/20210724/573d06613059414e9a959c193cd9cd0b.png
[image.png 7]: /images/20210724/8d6dcd70b38c4fc7b8e33d2c8bdd9f17.png
[image.png 8]: /images/20210724/06cfaae8fa614fbe971180adf9f2b40d.png
[1240]: /images/20210724/b267db91e670426092795cf1b16f990e.png
[1240 1]: /images/20210724/a1d15de787464ce18e96d8996bc5e8f7.png