uniapp微信支付逻辑(实战)

首先:生成订单

  1. 保存当前订单
  2. 获取服务商
  3. 从后端拿到支付信息
  4. 根据支付信息与微信的api做请求
  5. 请求回调之后走官方的回调结果
  6. 如果失败在重新查询结果
  7. 如果成功那么在查询后端接口是否实际收到了这笔付款
  8. 如果成功展示成功状态,并进行下一步操作

完整代码逻辑如下

<script>
	export default {
		data() {
			return {
				show: false,
				userInfo: {},
				dataForm: {
					truckPoint: '',
					sealType: 'normal',
					refineryId: 0,
					carNo: '',
					driverMobile: '',
					shipperMobile: '',
					payType: 'WxMiniPay',
					amount: 0
					// status: 0
				},
				tabIndex: 0,
				tabs: ['全部'],
				truckPointList: [],
				saveTruckPointList: [],
				fileList: [],
				},
				list: [],
				importString: '',
				labelName: 'carNo' //需要匹配的字段
### 如何获取 UniApp 微信小程序 示例项目 对于希望快速上手 UniApp 微信小程序开发的开发者来说,可以从官方渠道获得丰富的资源和支持。HBuilderX 提供了一键创建模板的功能,这使得初学者可以轻松启动新项目[^1]。 #### 获取示例项目的方法: 通过 DCloud 的 GitHub 仓库可以直接访问多个由社区贡献以及官方维护的小程序案例。这些例子覆盖了从小型应用到复杂业务逻辑的各种场景,非常适合学习和参考。 - **GitHub 地址**: 访问 [DCloud 官方 GitHub](https://github.com/dcloudio/uni-ui),这里不仅有 UI 组件库还有完整的实战项目可供研究。 为了更方便地查找特定类型的实例,建议使用 Git 工具克隆整个仓库至本地计算机后再浏览不同目录下的文件结构;也可以直接在线查看 README 文件来了解各个项目的功能特点并下载所需部分。 ```bash git clone https://github.com/dcloudio/uni-starter.git cd uni-starter npm install ``` 上述命令会帮助用户建立一个新的基于 Vue.js 和 UniApp 架构的基础框架,并安装必要的依赖项以便立即开始编码工作。 #### 查阅开发文档的方式: UniApp 文档提供了详尽的技术说明、API 参考手册及最佳实践指南等内容,确保开发者能够全面理解平台特性及其应用场景。可以通过以下链接进入最新版本的中文文档页面进行深入学习: - **官方文档地址**: [UniApp 官网](http://uniapp.dcloud.io/) 在此网站内设有专门针对微信小程序特性的章节介绍,包括但不限于界面设计、数据绑定机制等方面的知识点解析,有助于提高实际操作能力的同时也加深理论认知水平。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

可可鸭~

想吃糖~我会甜

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值