項目中,單表操做CURD,一個界面裏,有增刪改查的操做,有分頁,有個Table顯示數據,有按鈕點擊操做就好了。html
常見的樣式:前端
除了單表操做管理,還有一些業務是主從表管理,一個主表對應多個子表的管理。ajax
這裏JBolt中給出了四種操做方式。微信
1、dialog模式佈局
點擊能夠打開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