sponsored links

手把手教你搭建消防安全答題小程式-用雲開發實現查詢題庫功能

手把手教你搭建答題活動小程式系列文章,最前面的三章是介面設計篇,分別描寫了如何搭建答題小程式前端介面。

現在已經進入功能互動篇了,此為功能互動篇的第三章,如何用雲開發實現查詢題庫功能

其實,說白了就是相當於,前後端分離架構中的傳送非同步請求。先看看官方文件怎麼說,再看看我是怎麼理解和怎麼做的,希望大家能從中得到啟發,然後找到適合自己的學習方法。

軟體架構:微信原生小程式+雲開發

消防安全知識競答活動小程式: 優質的消防安全知識競答活動小程式,基於雲開發的答題活動小程式,內含原始碼,版本計劃持續迭代中......,獲取原始碼,版本持續迭代中...

前期準備工作

按照慣例,我們先看看官方文件怎麼說。不一定需要通讀文件,可以遵循“用到什麼查什麼”的原則去針對性的查閱文件。此處應該有表情包,魷魚兮“看文件”.jpg

資料庫 | 微信開放文件

關於雲開發是什麼,雲開發能力有哪些,是這樣說的,巴拉巴拉~

手把手教你搭建消防安全答題小程式-用雲開發實現查詢題庫功能

關於資料庫是什麼,小程式怎麼呼叫,是這樣說的,巴拉巴拉~

手把手教你搭建消防安全答題小程式-用雲開發實現查詢題庫功能

手把手教你搭建消防安全答題小程式-用雲開發實現查詢題庫功能

好了,有興趣的話,其他的你也可以仔細閱讀閱讀。

不吹不黑,畢竟,微信小程式開發的官方文件,是我看過的官方技術文件中描寫最詳細的文件

當然,也有的地方一筆帶過,我希望它可以更加詳細一些。

不成文的分析

雲開發能力,包含雲資料庫、雲端儲存、雲函式、雲呼叫等等。可謂五花八門,這麼多概念,眼花繚亂,暈乎所以了吧。

其實,大可不必,有的可用可不用。可以組合使用,也可以只用其一,這就“仁者見仁,智者見智”了。而這裡,我們使用雲資料庫小程式端SDK就行了。

如果你想免費、快速的開發出一個完整的答題小程式專案,用小程式的雲開發可能是最好的選擇。小程式的雲開發所用到的主要是前端開發的知識,是的,你沒聽錯沒看錯,劃重點吧。

從此,擺脫“前端小哥哥小姐姐”、“後端小哥哥小姐姐”籠罩下的陰影,可以硬氣一把了,整個專案自己一把梭,solo~

雲開發快速查詢題庫

所謂“兵馬未動,糧草先行”。若要呼叫資料庫,則需要先有資料庫。這句看似廢話,其實是隱喻一系列的操作。

不禁發出靈魂三問:

你開通雲開發服務了嗎?

你建立資料庫集合了嗎?

你新增題目資料了嗎?

沒有?!沒有?!沒有?!

還有誰

1、手把手教你操作資料庫

1)點選微信開發者工具的雲開發圖示,開啟雲開發控制檯。

手把手教你搭建消防安全答題小程式-用雲開發實現查詢題庫功能

2)點選資料庫圖示進入到資料庫管理頁,點選集合名稱右側的+號圖示,就可以建立一個數據集合了。

手把手教你搭建消防安全答題小程式-用雲開發實現查詢題庫功能

3)這裡我們只需要新增一個activityQuestion的集合即可,這個集合就是存放題庫用的。

手把手教你搭建消防安全答題小程式-用雲開發實現查詢題庫功能

4)新增題目資料,或者,匯入題庫,兩種方式均可。

①新增記錄,一題一題地手動新增,一題一題地一題一題地......

②匯入題庫,嗖的一聲直接匯入事先準備好的題庫json檔案。

手把手教你搭建消防安全答題小程式-用雲開發實現查詢題庫功能

