如何在uni-app項目創建雲函數資料庫插入記錄

2020-12-17 IT軟體專家

工具

HBuilderX微信開發者工具雲服務管理後臺技術

vueuni-app資料庫在uni-app雲開發項目中,創建一個雲函數,然後調用雲函數,新建資料庫(雲服務)。下面利用實例說明:

操作如下:

1、創建一個uni-app雲開發項目,新建uni-app頁面,輸入名稱並勾選在pages.json中註冊

新建uni-app頁面,並進行註冊

2、打開pages.json文件,配置頁面路徑和tabBar

打開pages.json文件,配置頁面路徑和ta

3、接著,在雲函數文件夾上,滑鼠右鍵新建雲函數,輸入名稱,然後點擊創建

新建雲函數

4、打開index.js文件,調用uniCloud.database(),然後調用add()方法

調用uniCloud.database()

5、選中雲函數,滑鼠右鍵上傳部署

選中雲函數,滑鼠右鍵上傳部署

6、進入到雲服務管理平臺,查看雲函數是否上傳

查看雲函數是否上傳

7、在對應的vue頁面中,添加一個按鈕,命名為新建資料庫

對應vue頁面中,添加按鈕標籤

8、在methods對象中,定義按鈕點擊事件,調用雲函數

定義按鈕點擊事件,調用雲函數

9、保存代碼並運行到微信開發者工具,查看界面顯示效果

查看界面顯示效果

10、接著,點擊按鈕,結果彈出新增失敗

點擊按鈕,結果彈出新增失敗

11、打開內置瀏覽器控制臺,結果出現了報錯

查看內置瀏覽器控制臺

12、進入到雲服務管理後臺,修改資料庫名稱,修改成user

進入到雲服務管理後臺,修改資料庫名稱

13、修改按鈕點擊事件代碼,去掉傳輸參數值

按鈕點擊事件代碼,去掉傳輸參數值

14、重新編譯代碼,點擊按鈕,查看控制臺列印結果

重新編譯代碼,查看控制臺列印結果

