不寫一行代碼就能開發？是真的，試試應用魔方吧丨【玩轉應用魔方】

寫在前面

上一篇博客 在完全脫離文檔的情況下了解了 AppCube，對其有了一個基本面的認識，作為一個嘗試者，本篇博客還是不借助文檔，只依賴自己的經驗，實現一個小閉環，這個閉環小到模型中只有一個字段，但我們要實現一個閉環，即從前臺輸入數據，然后在從后臺讀取數據。

首先我們創建一款空白應用，這樣子就能得到一個原汁原味的界面了。

此時才發現，AppCube 竟然是一個 SAAS 空間，而且好像還在一個地方看到了類似的廣告語，翻閱首頁發現，原來是 【高效易用的低代碼 aPaaS 平臺】。

對象模型

進入到控制版面之后，直接找到 Model 目錄，點擊右側的 +，添加對象模型。

輸入對象名，就可以操作對象中的相關字段了，其中 AppCube 給我們內置好了一些默認字段，這些字段在開發中非常重要。

切換到自定義字段選項卡之后，就可以創建自己的字段了，AppCube 非常合理的預備好了前綴和后綴。

在自定義字段時，還可以選擇字段的數據類型，這里創建了一個名稱為 info_name 的字段，然后 AppCube 按照駝峰命名規則對其進行了格式化操作。標準名稱為 hys__infoName__CST。

對象字段的各個屬性也可以單獨配置。

編寫頁面

在 Page 目錄中直接添加一個【標準頁面】，然后拖拽一個表單組件到窗口中，這里 AppCube 會自動等待我們選擇一個對象，將其綁定到表單組件上，如下圖所示。

這里數據綁定的模型是 對象，因為它能由后臺對象模型映射創建，支持選擇字段，這里的后臺對象模型就是上文我們創建的模型。

其它表單組件的配置都非常簡單，例如文本標簽，占位符，鼠標移動顯示，是否可清空，基于需求配置即可。

輸入頁面最后一個步驟是，按鈕操作，也就是我們需要給提交按鈕綁定事件，讓其可以提交數據到后臺，選中按鈕之后，發現 AppCube 這一步驟也已經考慮到，已經初始化好相關事件了。

點擊【提交表單】后面的鉛筆圖標，得到【內置動作】編輯窗口，可以自行調整邏輯，非常方便。

接下來實現數據呈現部分

在 Page 目錄中創建一個名稱為 Show 的標準頁面，然后直接拖拽一個表格到窗口中。

后續的步驟與上文基本一致，綁定模型，修改顯示相關字段。

而且想要添加篩選條件也非常容易，直接在屬性面板操作即可。

預覽最終效果 c

在預覽之前，需要修改一下相關菜單，這個步驟也是失敗一次之后發現的，AppCube 默認打開的頁面，并不是咱們創建的頁面。

配置非常簡單，直接參考下圖操作區域即可實現。

保存上述所有操作，然后點擊左側的 APP 預覽。當出現如下所示頁面時，本次案例的全部工作已經完成。

數據輸入界面

數據預覽界面

由于沒有刪除按鈕，我回到了 Show 設計頁面，添加了工具欄，這樣選擇與刪除功能就被啟用了。

最后開啟表格的選擇列，如下所示。

寫在后面

雖然本例只涉及了一個字段，但這足夠精彩了，有這一個小閉環的實現，就可以將其擴展開了，任何表單收集與呈現的工作，都可以在無代碼的情況下編寫。真的符合了應用魔方的神奇之處在于，你把它拖拉拽操作一番就能實現快速應用開發和應用構建。

【玩轉應用魔方】有獎征文火熱進行中：https://bbs.huaweicloud.com/blogs/306271

版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。

版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。