5)大佬喝茶~哦,不對。大佬,記得設定資料許可權吖。不然它預設是“僅建立者可讀寫”,到時查不到資料就GG了。別跑,你還有bug沒改完~

手把手教你搭建消防安全答題小程式-用雲開發實現查詢題庫功能

2、題庫的資料庫設計

手把手教你搭建消防安全答題小程式-用雲開發實現查詢題庫功能

可以清晰地看見,一道題目其實就是對應一條記錄。你可以粗暴地理解為,集合裡面的記錄,類似數組裡面的物件。

你建立的每一道題,都會自動生成一個id欄位,這個你可以不用管。一道題裡面,所包含的欄位不外乎就question、option、true、checked這幾個。

欄位解讀:

1)question 題幹

2)option 選項

3)true 正確答案

4)checked 該題是否已做

3、小程式端呼叫資料庫

在小程式端呼叫資料庫的方式很簡單,我們可以把下面的程式碼寫到一個事件處理函數里,然後直接在頁面的生命週期函數里面執行。

其實概括起來,就三步走:

1)先使用 wx.cloud.database()獲取資料庫的引用(相當於連線資料庫);

2)再使用 db.collection()獲取集合的引用;

3)再透過 Collection.get 來獲取集合裡的記錄。

專案程式碼之逐行解讀:

// 連線雲資料庫
const db = wx.cloud.database();
// 獲取集合的引用
const activityQuestion = db.collection('activityQuestion');
// 資料庫運算子
const _ = db.command;

Page({

  /**
   * 頁面的初始資料
   */
  data: {
    questionList: [], // 題目列表
    index: 0 // 當前題目索引
  },

  /**
   * 生命週期函式--監聽頁面載入
   */
  onLoad: function (options) {
    // 獲取題庫-函式執行
    this.getQuestionList()
  },

  // 獲取題庫-函式定義
  getQuestionList() {
    // 顯示 loading 提示框
    wx.showLoading({
      title: '拼命載入中'
    });
    // 構建查詢條件
    activityQuestion.where({
      // 指定查詢條件,返回帶新查詢條件的新的集合引用
      true: _.exists(true)
    })
    .get()
    .then(res => {
      // 獲取集合資料,或獲取根據查詢條件篩選後的集合資料。
      console.log('[雲資料庫] [activityQuestion] 查詢成功')
      console.log(res.data)
      let data = res.data || [];

      // 將資料從邏輯層傳送到檢視層,通俗的說,也就是更新資料到頁面展示
      this.setData({
        questionList:data,
        index: 0
      });

      // 隱藏 loading 提示框
      wx.hideLoading();
    })
  }
})

4、題庫查詢結果

儲存然後待程式碼編譯之後,點選“開始答題”按鈕跳轉到答題頁面,就能在控制檯看到呼叫的 20 條資料庫記錄了。

稍微要說明一下的是,如果沒有指定 limit,則預設最多取 20 條記錄。

手把手教你搭建消防安全答題小程式-用雲開發實現查詢題庫功能

分類: 軍事
時間: 2021-11-17

相關文章

殲-20的忠誠小夥伴!殲-20將指揮無人機群作戰,戰力飆升5倍

殲-20的忠誠小夥伴!殲-20將指揮無人機群作戰,戰力飆升5倍
殲-20隱身戰鬥機即將迎來一位"忠誠夥伴".根據中航工業釋出的訊息,目前中航工業正在研製新型的人機互動系統.也就是有人駕駛的隱身戰鬥機配合使用先進的無人機作為忠誠僚機.相信很多人對 ...

殲20大批服役,俄方鬆口敞開賣蘇35,中國用行動給出了答案

殲20大批服役,俄方鬆口敞開賣蘇35,中國用行動給出了答案
據俄羅斯衛星通訊社報道,9月4日,"國際軍事比賽2021"宣佈圓滿結束,並在俄羅斯梁贊州佳吉列沃機場舉行閉幕儀式和頒獎典禮.在這一次的"空中飛鏢"專案比賽當中, ...

