前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >wepy项目的学习

wepy项目的学习

作者头像
达达前端
发布2019-07-03 10:50:46
1.4K0
发布2019-07-03 10:50:46
举报
文章被收录于专栏:达达前端

使用Promise

开发实时编译

代码语言:javascript
复制
wepy build --watch

安装依赖

代码语言:javascript
复制
cd myproject
npm install
安装(更新) wepy 命令行工具。
代码语言:javascript
复制
npm install wepy-cli -g
生成开发示例
代码语言:javascript
复制
wepy init standard myproject

wepy开发文档地址

代码语言:javascript
复制
https://tencent.github.io/wepy/

小程序开发文档

代码语言:javascript
复制
http://mp.weixin.qq.com/debug/wxadoc/dev/
代码语言:javascript
复制
├── 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

image.png

image.png

image.png

image.png

我的页面 绑定手机号 手机号,验证码 (发送验证码)

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

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

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

我的足迹(我的足迹,我的收藏)

我的收藏 我的消息

设置(昵称,我的手机,收货地址)

购物车(全选,去结算,合计)

image.png

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

image.png

进入项目根目录,安装polyfill

代码语言:javascript
复制
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');
    }

}
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019.06.08 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 安装(更新) wepy 命令行工具。
  • 生成开发示例
  • wepy开发文档地址
  • 小程序开发文档
相关产品与服务
验证码
腾讯云新一代行为验证码(Captcha),基于十道安全栅栏, 为网页、App、小程序开发者打造立体、全面的人机验证。最大程度保护注册登录、活动秒杀、点赞发帖、数据保护等各大场景下业务安全的同时,提供更精细化的用户体验。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档