相關焦點

  • 如何在uni-app雲開發項目查看雲函數context
    >vueuni-appJavaScript在uni-app項目雲開發時,創建了雲函數,默認有兩個參數event和context。下面利用實例說明:操作步驟:1、新建uni-app項目,選擇uniCloud模板;然後在cloudfunctions-tcb文件夾,新建雲函數querySys
  • 如何在uni-app項目中使用vue屬性監測表達式
    工具微信開發者工具HBuilderX技術vueuni-app下面利用實例說明:1、打開HBuilderX開發工具,創建uni-app項目,並新建頁面文件sys創建uni-app項目,並新建頁面文件sys2、打開新建的頁面文件,在template標籤中,插入三個數字類型輸入框,並綁定變量
  • 如何使用uni-app項目中的collapse摺疊面板
    工具HBuilderX微信開發者工具技術vueuni-appJavaScriptCSS微信小程序1、在HBuilderX工具中,創建uni-app項目,並新建頁面文件collapse;打開pages.json,配置摺疊面板文件路徑
  • 如何在uni-app項目中使用數據緩存方法
    工具HBuilderX微信開發者工具技術vueuni-appJavaScriptCSS3在使用uni-app進行微信小程序開發過程中,如果不同界面中需要登錄用戶的信息,這時就需要用到數據緩存。如何設置緩存、獲取緩存、刪除緩存和清空緩存?下面利用具體的實例來說明:1、在uni-app項目中,新建cookie頁面,並在頁面插入設置緩存按鈕,綁定點擊事件setCookie
  • vk-uni-cloud-router v1.6.2 發布,uniCloud 雲函數路由框架
    id=2204當前插件版本:1.6.2當前集成的 uni-id 版本:2.0.3更新內容(主要):1、【重要】項目目錄有重大調整。詳情請看1.6.2版本更新說明https://ext.dcloud.net.cn/plugin?
  • 如何解決uni-app項目編譯小程序報錯問題
    工具HBuilderX微信開發者工具技術Vueuni-appJavaScriptwxml在使用HBuilderX創建uni-app項目過程中,編譯成微信小程序,結果在微信開發者工具中一直報錯:Cannot read property 'forceUpdate' of undefined,查找資料和相關說明
  • 如何在uni-app項目中使用vue計算屬性
    工具HBuilderX微信開發者工具技術vueuni-appJavaScriptuni-app是 Vue.js 開發所有前端應用的框架,因此可以使用vue中的相關屬性,如計算屬性computed。其中,computed計算屬性是控制表達式結果的。
  • uni-app跨端開發H5、小程序、IOS、Android(二):HBuilderX使用技巧
    我們考慮的實現方案有很多,對比分析後,最終選擇uni-app多端開發(至於原因前文有提到)。    採取不同的開放方案,對應的開發環境和工具也有所不同。既然選擇了 uni-app 開發,工具自然是採用官方的HBuilderX。
  • uni-app實現簡單API攔截
    前端是一個苦逼的活,技術在不斷變化,需求千變萬化,如何應對各種需求保證得心應手呢,那就是不斷學習。藝高人膽大,只有了解學習和掌握才能不被前端的後浪拍在沙灘上。今天我們簡單了解一下uni-app:官網的解釋時uni-app 是一個使用 Vue.js 開發跨平臺應用的前端框架,可以讓開發者編寫一套代碼,便可以編譯到iOS、Android、H5、小程序等多個平臺。當然框架儘可能的處理各端差異,保證我們使用一致性,所以使用起來感覺還不錯,畢竟誰想反覆的開發同一個項目到不同平臺呢。
  • 如何使用uni-app中的日曆組件並獲取日期
    工具HBuilderX微信開發者工具技術Vueuni-appJavaScriptwxmlCSS3微信小程序1、打開HBuilderX開發工具,創建uni-app項目;然後新建uni-app頁面,添加uni-calendar組件,設置日曆相關的屬性
  • 如何創建Django應用並連接資料庫
    如何創建Django應用並連接資料庫來源:https://www.digitalocean.com/community/tutorials/how-to-create-a-django-app-and-connect-it-to-a-database作者:Jeremy Morris翻譯:老齊閱讀本文大約需要12分鐘
  • uni-app小程序開發指南
    以下全文使用wxapp指代小程序應用1.項目介紹wxapp是基於uni-app,使用vue.js語法進行開發的微信小程序項目。2.開發工具devtools:微信開發者工具。安裝完畢使用開發者帳號微信登陸微信開發者工具且到開發工具的安全設置中開放服務埠HBuilderX:由DCloud推出的web開發IDE。
  • 手把手教你如何創建雲資料庫
    目的 最近不少人反饋在使用RDS的過程中會發現一些坑,今天就來手把手教你如何創建雲資料庫 3.了解如何連接RDS實例的用戶。 快速入門流程圖 若您初次使用睿江雲RDS,通常,從新購實例到可以開始使用實例,您需要完成如下操作:
  • 從零開始學 MySQL -- 創建資料庫並插入數據
    介紹 MySQL 新建資料庫,新建表,插入數據以及基本數據類型的相關知識。在 Linux 環境裡創建一個名為 mysql_shiyan 的資料庫。在資料庫創建兩張表 employee 和 department,分別表示員工表和部門表。
  • 如何在微信開發者工具中開啟雲開發
    ;這兩天看了下小程序雲開發,發現其中有好多要學;首先,要開通雲開發服務;其次,要創建並部署雲函數;了解如何操作雲資料庫等。切換到資料庫菜單,查看資料庫相關操作3、點擊集合名稱處的加號圖標,創建集合,輸入集合名稱,點擊確定
  • 方便且實用,Python內置的輕量級資料庫實操
    之前我們在很多項目案例中都使用了MySQL資料庫。有的同學問:MySQL安裝和配置太麻煩了,老是搞不定,有沒有更簡便的方法?當然有咯!Python內置的sqlite3模塊就是一個輕量級的資料庫,不需要獨立的伺服器進程。
  • 數據工程師面試必備——Python與資料庫的那些事
    NoSQL(Not Only SQL)泛指非關係型資料庫。主要代表:MongoDB、Redis、CouchDB。關係資料庫是以表的形式存儲數據的資料庫。每個表都有一個模式來記錄需要的列和類型。每個模式必須至少有一個主鍵來唯一標識該記錄。換句話說,資料庫中沒有重複的行。此外,每個表可以使用外鍵與其他表關聯。關係資料庫的一個重要方面是必須將模式中的更改應用於所有記錄。
  • 考前複習必備MySQL資料庫(關係型資料庫管理系統)
    查看資料庫資料庫創建好後,使用show語句查看當前mysql中有哪些資料庫。刪除資料庫使用drop語句刪除資料庫,語法格式如下:刪除創建的web資料庫,命令如下:刪除資料庫是一個不可逆的操作。mysql數據表管理創建數據表使用create table語句,語法格式如下。
  • php怎樣創建資料庫?
    資料庫是編程的核心內容,在使用php做網站的過程中,固然要與資料庫打交道,那麼在php中,怎樣來創建一個資料庫呢?下面我們就一起來了解一下吧。1、創建一個函數我在這裡是作為演示實例,所以沒有用框架,用的是原生的,打開編輯器,新建一個文件,然後再文件裡面,先新建一個函數,這裡命名是create_data,接下來我們將在這個函數裡面來寫php怎樣創建一個資料庫?
  • Oracle資料庫面試知識點複習
    四.Oracle資料庫函數 注意:dual表(虛表)是專門用於函數測試和運算的.select [組函數或分組的欄位名]... from 表名 group by [欄位名1],[欄位名2],.....; 例:select avg(salary) from s_emp group by dept_id; 注意:組函數會忽略空值,但是count(*)除外,他會把空記錄也記錄在內