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

Roy155發表於2020-08-19

在上一篇文章有提到對白碼平臺的探索會以類似學習筆記的形式寫下來分享(有興趣可以看看原文 ),本次主要分享實現一個包含前端介面的產品資訊增刪改功能。

建立產品表儲存產品資料

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

具體實現:

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

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

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

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

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

實現增刪改功能

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

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

到使用者端檢查效果

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

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

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

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

實現前端介面

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

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

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

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

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

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

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

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

總結

整體上算是實現了一個具有前端頁面的產品管理表單應用,時間上也花費不到10分鐘(前提得學會一點怎麼玩這個平臺)。 這個平臺在功能上應該說挺強大的了,也比較容易上手,不過還有挺多坑,我從零開始靠翻官方的幫助文件翻了一個下午學習才會上手(沒錯,僅僅是上手)。 包括他的流程步驟型別、自定義頁的元件、程式設計、API等,我能想到後面還有很多坑等著我踩......

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

相關文章