uniCloud的簡單使用增刪改查

時間 2021-03-12

標籤 javascript html java git web 數據庫數組 app async 函數欄目 JavaScript 简体版

原文原文鏈接

新建一個uni-app 項目啓動雲開發選擇想要的雲服務

在次以前先完成uniCloud 的實名認證 https://unicloud.dcloud.net.cnjavascript

有在Web控制檯建立過雲服務空間就選擇關聯，沒有就建立雲服務空間，以後在新建一個cloudfunctions 目錄（用來放置雲函數的）

點擊建立雲空間

而後在選擇 運行雲服務空間初始化嚮導 點擊下一步完成就好了html

在cloudfunctions 目錄新建一個雲函數已login爲例

新雲函數的基礎樣式java

選擇上傳並運行等待控制檯上傳完成git

能夠去web端雲函數列表查看是否有云函數出現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
    }
}

添加一個對象數組這邊爲了方便展現就直接寫死要傳的值 app

每一次修改login 雲函數都須要上傳async

'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
    }
}