白碼低程式碼平臺探索:10分鐘實現一個表單應用(包含前端)

冰糖燉楊梅發表於2020-09-02

建立產品表儲存產品資料

產品表包含屬性: 品名、規格描述、單價、圖片

具體實現:

在“快速開發”中新建選單“產品”,然後在彈出窗中新增屬性。

白碼低程式碼平臺探索:10分鐘實現一個表單應用(包含前端)

白碼低程式碼平臺探索:10分鐘實現一個表單應用(包含前端)

白碼低程式碼平臺探索:10分鐘實現一個表單應用(包含前端)


一個簡單的產品表就建好了,到使用者端中看看效果。

實現增刪改功能

回到剛才的工作臺介面,在“功能配置”一欄中點選配置,新建一個“新增”功能按鈕實現新增一條產品資料的功能,只需要填寫功能名稱,功能型別選擇“新增”就可以了,“修改”、“刪除”功能同理,他不能一次性同時選擇新增、修改、刪除型別,希望官方能夠改進。

新增完後,將狀態改為上線就可以了。

到使用者端檢查效果

在功能配置中單擊功能,可以看到裡面的具體實現,我理解為一個流程引擎工具,他提供了挺多型別的步驟,這部分內容等我研究多點後,再另開一篇筆記專門記錄介紹。

實現前端介面

前面實現的只是一個類似後臺資料管理介面,對使用者來說不是特別友好。下面用平臺提供的前端介面(官方說法是自定義頁)模板簡單實現一下。

1、新建“自定義頁”型別選單,選擇一個資料列表模板。

白碼低程式碼平臺探索:10分鐘實現一個表單應用(包含前端)

白碼低程式碼平臺探索:10分鐘實現一個表單應用(包含前端)


2、點選編輯頁面,對接產品資料(介面感覺有點像原型工具):選中列表,將資料來源設為產品列表(其實前面建立表的過程平臺會給我生成一個資料集的流程,當做資料檢視就行)。並將產品表的屬性對映。

3、對映完列表後,還有將列表中的其他圖層的數值對應上(感覺有點重複操作了),比如品名圖層,對應列表中的品名,其他我就不一一說了。

4、將增刪改的功能對接上按鈕:在對應按鈕上的觸發中選擇點選執行功能就可以了。

弄完後點選儲存,在客戶端中檢視效果。

白碼低程式碼平臺探索:10分鐘實現一個表單應用(包含前端)

白碼低程式碼平臺探索:10分鐘實現一個表單應用(包含前端)

白碼低程式碼平臺探索:10分鐘實現一個表單應用(包含前端)


總結

整體上算是實現了一個具有前端頁面的產品管理表單應用,時間上也花費不到10分鐘(前提得學會一點怎麼玩這個平臺)。

這個平臺在功能上應該說挺強大的了,也比較容易上手,不過還有挺多坑,我從零開始靠翻官方的幫助文件翻了一個下午學習才會上手(沒錯,僅僅是上手)。

包括他的流程步驟型別、自定義頁的元件、程式設計、API等,我能想到後面還有很多坑等著我踩......


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69981238/viewspace-2716670/,如需轉載,請註明出處,否則將追究法律責任。

相關文章