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请求
首页,搜索商品,消息(我的消息),轮播图,签到,换货,特价专区,我要补货,优惠活动,
敲到有礼,积分规则,获得记录
我的页面
绑定手机号
手机号,验证码
(发送验证码)
全部订单
全部订单,待支付,待收货,已完成
补货订单
全部,待处理,待收货,已完成
我的积分
积分说明,积分明细,查看更多
我的足迹(我的足迹,我的收藏)
我的收藏
我的消息
设置(昵称,我的手机,收货地址)
购物车(全选,去结算,合计)
地址管理
收货人姓名,联系电话,所在地区,详细地址,设置默认地址
进入项目根目录,安装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');
}
}
请点赞!因为你的鼓励是我写作的最大动力!
吹逼交流群:711613774
wepy项目的学习的更多相关文章
- Android 开源项目及其学习
Android 系统研究:http://blog.csdn.net/luoshengyang/article/details/8923485 Android 腾讯技术人员博客 http://hukai ...
- 【转】iOS超全开源框架、项目和学习资料汇总
iOS超全开源框架.项目和学习资料汇总(1)UI篇iOS超全开源框架.项目和学习资料汇总(2)动画篇iOS超全开源框架.项目和学习资料汇总(3)网络和Model篇iOS超全开源框架.项目和学习资料汇总 ...
- 开源项目live555学习心得
推荐:伊朗美女找丈夫比找工作难女人婚前一定要看清三件事 × 登录注册 疯狂少男-IT技术的博客 http://blog.sina.com.cn/crazyboyzhaolei [订阅][手机订 ...
- iOS超全开源框架、项目和学习资料汇总--数据库、缓存处理、图像浏览、摄像照相视频音频篇
iOS超全开源框架.项目和学习资料汇总--数据库.缓存处理.图像浏览.摄像照相视频音频篇 感谢:Ming_en_long 的分享 大神超赞的集合,http://www.jianshu.com/p/f3 ...
- soul开源网关项目搭建学习
1. soul开源网关项目搭建学习 1.1. 地址 https://gitee.com/shuaiqiyu/soul 1.2. 介绍 官方介绍:这是一个异步的,高性能的,跨语言的,响应式的API网关. ...
- 一个比较全面 的web项目实战学习
一个比较全面 的web项目实战学习:http://www.cnblogs.com/jikey/p/3613082.html
- 一个toolkit或者一个开源项目如何学习它并使用它
一个toolkit或者一个开源项目如何学习它并使用它 一般一个流行的toolkit和开源项目,一般都会被广泛地被应用: 那么,我们如何学习它,如何应用它在自己的业务场景中呢? 答案就是:学习源码并借鉴 ...
- 《Java 程序设计》课堂实践项目 课后学习总结
<Java 程序设计>课堂实践项目 课后学习总结 String类的使用(sort) 目录 Linux命令(sort) 课堂实践 课后思考 学习老师的代码之后的思考:int与Integer ...
- wepy项目中使用async await
https://github.com/Tencent/wepy/wiki/wepy项目中使用async-await
随机推荐
- 题解-APIO2019桥梁
problem \(\mathrm {loj-3145}\) 题意概要:给定一张 \(n\) 点 \(m\) 边的无向图,边有边权,共 \(q\) 次操作,每次会将第 \(x\) 条边的权值改为 \( ...
- 如何升级centos7 内核方法
关于内核说明: 版本性质:主分支ml(mainline),稳定版(stable),长期维护lt(longterm) 版本命名格式:“A.B.C" A代表内核版本号 B代表内核主版本号 C代表 ...
- 使用其他身份运行计算机(DOS命令)
runas/user:administrator cmd d: cd esop sfispri.ini
- threejs CameraHelper 查看照相机的观察范围
简单例子 这个例子,是在一个视图中,看到照相机的辅助线,也就是,一个照相机的观察访问 这样,就需要两个照相机,一个是主照相机,一个是加有辅助线的照相机(有两种,正交和透视,这里辅助的使用的是正交的) ...
- iview的table组件中加入超链接组件,可编辑组件,选择组件,日期组件
这篇文章主要介绍了iview的table组件中使用选择框,日期,可编辑表格,超链接等组件. 1.select选择组件 // tableColumn数组响应对象需要传入一个固定的option数组,如果该 ...
- 【转载】 腾讯云通过设置安全组禁止某些IP访问你的服务器
有时候我们在运维网站的过程中会发现一些漏洞扫描者的IP信息,或者个人爬虫网站的IP信息,此时我们想禁止掉这些IP访问到你的服务器,可以通过腾讯云的安全组功能来设置禁止这些IP访问你的服务器,也可以通过 ...
- Java 之 File类(文件操作)
一.概述 java.io.File 类是文件和目录路径名册抽象表示,主要用于文件和目录的创建.查找和删除等操作. File类是一个与系统无关的类,任何的操作系统都可以使用这个类中的方法. 路径问题: ...
- MySQL基础篇
数据库基础知识 以MySQL为基础 数据库事务 :数据库中一组原子性的SQL操作,彼此状态一致.具有ACID特性. 事务 ACID 特性: 原子性:数据库事务是一个整体,其中的SQL操作要么全部提交成 ...
- el-table——可编辑、拖拽排序与校验的formTableDrag
背景: 1.利用form进行校验输入: 2.利用sortable操作Dom替换表格数据顺序: 3.利用lodash实现数据深拷贝与参数替换等 一:最外层的数组校验 <template> & ...
- Pytohn笔记(31)----第三方包
摘自: https://www.jianshu.com/p/bbc8672a2d09 一. from __future__ import **** [版本更新之后想在原来的版本使用新版本的一些功能] ...