珠海航展開幕,美澳英核潛艇第14天,中國殲-20御用殺手鐧出口?

珠海航展開幕,美澳英核潛艇第14天,中國殲-20御用殺手鐧出口?
珠海航展開幕,中國殲-20御用殺手鐧出口?在9月28日上午珠海航展終於開幕,四十多個國家和地區已經七百多家企業數千件航空展品全都紛紛登陸,參與我國載人航天.探月工程.北斗導航系統等一系列重大工程任務的 ...

總結航展:中國版忠誠僚機,殲-20的飛行彈艙,飛鴻-97無人戰鬥機

總結航展:中國版忠誠僚機,殲-20的飛行彈艙,飛鴻-97無人戰鬥機
珠海航展是兩年一度的軍迷盛會,但是由於珠海航展現場莫得WIFI,由於人太多4G/5G也非常的卡,所以很多航展的相關報道直到結束之後才會陸續上傳,盤子彙總了在航展上一經亮相就技驚四座的飛鴻-97通用中程 ...

中國“蜂群”無人機有多強?搭配殲20或將統治戰場,美國毫無辦法

中國“蜂群”無人機有多強?搭配殲20或將統治戰場,美國毫無辦法
它是高科技戰場上的殺手鐧,所到之處寸草不生.它的出現預示著無人機將成為未來戰爭的主力,它就是蜂群無人機. 它帶來了一種全新的戰爭模式,一旦加入戰場就如同蝗蟲過境,可以在頃刻間洞穿敵人的裝甲.它是如何在 ...

殲-20用上了“中國心”!這些話也太凡爾賽了
近日 在航空工業集團的新聞釋出會上 殲-20總師楊偉說 "今年七一,15架殲-20飛過天安門廣場 實際殲-20天上不止15架 地上還有一大堆" 這一凡爾賽發言引發網友關注 28日, ...

殲-20裝上了“中國心”

殲-20裝上了“中國心”
第十三屆中國國際航空航天博覽會 換裝國產渦扇發動機的殲-20雙機編隊 震撼來襲! 高畫質大圖,看"威龍"霸氣姿態! 解放軍報微信釋出 作者:王旭 向曉昕 攝影:解放軍報記者 欒鋮 ...

央視播出殲-20製造車間,FL-62大型風洞出鏡,彰顯了我軍的自信

央視播出殲-20製造車間,FL-62大型風洞出鏡,彰顯了我軍的自信
央視軍事頻道,在9月16日的報道中,將電視攝像機的鏡頭公開對準了我軍工廠製造殲-20.殲-16.運-20.直-20等先進機種,大大出乎了我等軍迷的預料. 同時也從側面彰顯了我軍的大方.大氣,以及日臻自 ...

珠海航展臨近:殲-20預計將有三大看點,轟-20或以特殊形式現身

珠海航展臨近:殲-20預計將有三大看點,轟-20或以特殊形式現身
隨著珠海航展正式開幕的臨近,諸多預備參展的機型已經分批抵達,包括殲轟-7A.轟-6K.運-20.殲-16D等實機也紛紛亮相.其中,第一次出現在國人視野中的殲-16D,以其優雅的外形.特別的裝置和強悍的 ...

被忽略的真相:殲-15歷經10年發展,竟還不如空軍停產的殲-10B?

被忽略的真相:殲-15歷經10年發展,竟還不如空軍停產的殲-10B?
近日,殲-15"飛鯊"和FC-31"鶻鷹"的總設計師孫聰院士,向外界透露了一個好訊息,即下一代艦載機將在年底前現身,這一訊息瞬間引發了輿論熱議.國內對於這個&q ...

下一代艦載機究竟是鷂鷹還是殲20改進版?殲15總師給出了答案

下一代艦載機究竟是鷂鷹還是殲20改進版?殲15總師給出了答案
在今年珠海航展釋出會上,殲15總設計師孫聰表示在今年年內就能看到下一代艦載機.對於下一代艦載機,軍迷們可說是翹首以盼,任何一點風吹草動都會引起極大關注.從2012年的鷂鷹首飛,到2016年珠海亮相,再 ...

