低程式碼平臺探索:10分鐘實現一個表單應用(包含前端)
在上一篇文章有提到對白碼平臺的探索會以類似學習筆記的形式寫下來分享(有興趣可以看看原文 ),本次主要分享實現一個包含前端介面的產品資訊增刪改功能。
建立產品表儲存產品資料
產品表包含屬性:品名、規格描述、單價、圖片
具體實現:
在“快速開發”中新建選單“產品”,然後在彈出窗中新增屬性。
一個簡單的產品表就建好了,到使用者端中看看效果。
實現增刪改功能
回到剛才的工作臺介面,在“功能配置”一欄中點選配置,新建一個“新增”功能按鈕實現新增一條產品資料的功能,只需要填寫功能名稱,功能型別選擇“新增”就可以了,“修改”、“刪除”功能同理,他不能一次性同時選擇新增、修改、刪除型別,希望官方能夠改進。
新增完後,將狀態改為上線就可以了。
到使用者端檢查效果
在功能配置中單擊功能,可以看到裡面的具體實現,我理解為一個流程引擎工具,他提供了挺多型別的步驟,這部分內容等我研究多點後,再另開一篇筆記專門記錄介紹。
實現前端介面
前面實現的只是一個類似後臺資料管理介面,對使用者來說不是特別友好。下面用平臺提供的前端介面(官方說法是自定義頁)模板簡單實現一下。
1、新建“自定義頁”型別選單,選擇一個資料列表模板。
2、點選編輯頁面,對接產品資料(介面感覺有點像原型工具):選中列表,將資料來源設為產品列表(其實前面建立表的過程平臺會給我生成一個資料集的流程,當做資料檢視就行)。並將產品表的屬性對映。
3、對映完列表後,還有將列表中的其他圖層的數值對應上(感覺有點重複操作了),比如品名圖層,對應列表中的品名,其他我就不一一說了。
4、將增刪改的功能對接上按鈕:在對應按鈕上的觸發中選擇點選執行功能就可以了。
弄完後點選儲存,在客戶端中檢視效果
總結
整體上算是實現了一個具有前端頁面的產品管理表單應用,時間上也花費不到10分鐘(前提得學會一點怎麼玩這個平臺)。 這個平臺在功能上應該說挺強大的了,也比較容易上手,不過還有挺多坑,我從零開始靠翻官方的幫助文件翻了一個下午學習才會上手(沒錯,僅僅是上手)。 包括他的流程步驟型別、自定義頁的元件、程式設計、API等,我能想到後面還有很多坑等著我踩......
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69981626/viewspace-2712914/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 白碼低程式碼平臺探索:10分鐘實現一個表單應用(包含前端)前端
- 用低程式碼平臺,5分鐘實現報價轉訂單功能
- 實戰 | 使用微搭低程式碼3分鐘開發表單應用
- 用低程式碼平臺視覺化設計表單視覺化
- 應用哪個低程式碼開發平臺好用
- 用最少的程式碼手工實現一個Promise,5分鐘看懂Promise
- 最佳實戰 | 使用微搭低程式碼10分鐘快速搭建企業門戶應用
- 如何使用低程式碼開發平臺快速建立一個應用 | 例項演示
- 微服務低程式碼Serverless平臺(星鏈)的應用實踐微服務Server
- 用低程式碼平臺搭建應用程式的流程是什麼
- 用低程式碼開發平臺開發應用可靠嗎
- 低程式碼平臺建立數字應用程式的高效方式
- API低程式碼開發平臺的實際應用及好處API
- 低程式碼開發平臺的功能有哪些?低程式碼“功能清單”一覽
- 一分鐘開發一個表單
- 低程式碼應用程式開發平臺的5種選擇
- 什麼是低程式碼?一分鐘瞭解低程式碼「建議收藏」
- 5分鐘實現一個Koa
- 低程式碼平臺!企業級應用開發模式首選模式
- 低程式碼平臺選型(一)| 引擎篇
- Budibase是一個開源的CRUD低程式碼平臺
- 低程式碼平臺的功能及其用處
- 純後端如何寫前端?我用了低程式碼平臺後端前端
- Forrester釋出首份《中國低程式碼平臺發展報告》,有多少企業應用低程式碼?REST
- “低程式碼”是什麼?低程式碼平臺如何助力企業實現數字化轉型?
- 什麼是低碼開發平臺?低程式碼平臺需要編碼嗎?
- RestCloud API低程式碼開發平臺,實現無程式碼快速釋出APIRESTCloudAPI
- 用Python實現簡單的人臉識別,10分鐘搞定!(附原始碼)Python原始碼
- 短影片一鍵分發平臺,3分鐘分發全平臺
- 實現簡單的`Blazor`低程式碼Blazor
- LeaRun低程式碼開發平臺 助推物聯網應用快速落地
- 低程式碼應用開發平臺,讓企業開發更高效
- 一個簡單而美觀的跨平臺播客應用程式
- 30分鐘編寫一個Flask應用Flask
- 五分鐘實現一個chrome外掛(含原始碼)Chrome原始碼
- 100行程式碼實現一個vue分頁元件行程Vue元件
- 低程式碼開發平臺是什麼意思?低程式碼開發平臺優勢!
- 低程式碼行業應用實戰行業