【干货】，分享自己做过的一个带二级分销、支付等功能的微信小程序（已上线）

先放几张效果图吧！





我之前是做安卓开发的，前段时间帮朋友开发了一款小程序。
前端学过html+css+js的童鞋应该对里面的一些语法都都很熟悉了，这里主要说下商品加入购物车的一些逻辑，我这里用的是将商品信息的数组缓存到storage的方法，购物车直接get到内存中那个数组名。还有弹出选择框这里也遇到了一些坑。我这里后端用的是php，对于一个做安卓的java?来说，php里面的一些东西还是花了一些时间去了解。下面是微信支付wxpayapi的jsapi代码，具体的这个文件可以去微信开发者文档里下载。

$value){
//         echo "$key : $value 
";
//     }
// }

//①、获取用户openid
$tools = new JsApiPay();
$openId = $tools->GetOpenid();

//②、统一下单
$input = new WxPayUnifiedOrder();
$input->SetBody("test");
$input->SetAttach("test");
$input->SetOut_trade_no(WxPayConfig::MCHID.date("YmdHis"));
$input->SetTotal_fee("1");
$input->SetTime_start(date("YmdHis"));
$input->SetTime_expire(date("YmdHis", time() + 10));
$input->SetGoods_tag("test");
$input->SetNotify_url("http://paysdk.weixin.qq.com/example/notify.php");
$input->SetTrade_type("JSAPI");
$input->SetOpenid($openId);
$order = WxPayApi::unifiedOrder($input);
//echo '统一下单支付单信息
';
//printf_info($order);
$jsApiParameters = $tools->GetJsApiParameters($order);
echo $jsApiParameters;

//获取共享收货地址js函数参数
$editAddress = $tools->GetEditAddressParameters();

//③、在支持成功回调通知中处理成功之后的事宜，见 notify.php
/**
 * 注意：
 * 1、当你的回调地址不可访问的时候，回调通知会失败，可以通过查询订单来确认支付是否成功
 * 2、jsapi支付时需要填入用户openid，WxPay.JsApiPay.php中有获取openid流程 （文档可以参考微信公众平台“网页授权接口”，
 * 参考http://mp.weixin.qq.com/wiki/17/c0f37d5704f0b64713d5d2c37b468d75.html）
 */
 
?>

下面是部分前端代码：

    
        
            
                
                
                
                {{item.title}}
                ￥{{item.price}}
                
                {{item.sub}}
                
                
                    -
                    {{item.num}}
                    +
                
                ×
            
        

        
            
            
            
                
            
            全选
            ￥{{totalPrice}}
        
    
    
        购物车是空的哦~
    

// page/component/new-pages/cart/cart.js
//var cars=new Cars(); //实例化 购物车
Page({
  data: {
    carts:[],               // 购物车列表
    hasList:false,          // 列表是否有数据
    totalPrice:0,           // 总价，初始为0
    selectAllStatus:true,    // 全选状态，默认全选
    obj:{
        name:"hello"
    }
  },
  onShareAppMessage: function (res) {
    var a = wx.getStorageSync("id")
    var b = wx.getStorageSync("name")
    if (res.from === 'button') {
      // 来自页面内转发按钮
      console.log(res.target)
    }
    return {

      title: '名片500张仅19元 全国包邮 货到付款，转发可享受更多优惠价',


      path: '/pages/mine/mine?id=' + a + '&sub=' + b,
      success: function (res) {
        // 转发成功
        wx.showModal({
          title: '提示',
          content: '转发成功',

        })

      },
      fail: function (res) {
        // 转发失败
      }
    }
  },

  // 分割线
  onShow() {

     var that = this;
     var id1 = wx.getStorageSync('cart1') || [];
      var id2 = wx.getStorageSync('cart2') || [];
       var id3 = wx.getStorageSync('cart3') || [];
       var id4 = wx.getStorageSync('cart4') || [];
       var id5 = wx.getStorageSync('cart5') || [];//名片类，安格纸
       var id6 = wx.getStorageSync('cart6') || [];
       var id7 = wx.getStorageSync('cart7') || [];
       var id8 = wx.getStorageSync('cart8') || [];
       var id9 = wx.getStorageSync('cart9') || [];
       var id10 = wx.getStorageSync('cart10') || [];
       var id11 = wx.getStorageSync('cart11') || [];
       var id12 = wx.getStorageSync('cart12') || [];
       var id13 = wx.getStorageSync('cart13') || [];
       var id14 = wx.getStorageSync('cart14') || [];//哑面
       var id15 = wx.getStorageSync('cart15') || [];
       var id16 = wx.getStorageSync('cart16') || [];
       var id17 = wx.getStorageSync('cart17') || [];
       var id18 = wx.getStorageSync('cart18') || [];
     console.log(id1);
     console.log(id2);
     var sub1 = id1.concat(id2).concat(id3).concat(id4).concat(id5).concat(id6).concat(id7).concat(id8).concat(id9).concat(id10).concat(id11).concat(id12).concat(id13).concat(id14).concat(id15).concat(id16).concat(id17).concat(id18);
    

that.setData({ 
   hasList: true,
  carts: sub1,
  

});
this.getTotalPrice();
  },

   /*提交订单*/
    submitOrder:function(flag){
       var res = this.data.carts;
      
        if(!res){
            res=[];
        }
        //在下单的时候过滤不下单的商品，
        if(flag){
            var newRes=[];
            for(let i=0;i

有兴趣的童鞋可以下载学习下，没有积分或者有什么技术上问题的小伙伴，都可以私聊我，我有空就会回复的，qq:2029578566;
源文件下载地址