苹果CMS V10微信支付扫码页面开发教程

影视资源坊为各位分享苹果cms V10用户中心微信支付页面的完整代码，兼容自动生成支付二维码，轮询查询支付状态，支付成功后自动跳转，功能齐全可直接使用。

页面文件网址

文件文件夹：html/user/payment_weixin.html

该页面用作用户选择微信支付时，展现扫码付款页面，系统会自动生成微信收款二维码，与此同时定时检测订单会不会支付完成。

微信支付扫码页面完整代码

<form method="post" target="_blank" action="{:url('user/gopay')}">
   <input type="hidden" name="order_id" value="{$info.order_id}">
   <input type="hidden" name="order_code" value="{$info.order_code}">
   <div>
      <p><span>订单编号：</span>{$order.order_code}</p>
      <p><span>订单金额：</span>{$order.order_price}元</p>
      <p><img src="{:url('user/qrcode')}?data={$payment.code_url|urlencode}" width="150" height="150"/></p>
      <p>打开微信，扫码支付</p>
   </div>
</form>

<script>
	function check(){
		$.get("{:url('user/order_info')}" + '?order_id={$order.order_id}', function(data){
			if(data.info.order_status == 1){
				alert('支付完成，即将跳转到会员中心');
				window.location.href = "{:url('user/index')}";
			}
		});
	}
	$(function(){
		setInterval(function(){check()}, 5000);
	})
</script>

prepreprepreprepreprepreprepreprepreprepre

功能说明

①页面手动加载当前订单信息，展现订单号与支付金额，清楚明了；

②系统自动生成微信支付二维码，用户扫码就能完成付款；

③JS每5秒手动查询一次订单状态，支付成功后立即提醒并跳转用户中心；

④不必额外设置，代码适配苹果cms V10官方支付环节，可靠无异常。

使用推荐

将代码直接放入对应文件就能生效，不必修改系统关键文件；

支付完成后会自动跳转到会员中心，体验顺畅；

轮询时间预设为5秒，可根据诉求手动调整，不推荐设置过短；

影视资源坊提醒：使用前请确保微信支付插件已正确设置，确保二维码正常生成。