實戰 | 0~1基於模板開發問卷小程式
本文將幫助您藉助騰訊雲微搭低程式碼 WeDa 平台，基於已有的模板快速打造出如下圖所示的問卷調查小程式。
概述
從0到1開發一款問卷小程式需要經過幾個步驟，從模板中心複製應用到自己的應用管理，然後根據需求定義數據源。數據源定義好後需要按照需求設計頁面，主要是完成布局的添加和組件的定義。一切做好之後就需要本地構建然後預覽效果，只需要簡單的幾步就可以獨立開發一款屬於自己的應用。
步驟1：創建應用
- 在 騰訊雲微搭低程式碼控制台 單擊【模板中心】，選擇需要的模板，單擊【立即使用】。
- 錄入應用名稱，填寫 survey，單擊【確定】。
步驟2：編輯數據源
使用模板成功後，單擊【數據源管理】，即可看到新加了一份名為【低碼分享活動報名表】的數據源。
- 單擊名稱即可瀏覽表中的欄位名稱、欄位標識和數據類型等詳細資訊。
- 同時，支援在數據源管理頁面自定義添加業務所需的欄位，單擊【添加欄位】。
- 可以增加一個職業的欄位，欄位標識為 job，欄位類型為字元串，是否必填選擇【是】，是否枚舉選擇【否】
- 設置完畢後單擊【確定】就增加了一個欄位。
- 不需要的欄位可以刪除，可以單擊操作列上的【刪除】按鈕刪掉，本文以刪掉感興趣的話題欄位為例。
- 添加第二個欄位所屬行業，欄位標識為 industry，欄位類型為字元串，是否必填選擇【是】，是否枚舉選擇【否】，設置完畢後單擊【確定】就增加了一個欄位。
- 由於參與問卷調查的用戶只需提交就可以，因此【動作】只勾選【新增】方法，其他都保持默認。設置完畢後單擊頁面底部的【確定】，否則剛才添加的欄位都不生效。
步驟3：修改頁面
1.數據源設置完畢後就需要創建頁面，單擊【應用管理】，找到剛才創建的應用，單擊【編輯】按鈕進入應用編輯器。
程式碼解析
下面逐條分析當下使用模板的結構。首先是有個垂直布局組件，它將頁面分成了三個部分：
- 頭部（header）：頭部放置小程式的介紹，向用戶告知本次調查的目的。對應模板中的【插槽 header】。
- 內容（content）：內容部分就是具體的調查項，在調查項結尾需要增加一個提交按鈕，方便用戶提交。對應模板中的【插槽 content】。
- 尾部（footer）：尾部一般放置版權資訊。對應模板中的【插槽 footer】。
改造頭部
- 選中大綱樹中的【插槽 header】，可以看到該模板的頭部資訊是放置了四個標題組件，若不需要這麼多展示內容，可以選中具體【標題】組件單擊右鍵【刪除】。
- 若需要添加長文本介紹，我們可以選中【插槽 header】>【容器】組件，再單擊組件庫【通用】類目中的【文本】組件，即可在問卷的頭部增加文本，您也可以通過拖拽快速實現。修改文本的內容，可選中【文本】組件，並修改右側【組件編輯】的【文本內容】。 內容示例： 文本內容：尊敬的騰訊雲微搭低程式碼用戶，為了更好地提升騰訊雲微搭低程式碼平台的體驗和服務，我們特展開本次的問卷調查，希望能得到您的真實想法與寶貴意見，本問卷將花費您5分鐘時間。
- 同時，可根據業務需求調整樣式，我們選中該文本組件所在的【容器】組件，切換到【樣式】標籤，給組件的內邊距左右各設置20的距離。
改造內容
- 在【插槽 content】部分，即問卷的內容部分，模板提供了姓名、手機、興趣話題和提交按鈕。若不需要某部分內容，可選中該組件，單擊右鍵【刪除】。
- 若要添加內容，可以選中【插槽 content】下的【插槽 content Slot】組件（即表單容器的插槽容器），再單擊組件庫中所需添加的組件，如添加【表單單選】組件。
- 默認是添加到最後邊，我們可以調整一下順序，拖住組件調到【按鈕】組件的前邊。
- 選中剛剛添加的【表單單選】組件，設置表單欄位名稱（欄位名稱填寫為 job），組件的標題（我的職業是），將布局方式改為垂直，並依次增加單選項的內容，單選項名稱分別為前端開發、後台開發、設計師、運營、產品策劃、其他，單選項的值分別設置為first、second、third、fourth、five、six。單選內容的 value 會被提交到資料庫里。
- 按照同樣的方法增加第二個調查項,需要注意的是第二個調查項的欄位名稱需要填寫為 industry，標題設置為「我所屬的行業是」，單選項名稱分別為金融、工業、教育、醫療、政務、IT互聯網、其他，單選項的值分別為first、second、third、fourth、five、six、seven。單選內容的 value 會被提交到資料庫里。
改造尾部
我們在問卷尾部展示版權資訊。選中【插槽 footer】插槽里的【文本】組件，可以在右側的屬性面板里修改版權資訊。
步驟4：程式碼構建與發布
- 程式碼改造好後就可以進行預覽了，單擊導航條【預覽發布】。為快速測試，您可以選擇部署方式為【雲端】，部署平台為【網頁 h5】。
- 本地需要安裝好 node.js 並且按照彈出窗口提示的命令依次在命令行執行，安裝完畢後需要打開低程式碼的編譯監控。
- 部署完成後便會彈出預覽二維碼和預覽的訪問地址。
- 構建成功後可以用手機掃描二維碼瀏覽效果。
數據管理
用戶填寫了問卷調查後，管理員可以單擊【數據源管理】，查看用戶提交的問卷資訊數據，單擊【數據管理後台】，騰訊雲微搭低程式碼 LowCode 平台自帶內容管理（CMS）後台可以查看和管理數據。
進入頁面後可以看到已創建的歷史項目，點擊剛剛創建的新項目。
選中表單即可查看數據。
您也可以直接在控制台的【應用管理】中找到剛才的應用，點擊應用卡片，在【數據管理後台】中找到預覽/發布的應用所對應的數據。【正式數據】對應的是使用發布產生的應用數據，【測試數據】是使用預覽產生的應用數據。
