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

項目中,單表操做CURD,一個界面裏,有增刪改查的操做,有分頁,有個Table顯示數據,有按鈕點擊操做就好了。html

常見的樣式:前端

常見樣式

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

這裏JBolt中給出了四種操做方式。微信

1、dialog模式佈局

有dialog打開按鈕的table

點擊能夠打開Dialog管理子表htm

子表操做管理

這是最簡單的一種,無論有多少個子表,均可以使用Dialog打開進行管理。blog

2、單頁,左右結構,AjaxPortal模式加載,局部刷新教程

單頁左右結構

這種結構,點擊左側,右側ajax加載,刷新。右側數據的CURD操做,都是局部刷新。開發

3、側邊滑出層+ajaxPortalget

滑出層操做

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

小木學堂案例

4、頁面上下結構+ajaxPortal

上下結構管理

上面主表,下面從表 一個主表能夠有多個從表

經過局部數據刷新加載,curd 只在獨立portal中運行。

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

更多JBolt圖文教程:

https://www.jianshu.com/p/a18b61aa298a

JFinal開發者計劃:https://www.jfinal.com/share/1696

歡迎加入

有問題,加我微信聯繫:mumengmeng

個人微信

JFinal學院公衆號:jfinalxueyuan

微信公衆號

相關文章
相關標籤/搜索