uniCloud（二）使用数据库、前端展示数据

￡神魔★判官ぃ 2024-04-22 15:20 69阅读 0赞

## 一、在云服务空间的云数据库中新建一张表 ##

### （1）它有两种方式，我暂时手动创建一张表 ###

![65f3ee347e164dedbbeb036eafab1374.png][]

###  ###

### （2）修改表结构：权限read为true ###

![8cc5d694687948f784785af75a768fd2.png][]

###  ###

### （3）添加数据记录 ###

注意：需要一条一条的加入

![211dc18264e742ce97df4dcdf63c7cb5.png][]

## 二、在前端使用 ##

### 方式一：clientDB前端API ###

###  ###

### 方式二：unicloud-db（它是clientDB js的进一步封装） ###

<unicloud-db v-slot:default="{data, loading, error, options}" collection="数据库表名">
    			<view v-if="error">{
       {error.message}}</view>
    			<view v-else>
    				{
       {data}}
    			</view>
    </unicloud-db>

[65f3ee347e164dedbbeb036eafab1374.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/ab17b0e496fd4054ace4fe06139e6a5f.png
[8cc5d694687948f784785af75a768fd2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/c0a154c5fa38404199d40005de92d615.png
[211dc18264e742ce97df4dcdf63c7cb5.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/2dd8b4c61a6f4443968da54be542011c.png