《堂食點餐》APP先後端所有免費開源啦！

《堂食點餐》雲應用是一套在線點餐的行業應用模版，顧客可經過小程序/APP自助掃碼訂餐、加菜、買單，從而下降門店服務人員工做量及餐廳的運營成本。前端模版源碼開源後，得到了不少開發者的好評，爲了給開發者帶去更好的學習和開發福利，《堂食點餐》後端數據雲函數也開源啦！模板的數據雲模型和雲函數現已上線到數據雲預置模型中了。經過導入模型，便可體驗雲端一體的《堂食點餐》完整案例。

數據雲3.0是一個全新的服務端開發運維平臺，提供從後端開發、接口聯調到上線運營維護等一整套方案。開發者無需考慮數據庫和服務器等基礎設施，無需關心服務器測試環境的搭建，數據的備份及服務擴容等與業務無關的工做，只需關心邏輯自己。

前端源碼

餐飲點餐：一套代碼生成APP+小程序，🔗點此查看源碼講解

後端源碼

當咱們使用《堂食點餐》模板建立應用之後，就能夠根據須要導入數據雲模型和雲函數，具體方式以下：

一、開啓數據雲和導入模型

進入項目的控制面板，選擇「雲開發」中的「雲設置」。若是是第一次打開這個界面，數據雲默認是麼有開啓的。須要點擊歡迎頁的開啓按鈕，便可開啓數據雲。

開啓數據雲以後，能夠在「雲設置」頁面進行一些基礎設置。接下來重點關注到「數據模型」頁面。點擊「數據模型」打開相關頁面，咱們能夠自行建立模型和雲函數，也能夠在右側「預製模型」中看到「堂食點餐"同名模型。點擊右下角綠色小加號，將該模型進行導入。

導入成功之後，能夠在左側看到相應的數據模型已經顯示出來。點選模型，能夠進入相關模型數據的預覽。或者是點擊左側底部的「雲函數開發」會彈出雲函數管理浮層，浮層中間是使用引導和文檔連接。能夠點選左側頂部的綠色按鈕進行創做新的雲函數， 也能夠點選已有的雲函數，學習研究預置的函數和接口是如何設計的。

二、體驗一下

以左側的 shop 模型爲例，點擊模型打開「遠程函數」。在遠程函數中找到 getInfo 接口，點選後右側就會展示相關代碼實現。此時須要進行一次全量發佈，點擊右側上方的發佈右側的下拉箭頭，選擇全量發佈，將剛剛導入的全部模型和雲函數發佈並生效。接下來能夠點擊接口聯調，打開API接口生成列表。在 shop 分組下找到 getInfo 接口，並能夠點擊 「Try it out」進行接口測試。

請求後將會看到完整的請求地址。接下來打開App端的源碼，找到 script/req.js 大約第三行的位置，將代碼中的請求二級前綴更改成項目的真實API路徑。例如：

const config = {
    schema: 'https',
-    host: 'a7777777777777-pd.apicloud-saas.com',
+    host: 'a6176110219206-dev.apicloud-saas.com',
    path: 'api'
}

保存後,打開首頁開始測試一下: 進入 pages/main_home/main_home.stml 頁面，右鍵點擊空白區域，選擇「實時預覽」。稍等片刻，在右側的預覽區域將會出現預覽畫面。點擊地址後面的複製圖標，拿到預覽地址。放置到chrome等瀏覽器中能夠觀察請求，確認渲染數據的確是來自當前項目的數據雲接口的模型數據。

三、雲模型 快速上手

雲模型也就是雲數據庫。能夠存取業務數據，還提供了數據訪問的接口和相關API。

在一個項目中能夠創建業務所須要的數據表模型。仍是以 shop 爲例：打開模型後，是一個表格的形式展示了模型內存在的數據。表頭的內容是該模型的字段，表中的數據是模型下保存的記錄。能夠在頭部的按鈕中進行添加數據、刪除數據、添加字段、設置關聯等管理操做。

四、雲函數示例代碼

獲取商家信息

GET /shops/getInfo
shop.getInfo = async()=> {
        try{
            const data = await shop.findOne({where: {"status":1}});
            return {status:0,msg:"成功",data:data};
        }catch(err){
            return {status:1,msg:"獲取商家信息失敗！",data:err};
        }
};

經過閱讀上面的雲函數源代碼，能夠看到一個雲函數組成是十分簡單的。在編輯狀態下，能夠看到表單中顯示出了一個雲函數的一些必要元素：選擇 Model ，肯定函數類型爲「遠程函數」，選擇請求類型爲「get」。完善函數名稱和描述，最後設置一個函數（方法）名， 做爲函數名稱，也是遠程接口的訪問地址。

在函數中，經過模型的數據操做api來對接口作具體的功能實現：在上面的代碼中， 就是從 shop 模型中找到一個 status 爲 1的一條符合條件的數據。能夠看到，查找條件是以 JSON 的形式放在 where 條件中的。正常狀況下，成功找到數據並使用 return 關鍵字爲函數返回值。而這個值也會做爲雲函數生成的接口的 response 的數據域， 來返回給前端。使用 try-catch 代碼塊來捕獲相關錯誤，若是查找失敗的狀況下，而且也會返回給前端。

關於更多的模型方法能夠參考🔗數據雲3的完整文檔。

五、管理後臺 快速上手

除了模型和雲函數以外，數據雲3還提供一個快速後臺生成管理系統。

爲方便用戶使用，咱們內置了管理後臺模塊，用戶開啓服務後可經過 "https://appid-dev.apicloud-saas.com/admin/" 在測試環境進行訪問。

此功能須要全局配置開啓session服務以及開通文件存儲，請在全局配置進行相關操做。

仍是上面的例子：假設當前的 APPID 是 a6176110219206 ，那麼對應的管理地址就是：https://a6176110219206-dev.ap... 默認的帳號和密碼是：帳號：admin 密碼：123456

在後臺能夠進行相關數據設置和頁面快速開發。後臺頁面開發的規則是引入了低代碼框架 AMIS 。詳細能夠參閱：https://baidu.github.io/amis/...

六、深刻使用和進階

回到數據雲面板，能夠查看示例模型和雲函數。還能夠經過數據雲完整文檔學習完整的數據雲使用方法。數據雲文檔連接：https://docs.apicloud.com/Clo...