随着網絡和科技的發展，利用小程式來服務内部職工的機構也越來越多。本文就使用微搭低代碼來快速制作一款每日菜單小程式，機構内部的負責人可以維護每周的菜單，職工通過關注小程式來檢視每周的菜單資訊。
任何一款小程式都需要将資料存儲起來，我們一般會将資料存儲到資料庫中，微搭給我們提供了一款線上的文檔資料庫，可以友善我們進行資料的讀取和存儲操作。
可以在資料源管理中建立我們的自定義資料源，菜單。
資料源定義好後，我們需要建立應用，一個應用就對應線上的一個小程式，基礎版可以建立50個小程式，足夠我們使用了。具體方法點選應用管理，點選建立空白應用按鈕。
輸入應用名稱和辨別點選确定就可以
應用建立成功後，我們點選編輯應用按鈕就可以進行頁面的具體開發了
預設會建立一個首頁，就是我們打開小程式看到的第一個頁面
一般的小程式首頁會放置具體可以操作的功能，我們以圖示的形式引導使用者進行點選，首先我們開發菜單管理的功能，圖示的話我們可以去iconfont上下載下傳，可以免費使用
在搜尋框輸入菜單，點選png下載下傳就可以
下載下傳好了之後，我們需要把圖示上傳到我們的素材庫以備後續進行使用，可以點選左側菜單欄的資源管理，将下載下傳好的素材上傳上去
素材有了我們就需要考慮功能的實作了，首頁的功能需要選擇合适的布局，布局就是規定了頁面的結構，因為是圖示加文字的形式是以我們選擇栅格布局，有四列就足夠了。具體的操作方式是選擇對應的元件，可以點選也可以拖入編輯區
初學者可能對插槽不是特别了解，其實就像積木一樣，有插槽的地方說明繼續可以放置其他元件，這裡我們在第一個插槽裡先放置一個容器元件，我一般的習慣是切換到大綱視圖，然後選中插槽再往裡放元件，這樣比較精準。
放置容器元件的目的是為了讓圖檔和文字描述垂直排列，是以我們需要設定一下容器的樣式為flex布局，主軸方向為垂直，主軸和副軸都是居中對齊
然後在容器元件裡放置圖檔元件，圖檔元件放置後我們改一下圖檔的寬和高各為100
然後增加一個文本元件，将内容修改為菜單管理
按照相同的方法我們依次在其餘的插槽中放置圖檔和文本元件，修改标題為每周菜單、評論管理、釋出評論
現在圖檔是預設圖檔，我們可以将圖檔修改成使用素材庫的圖檔，選中圖檔元件點選雲朵的圖檔使用素材庫的圖檔即可
圖示定義好後，我們需要為圖示定義事件，我們選擇容器元件，定義點選事件，選擇tap點選，我們選擇平台方法中的導航方法
導航事件需要選擇導航的頁面，我們需要建立一個頁面，在頁面管理建立新頁面即可
頁面建立成功後我們回到首頁上，選中我們的容器元件，切換到事件頁簽選擇我們剛剛建立的頁面，這樣事件就定義好了
搭建好頁面後，在編輯器裡是看不到頁面跳轉的，為了測試一下我們的設定是否正确，我們點選預覽釋出按鈕，将代碼送出到生産環境看一下效果
選擇實時預覽就可以
我們可以掃碼通路也可以直接在浏覽器打開
騰訊雲微搭低代碼是高效、高性能的拖拽式低代碼開發平台，向上連接配接前端的行業業務，向下連接配接雲計算的海量能力，助力企業垂直上雲。騰訊雲微搭低代碼将繁瑣的底層架構和基礎設施抽象化為圖形界面，通過行業化模闆、拖放式元件和可視化配置快速建構多端應用（小程式、H5應用、Web 應用等），免去了代碼編寫工作，讓您能夠完全專注于業務場景。騰訊雲微搭低代碼以雲開發作為底層支撐，雲原生能力将應用搭建的全鍊路打通，提供高度開放的開發環境，且時刻為您的應用保駕護航。
開通微搭：https://cloud.tencent.com/product/weda?tdl_anchor=techsite
産品文檔：https://cloud.tencent.com/product/weda/details?from=12763
技術交流群、最新資訊關注微信公衆号【騰訊雲低代碼】