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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM