首页>苹果CMS教程>苹果CMS V10 用户充值订单记录页面开发教程

苹果CMS V10 用户充值订单记录页面开发教程

小编兔妹 2026-10-20 苹果CMS教程 9 浏览

另外,影视资源坊给各位分享苹果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>
prepreprepreprepreprepreprepreprepreprepre

使用推荐

①将代码直接放入 html/user/orders.html 文件中就能正常呈现订单列表;

②未支付订单会手动呈现支付按钮,已支付订单不呈现操作按钮,逻辑齐全;

另外,③修改页面样式时,只调整表格宽度,颜色等HTML属性就能,不要修改系统标签和变量;

④上传文件后清空网站缓存,刷新用户中心页面,就能正常查看和调取订单数据了。