zoukankan      html  css  js  c++  java
  • uniCloud的简单使用 增删改查

    新建一个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
        }
    }

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

    项目地址:https://gitee.com/jielov/uni-cloud_development

    本文来自博客园,作者:虚乄,转载请注明原文链接:https://www.cnblogs.com/lovejielive/p/14523737.html

  • 相关阅读:
    Codeforces 1249 F. Maximum Weight Subset
    Codeforces 1249 E. By Elevator or Stairs?
    Codeforces 1249 D2. Too Many Segments (hard version)
    使用subline作为Stata外部编辑器,并实现代码高亮
    Getting a handle on
    Economics degrees
    The threat to world
    他山之石,calling by share——python中既不是传址也不是传值
    Python的几个爬虫代码整理(网易云、微信、淘宝、今日头条)
    一梦江湖费六年——QQ群聊天分析
  • 原文地址:https://www.cnblogs.com/lovejielive/p/14523737.html
Copyright © 2011-2022 走看看