1. 程式人生 > >JBolt開發平臺入門(14)-四種主從表管理操作方式

JBolt開發平臺入門(14)-四種主從表管理操作方式

專案中,單表操作CURD,一個介面裡,有增刪改查的操作,有分頁,有個Table顯示資料,有按鈕點選操作就行了。

常見的樣式:

常見樣式

除了單表操作管理,還有一些業務是主從表管理,一個主表對應多個子表的管理。

這裡JBolt中給出了四種操作方式。

一、dialog模式

有dialog開啟按鈕的table

點選可以開啟Dialog管理子表

子表操作管理

這是最簡單的一種,不管有多少個子表,都可以使用Dialog開啟進行管理。

二、單頁,左右結構,AjaxPortal模式載入,區域性重新整理

單頁左右結構

這種結構,點選左側,右側ajax載入,重新整理。右側資料的CURD操作,都是區域性重新整理。

三、側邊滑出層+ajaxPortal

滑出層操作

具體事例看一個小木學堂後臺案例吧:

滑出層操作

四、頁面你上下結構+ajaxPortal

上下結構管理

上面試主表,下面從表 一個主表可以有多個從表

通過區域性資料重新整理載入,curd 只在獨立portal中執行。

這只是,JBolt中UI佈局的冰山一角,JBolt裡的前端UI封裝元件儘量不寫js 只配置html data-*屬性 即可完成元件自動化處理。

更多JBolt圖文教程:

https://www.jianshu.c