影视站长圈给大家分享苹果cms V10用户中心充值订单记录页面的开发教程,包含文件路径、数据调用和完整代码,可直接复制使用。
这个页面主要用来让用户查看自己的充值订单记录,未完成支付的订单,也能在这个页面重新发起支付,使用起来非常方便。
页面基础信息说明
文件目录:html/user/orders.html
数据列表:$list 数组,使用 volist 标签进行循环遍历展示
用户充值订单记录调用代码
下面是完整的订单记录表格代码,支持显示订单编号、状态、金额、积分、时间,未支付订单可直接点击支付,适配苹果cms V10系统:
<table width="870" border="0" cellspacing="1" cellpadding="0">
<tr>
<td width="66" height="36" align="center" valign="middle" bgcolor="#f7f7f7">选择</td>
<td width="60" align="center" valign="middle" bgcolor="#f7f7f7">编号</td>
<td width="300" align="center" valign="middle" bgcolor="#f7f7f7">单号</td>
<td width="60" align="center" valign="middle" bgcolor="#f7f7f7">状态</td>
<td width="60" align="center" valign="middle" bgcolor="#f7f7f7">金额</td>
<td width="60" align="center" valign="middle" bgcolor="#f7f7f7">积分</td>
<td width="150" align="center" valign="middle" bgcolor="#f7f7f7">时间</td>
<td width="80" align="center" valign="middle" bgcolor="#f7f7f7">操作</td>
</tr>
{volist name="list"}
<tr>
<td height="36" align="center" valign="middle" bgcolor="#FFFFFF"><input name="ids[]" type="checkbox" value="{$vo.order_id}"></td>
<td align="center" valign="middle" bgcolor="#FFFFFF">{$vo.order_id}</td>
<td align="left" valign="middle" bgcolor="#FFFFFF">{$vo.order_code}</td>
<td align="center" valign="middle" bgcolor="#FFFFFF">{if condition="$vo.order_status eq 1"}已支付{else}未支付{/if}</td>
<td align="center" valign="middle" bgcolor="#FFFFFF">{$vo.order_price}</td>
<td align="center" valign="middle" bgcolor="#FFFFFF">{$vo.order_points}</td>
<td align="center" valign="middle" bgcolor="#FFFFFF">{$vo.order_time|mac_day}</td>
<td align="center" valign="middle" bgcolor="#FFFFFF">{if condition="$vo.order_status eq 0"}<a href="{:url('user/pay')}?order_code={$vo.order_code}">支付</a>{/if}</td>
</tr>
{/volist}
</table>使用建议
1、将代码直接放入 html/user/orders.html 文件中即可正常显示订单列表;
2、未支付订单会自动显示支付按钮,已支付订单不显示操作按钮,逻辑完整;
3、修改页面样式时,只调整表格宽度、颜色等HTML属性即可,不要修改系统标签和变量;
4、上传文件后清空网站缓存,刷新用户中心页面,就能正常查看和调用订单数据了。
