IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 移动开发 -> 微信小程序-支付 -> 正文阅读

[移动开发]微信小程序-支付

支付

支付-数据展示

在这里插入图片描述

/* 
1 页面加载的时候
  1 从缓存中获取购物车数据 渲染到页面中
    渲染属性checked为true的购物车数据
*/

import { chooseAddress, setStorageSync, showModal, showToast  } from "../../utils/asyncWx.js";

Page({
    /**
     * 页面的初始数据
     */
    data: {
      address:{},
      cart:[],
      totalPrice:0,
      totalNum:0,
    },
    onShow: function () {
      // 1 获取缓存中的收货地址信息
      const address = wx.getStorageSync("address");
      // 1 获取缓存中的购物车数组
      let cart = wx.getStorageSync("cart")||[];
      // 过滤购物车数组
      cart = cart.filter(v=>v.checked===true)
      // 7 重新计算全选、总价格、总数量等
      let totalPrice = 0
      let totalNum = 0
      cart.forEach(item=>{
          totalPrice += item.goods_price * item.num
          totalNum += item.num
      })
      // 5 6 把购物车数据重新设置回data和缓存中
      // 2 给data赋值
      this.setData({
        cart,
        address,
        totalPrice,
        totalNum
      })
    },
    
    
    // 设置购物车状态,重新计算底部工具栏的数据,比如全选、总价格、总数量等
    setCart(cart) {
      
      
    },
    // 点击结算
    async handlePay() {
      // 1 判断收货地址
      const {address,totalNum} = this.data;
      if(!address.userName) {
        const res = await showToast({title:"您还没有选择收货地址"}) 
        return
      }
      // 判断用户有没有选购商品
      if(totalNum===0){
        const res = await showToast({title:"您还没有选购商品哦"})
        return
      }
      // 跳转到支付页面
      wx.navigateTo({
        url: '/pages/pay/index'
      });
      
    }
    
       
})

支付权限的分析

微信支付开发文档: https://pay.weixin.qq.com/wiki/doc/apiv3_partner/pages/index.shtml

发布

去掉勾选
在这里插入图片描述
将他们添加到白名单里面。
appid 不要再使用测试id了,否则是看不到上传按钮的。
在这里插入图片描述
代码的大小不超过2M,后期通过分包技术来解决代码大小,打包成不同的模块,分别上传,分包技术使用后,也不能超过10M。

点击上传
在这里插入图片描述

一般情况下,大版本的迭代,会对第1个数字进行修改;第二个数字代表重要功能进行更新;第3个,bug、局部优化、等小的修改。

less文件没有上传,无所谓,因为只在代码编写的时候有用,上传wxss就可以了。
在这里插入图片描述
在这里插入图片描述
发现刚刚上传的是‘开发版本’中的体验版,要提交审核,才能变成‘审核版本’。审核时间大概是几个小时,审核后变成‘线上版本’。就可以在手机上搜索找到小程序了。
在这里插入图片描述

  移动开发 最新文章
Vue3装载axios和element-ui
android adb cmd
【xcode】Xcode常用快捷键与技巧
Android开发中的线程池使用
Java 和 Android 的 Base64
Android 测试文字编码格式
微信小程序支付
安卓权限记录
知乎之自动养号
【Android Jetpack】DataStore
上一篇文章      下一篇文章      查看所有文章
加:2022-04-09 18:32:44  更:2022-04-09 18:35:08 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/24 20:29:50-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码