专栏首页达达前端wepy项目的学习

wepy项目的学习

使用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

image.png

image.png

image.png

image.png

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

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

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

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

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

我的收藏 我的消息

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

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

image.png

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

image.png

进入项目根目录,安装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');
    }

}

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Vue简介

    vue.js 中 data, prop, computed, method,watch 介绍

    达达前端
  • dashucoding记录2019.6.7

    购买阿里云ECS主机 购买域名 申请备案 环境配置 安装wordpress 域名解析 在“产品与服务”中选择云服务器ECS

    达达前端
  • uniapp 组件传参

    若本号内容有做得不到位的地方(比如:涉及版权或其他问题),请及时联系我们进行整改即可,会在第一时间进行处理。

    达达前端
  • Vue简介

    vue.js 中 data, prop, computed, method,watch 介绍

    达达前端
  • 聚类算法,k-means,高斯混合模型(GMM)

    什么是聚类算法?聚类是一种机器学习技术,它涉及到数据点的分组。给定一组数据点,我们可以使用聚类算法将每个数据点划分为一个特定的组。理论上,同一组中的数据点应该具...

    大数据技术与机器学习
  • K-Means(K均值)、GMM(高斯混合模型),通俗易懂,先收藏了!

    什么是聚类算法?聚类是一种机器学习技术,它涉及到数据点的分组。给定一组数据点,我们可以使用聚类算法将每个数据点划分为一个特定的组。理论上,同一组中的数据点应该具...

    mantch
  • 程序猿也浪漫

    非常简单的几行代码,初学者也可以写出来。也许你看着很多,其实大部分都是自动生成的,只有8-15行是真正自己需要写的,那么你还觉得,敲代码很枯燥吗?快试试效果吧。

    小闫同学啊
  • 亿级流量系统如何玩转 JVM

    我那个朋友公司做的是 to b 方向 , 系统流量不是很大 , 加上才工作 2 年直接被问懵逼

    Rude3Knife的公众号
  • C++:46---绝不重新定义继承而来的non-virtual函数

    用户3479834
  • 资源警告!有人收罗了40个中文NLP词库,放到了GitHub上

    最近,在GitHub上,有人收罗了一份资源,汇集了40个关于中文NLP词库,涵盖了各个方面。

    量子位

扫码关注云+社区

领取腾讯云代金券