哈喽，这篇文章我们来了解下unicloud-db组件
学了uniCloud我们会发现可以通过客户端直接操作数据表
除了api调用外，我们可以通过unicloud-db组件来完成

快速引入指南

这里创建了一个简单的数据表来演示

快速引入页面

引入后选择合并对比即可

这里为了方便 我放通了读写权限

修改list.vue
就是我们快速引入的那个文件

将item._id修改为item.name

进入我们引入的页面

新增一个数据

编辑数据

这一我们就快速的引入了一个数据表的页面
有些时候我们只需要稍许修改代码即可完成自己的业务 那么如何自己写呢

自己写

文档地址 https://uniapp.dcloud.io/uniCloud/unicloud-db

查询刚才的表

这里我们配合使用了uView UI
细看文档 这里的collection指的是我们的数据表的名字
field=“name,nick” 这里查询的是name,nick字段
其它参数自行选择搭配
如果觉得不满足要求，可以使用api去写 也是一个好方法~

<unicloud-db v-slot:default="{data, loading, error, options}" collection="test" field="name,nick">
			<u-table>
				<u-tr>
					<u-th>姓名</u-th>
					<u-th>备注</u-th>
				</u-tr>
				<u-tr v-for="(item,index) in data" :key="index">
					<u-td>{{item.name}}</u-td>
					<u-td>{{item.nick}}</u-td>
				</u-tr>
			</u-table>
		</unicloud-db>