不同账户登录界面不同显示的功能实现

内容概述
关于本小程序的功能开发,最初的构想只需要有几项关键的功能即可,但是越往下研究发现需要实现的功能越多。
没有办法,既然想使得我们的小程序日渐丰满,功能齐全就只能一一实现。
所以本次我们需要实现的功能为根据用户身份不同在用户登录在之后展示不同的界面和功能。

逻辑实现
说来也简单,代码实现如下:
<view wx:if="{{user.type == 0}}" class="block-mine">
<t-grid class="block" column="{{2}}">
<t-grid-item text="我的订单" image="/pages/images/tabs/图标_订单.png" bind:tap="turntomyorder"/>
<t-grid-item bind:tap="turntohold" text="我的评价" image="/pages/images/tabs/图标_评论.png" />
</t-grid>
</view>
<view wx:if="{{user.type == 1}}" class="block-mine">
<t-grid class="block" column="{{2}}">
<t-grid-item text="待服务" image="/pages/images/tabs/菜单.png" bind:tap="turntomyservice"/>
<t-grid-item text="提交服务" image="/pages/images/tabs/添加.png" bind:tap="turntosubmit" />
</t-grid>
</view>该功能的实现明面上只需要一个wx:if判断条件,但是完整的逻辑需要从微信端给后端发送请求获取用户信息。
因为我们在给用户表格设计的时候给用户设定了一个用来表示身份的字段(type)
所以在请求成功的返回体中我们可以通过该字段来确认用户身份
最直观在wxml代码里的体现就是两个if判断条件,若user.type == 0 或 1。
如此 该功能便已经实现。

License:
CC BY 4.0