筋斗云接口编程 / 子表对象

子表对象

前面提到过想在对象中返回子表时,可以使用压缩成一个字符串的子表字段,一般适合数据比较简单的场合。

另一种方式是用$subobj来定义子表对象。

例如在获取订单时,同时返回订单日志,设计接口如下:

Ordr.get() -> {id, ..., @orderLog?}

返回
orderLog: {id, tm, dscr, action} 订单日志子表。

示例

{id: 1, dscr: "换轮胎及洗车", ..., orderLog: [
    {id: 1, tm: "2016-1-1 10:10", action: "CR", dscr: "创建订单"},
    {id: 2, tm: "2016-1-1 10:20", action: "PA", dscr: "付款"}
]}

上面接口原型描述中,字段orderLog前面的”@”标记表示它是一个数组,在返回值介绍中列出了它的数据结构。

实现:

class AC1_Ordr extends AccessControl
{
    protected $subobj = [
        "orderLog" => ["sql"=>"SELECT ol.* FROM OrderLog ol WHERE ol.orderId=%d"]
    ];
}

用选项”sql”定义子表的查询语句,其中用”%d”来表示主表主键,这里即Ordr.id字段。

定义子表对象时,还可设置一些选项,比如上面设置等价于:

    "orderLog" => ["sql"=>..., "wantOne"=>false, "default"=>false]
  • 选项”wantOne”表示是否只返回一行。默认是返回一个对象数组,如[{id, tm, ...}]
    如果选项”wantOne”为true,则结果以一个对象返回即 {id, tm, ...}, 适用于主表与子表一对一的情况。

  • 选项”default”与虚拟字段(vcolDefs)上的”default”选项一样,表示当get或query接口未指定”res”参数时,是否默认返回该字段。
    一般应使用默认值false,客户端需要时应通过res参数指定,如 Ordr.query(res="*,orderLog").

注意:查询子表作为子对象字段是不支持分页的。如果子表可能很大,不要设计使用子表字段或列表字段,而应直接用子表的query方法来取,如开放接口”OrderLog.query”。

基于Vue.js框架的筋斗云(一般指的是翻转动画效果,可能是指类似于武侠小说中的“筋斗云”那样的视觉效果)可以通过使用Vue的指令、过渡(transitions)和动画库(如Vue Transition Group或第三方库Vuetify等)来实现。以下是一个简单的示例: 1. Vue指令(v-if/v-else或v-show)配合过渡: ```html <template> <div v-if="flipped" class="flip"> <!-- 倒置内容 --> <div>{{ message }}</div> </div> <button @click="flip">Flip</button> </template> <script> export default { data() { return { flipped: false, message: "I'm a flipping Vue element", }; }, methods: { flip() { this.flipped = !this.flipped; }, }, }; </script> <style> .flip { transition: transform 0.5s; } .flip-enter-active, .flip-leave-active { transform: rotateY(180deg); } .flip-enter, .flip-leave-to { transform: rotateY(0deg); } </style> ``` 在这个例子中,点击按钮时,元素会旋转180度进行翻转,实现了简单的翻转效果。 2. 使用Vue Transition Group: ```html <template> <transition-group tag="div" name="flip"> <div v-for="(item, index) in messages" :key="index" :class="{ flipped: item.flipped }"> {{ item.message }} </div> </transition-group> <button @click="addMessage">Add Message</button> </template> <script> export default { data() { return { messages: [ { message: 'Message 1', flipped: false }, ], }; }, methods: { addMessage() { this.messages.push({ message: 'New Message', flipped: false }); }, }, computed: { // 为Vue Transition Group 提供动态切换状态的数组 messagesToAnimate() { return this.messages.filter((msg) => msg.flipped); }, }, }; </script> <style> .flip-enter-active, .flip-leave-active { transform: rotateY(180deg); transition: all 0.5s; } .flip-enter, .flip-leave-to { transform: rotateY(0deg); } </style> ``` 在这个版本中,你可以创建一个列表,每次添加新消息时,新消息的元素会被添加到组中并自动执行翻转效果。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值