亲宝软件园·资讯

展开

uniCloud的简单使用 增删改查

虚乄 人气:0

新建一个uni-app 项目 启动云开发 选择想要的云服务

在次之前先完成uniCloud 的实名认证 https://unicloud.dcloud.net.cn

 

有在Web控制台创建过云服务空间就选择关联,没有就创建云服务空间,之后在新建一个cloudfunctions 目录(用来放置云函数的)

 

点击 创建云空间 

 

 

 

然后在选择 运行云服务空间初始化向导 点击下一步完成就行了

 

 

 

在cloudfunctions 目录新建一个云函数 已login为例

 

新云函数 的基础样式

选择上传并运行 等待控制台上传完成

可以去web端 云函数列表查看 是否有云函数出现

在页面请求云函数

<template>
	<view class="content">
		<!-- 定义请求按钮 -->
		<button type="default" @click="req">请求</button>
	</view>
</template>
<script>
	export default {
			methods: {
				//请求参数
                request() {
                	//调取云函数
                    uniCloud.callFunction({
                        name: 'login', // 云函数名字
                        // 传输数据
                        data: {
                            name:'测试'
                        },
                        // 成功
                        success(res) {
                            console.log(res);
                        },
                        //失败
                        fail(e) {
                            console.log(e);
                        }
                    })
                }
		}
	}
</script>

  修改云函数 login 为以下 然后点击上传并运行

'use strict';
exports.main = async (event, context) => {
	//event为客户端上传的参数
	console.log('event : ', event)
	
	return {
		code: 200,
		msg: '查询成功',
		data: event
	}
}

  成功样式

创建云数据库 实现增删改查

添加数据 页面请求样式不变 只修改 login 修改之后记得上传

'use strict';
 const db = uniCloud.database() //对数据库的对象获取;
exports.main = async (event, context) => {
    const collection = db.collection('holle') //对holle数据库的获取;
    //event为客户端上传的参数
    console.log('event : ', event)
    
    // 添加数据
    let res = await collection.add({
        name: event.name  //data传过来的name
    })
    
    return {
        code: 200,
        msg: '查询成功',
        data: res
    }
}

添加一个对象数组 这边为了方便展示 就直接写死要传的值

每一次修改login 云函数 都需要上传

'use strict';
 const db = uniCloud.database() //对数据库的对象获取;
exports.main = async (event, context) => {
	const collection = db.collection('holle') //对holle数据库的获取;
	//event为客户端上传的参数
	console.log('event : ', event)
	
	// 添加对象数组
	let res = await collection.add([{
		name: '测试1'
	 }, {
	 	name: '测试2',
		tiem:  Date.now()  //获取当前时间
 	}])
	
	
	return {
		code: 200,
		msg: '查询成功',
		data: res
	}
}

  添加成功 去web端云数据库查看

删除数据

'use strict';
 const db = uniCloud.database() //对数据库的对象获取;
exports.main = async (event, context) => {
    const collection = db.collection('holle') //对holle数据库的获取;
    //event为客户端上传的参数
    console.log('event : ', event)
    
    // 删除数据 测试1
    let res = await collection.doc('604ae3b233ae930001f67840').remove()
    
    console.log(JSON.stringify(res));
    
    return {
        code: 200,
        msg: '查询成功',
        data: res
    }
}

去web控制台刷新就发现 测试 1 的数据被删除了

修改数据

'use strict';
 const db = uniCloud.database() //对数据库的对象获取;
exports.main = async (event, context) => {
    const collection = db.collection('holle') //对holle数据库的获取;
    //event为客户端上传的参数
    console.log('event : ', event)
    
    // 修改数据  对测试 就行修改
    let res = await collection.doc('604ae03e9e89280001740a76').update({
        name: '现在修改  测试'
    })
    
    console.log(JSON.stringify(res));
    
    return {
        code: 200,
        msg: '查询成功',
        data: res
    }
}

修改成功 去web端云数据库查看

数据更新

'use strict';
 const db = uniCloud.database() //对数据库的对象获取;
exports.main = async (event, context) => {
    const collection = db.collection('holle') //对holle数据库的获取;
    //event为客户端上传的参数
    console.log('event : ', event)
    
    // 数据更新
    let res = await collection.doc('604ae03e9e89280001740a76').set({
        name: '现在修改  测试',
        tiem: Date.now(), //获取当前时间
        key: '更新出现的'
    })
    
    console.log(JSON.stringify(res));
    
    return {
        code: 200,
        msg: '查询成功',
        data: res
    }
}

更新成功 去web端云数据库查看

查找数据

'use strict';
 const db = uniCloud.database() //对数据库的对象获取;
exports.main = async (event, context) => {
    const collection = db.collection('holle') //对holle数据库的获取;
    //event为客户端上传的参数
    console.log('event : ', event)
    
    // 查找数据 寻找key为 更新出现的                     
    let res = await collection.where({
        key: '更新出现的'
    }).get()
    
    console.log(JSON.stringify(res));
    
    return {
        code: 200,
        msg: '查询成功',
        data: res
    }
}

去页面点击按钮查看打印出来的数据

加载全部内容

相关教程
猜你喜欢
用户评论