印度購置的陣風效能遠超殲-20?印媒:採購成本大,實力的確很強

印度購置的陣風效能遠超殲-20?印媒:採購成本大,實力的確很強
自印度斥巨資從法國購置"陣風"戰鬥機以來,法國就陸續交付,將"陣風"戰鬥機裝備於印度軍方,但由於因此購買的戰機數量較多,所以這個過程極有可能會持續到2022年4 ...

當“空中王牌”遇上殲-20

當“空中王牌”遇上殲-20
來源:央視軍事 這是一支英雄"扎堆"的部隊 抗美援朝,它一戰成名 讓美國空軍威風掃地 國土防空,它轉戰南北 擔當多項危難險重任務 為祖國和平發展護航 改革強軍,它率先改裝 挺立科技 ...

五代半戰機首飛成功軍方預定126架訂單,聲稱將全面超越殲20

五代半戰機首飛成功軍方預定126架訂單,聲稱將全面超越殲20
近日,印度媒體披露了中國自主研發的第二架AMCA戰鬥機"先進中型戰鬥機"的最新研發進展.印度航空專家.斯坦航空公司董事長AMCA表示,這可能是亞洲第一代五代半戰鬥機,而中國的殲-2 ...

“成飛”首次介紹部分殲-20生產過程,“沈飛”揭秘複合材料車間

“成飛”首次介紹部分殲-20生產過程,“沈飛”揭秘複合材料車間
國家極為肯定"成飛"和"沈飛"的功績 [每點新防務(1458期)9月24日]:談起我國航空工業的兩大軍用戰機研製和生產單位,"成飛"和&qu ...

楊偉院士:殲20天上地下一大堆!這不是凡爾賽,後面說的話才是

楊偉院士:殲20天上地下一大堆!這不是凡爾賽,後面說的話才是
在珠海航展的新聞釋出會上,殲20總師,楊偉院士在接受採訪時的一段話登上熱搜,被廣大軍迷和網友稱作是大師級別的凡爾賽!楊偉院士說了:建黨百年的慶祝大會,15架殲-20飛過天安門上空,實際上天上不止15架 ...

國產軍用無人機掛彈表演、殲20雙髮尾焰格外搶眼……中國航展現場大圖來啦

國產軍用無人機掛彈表演、殲20雙髮尾焰格外搶眼……中國航展現場大圖來啦
中國空軍八一飛行表演隊帥氣登場. "殲20"飛行表演. "教10"飛行表演. "AG600"表演滅火本領. "翼龍2"無 ...

沒有轟-20的訊息,楊偉關於殲-20和轟-6的發言卻引發一片譁然

沒有轟-20的訊息,楊偉關於殲-20和轟-6的發言卻引發一片譁然
在此次珠海航展,中國軍迷可謂是喜憂參半,喜的地方是看到中國軍隊一大批新裝備的問世,包括殲-16D和新銳的無人機裝備,盡顯解放軍技術進步.但有的地方也很明顯,那就是大家期盼已久的轟-20仍然沒有問世,這 ...

最酷的軍迷小姐姐,硬核“追星”殲-20

最酷的軍迷小姐姐,硬核“追星”殲-20
在珠海航展上 親眼見證大國重器首秀 是何種體驗? 用手中的相機 記錄國產戰機翱翔藍天 又是怎樣的心情? 今天 "軍迷之眼" 迎來一位超酷的軍迷小姐姐 聽她講述多年來 一路追拍中國戰 ...

解放軍殲20批次裝備,美國空軍技術優勢不再,F35A戰機規模要考慮

解放軍殲20批次裝備,美國空軍技術優勢不再,F35A戰機規模要考慮
空軍是捍衛一個國家領空,在戰時負責奪取制空權的作戰力量,在現代戰爭中是必不可少的軍種.談及當今世界各國空軍的實力,美國空軍是名副其實的霸主,曾經有一種說法,美國空軍是世界第一,退役的美國空軍是世界第二 ...