wepy小程序项目

代码语言：javascript复制

# 安装（更新） wepy 命令行工具。
cnpm install wepy-cli -g
# 安装依赖包
cnpm install
# 开发实时编译。
npm run dev

WePY开发文档参考

店铺

• 店铺首页
• 店铺信息

商品

• 分类展示
• 规格展现
• 购物车
• 商品详情
• 会员折扣价

订单

商品下单 订单列表 订单详情 订单评价 订单退款 堂食点餐/外卖点餐

优惠券

我的优惠券 领取优惠券 使用优惠券 扫码核销 自助核销 活动页面

营销

拼团 砍价 优惠券

我的

基本信息 会员卡 会员特权 联系客服

1 核 2 GB 1 Mbps

系统盘：普通云硬盘

购买域名：购买完域名之后建议去实名认证。

域名备案： 备案服务号申请 申请备案服务号：（非常重要）

购买域名(网址)

安装WordPress免费建站平台

小程序入口

代码语言：javascript复制

export class App extends wepy.app {
 onLaunch() {
}
}

代码语言：javascript复制

this.$pages = {
'./pages/index': IndexPage
}

代码语言：javascript复制

this.$inter = {
 'request': {
  config(p) {
   return p;
  },
  success(rst) {
  }
 }
}

代码语言：javascript复制

this.use('requestfix');
this.use('promisify');

使用wepy.xxx的方式请求小程序原生API都将Promise化

代码语言：javascript复制

 // app.js
  constructor () {
      super();
      this.intercept('request', {
          config (p) {
              p.timestamp =  new Date();
              return p;
          },
          success (obj) {
              console.log('request success');
          }
      });
  }

image.png

代码语言：javascript复制

$emit(eventName:String, [args])：组件发起一个冒泡事件。

代码语言：javascript复制

  this.userName = 'Gcaufy';
  this.$apply();

  this.$apply(() => {
      this.userName = 'Gcaufy';
  });

代码语言：javascript复制

  this.$redirect('./page2', {a: 1, b: 2});
  this.$redirect({
      url: './pages?a=1&b=2'
  });

代码语言：javascript复制

$destroy()：终止事件传播

Mixin基类

代码语言：javascript复制

// mymixn.js
export class MyMixin extends wepy.mixin {
    // my logic here
}

// mycom.js
import MyMixin from './mymixin';
export class MyCom extends wepy.component {
    mixins = [MyMixin];
}

ICP备案 小程序 微信

0 人点赞