【uniapp】使用uniCloud上传数据

最新推荐文章于 2024-06-19 22:43:36 发布

周国波

最新推荐文章于 2024-06-19 22:43:36 发布

阅读量453

点赞数 4

分类专栏： uniapp 文章标签： uni-app oracle 数据库

本文链接：https://blog.csdn.net/weixin_45386955/article/details/126831790

版权

uniapp 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

使用uniCloud上传数据

快速目录

1.新建项目
2.创建数据库文件
3.部分代码
4.调试
💻 最终效果

1.新建项目

在这里插入图片描述
右键关联云空间

2.创建数据库文件

database文件夹右键，“新建DB Schema”
（注意这点名称要跟数据库名称一致）
在这里插入图片描述
主要代码：“name”:{},“phone”:{}
具体看你需要添加什么数据，如何就是修改权限
XXX.schema.json

{
	"bsonType": "object",
	"required": [],
	"permission": {
		"read": true,
		"create": true,
		"update": false,
		"delete": true
	},
	"properties": {
		"_id": {
			"description": "ID，系统自动生成"
		},
		"name":{},
		"phone":{}
	}
}

上传Schema
最后记得右键“上传DB Schema”，提示这个不管，继续 “是”
在这里插入图片描述

3.部分代码

XXX.vue

<template>
	<view>
		<!-- add代码 -->
		<view class="">
			<input v-model="item.name" placeholder="name" />
			<input v-model="item.phone" placeholder="phone" />
			<button type="default" @click="submit">添加</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				item:{
					"name":"",
					"phone":""
				}
			}
		},
		methods: {
			submit(){
				const db = uniCloud.database();
				db.collection("goods").add(this.item)
				.then(e=>{
					uni.showToast({
						title: '添加成功！'
					});
					console.log(e);
				})
			}
		}
	}
</script>

<style>
</style>