【四】鸡汤来咯开发学习笔记-57

1.为了给edit页面加上发布人的昵称和头像，所以需要进行soup-chiken表和uni-id-users表进行联表查询

const getDetail =async()=>{

let soupTemp =await db.collection("soup-chicken").where({_id:id}).getTemp();
let userTemp =await db.collection("uni-id-users").field("_id,username,avatar").getTemp();



let {result:{errCode,data}}= await db.collection(soupTemp,userTemp).get({getOne:true});

先创建各自俩张表的temp，结尾要用getTemp();，第一张表就是用里面的值来匹配第二张表里面的用此值的数据表，field来获取需要的东西通过db.collection(soupTemp,userTemp)返回一个id与第一个表相同的里面的_id,username,avatar存储在data中

2.写入页面发布者和头像的页面结构

<view class="row" v-if="formDate.user_id && isAdminRole()"> //存在user内容且管理员可以见到
        <view class="head">
            <view class="title">发布者</view>
        </view>
        <view class="body">
            <view class="userinfo">
                <image class="pic" :src="formDate.user_id[0].avatar" mode="aspectFill"></image>
                <text class="name">{{formDate.user_id[0].username}}</text>
            </view>
        </view>
        

样式

.userinfo{
                display: flex;
                .pic{
                    width: 50rpx;
                    height: 50rpx;
                    background: #fff;
                    border-radius: 50%;
                    overflow: hidden;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }
                .name{
                    padding-left: 20rpx;
                }
                
            }

因为是个数组所以formDate.user_id[0].username这样引用