JBolt开发平台入门(14)-四种主从表管理操作方式

原创
2019/09/11 01:16
阅读数 467

项目中,单表操作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.com/p/a18b61aa298a

JFinal开发者计划:https://www.jfinal.com/share/1696

欢迎加入

有问题,加我微信联系:mumengmeng

我的微信

JFinal学院公众号:jfinalxueyuan

微信公众号

展开阅读全文
打赏
0
1 收藏
分享
加载中
更多评论
打赏
0 评论
1 收藏
0
分享
在线直播报名
返回顶部
顶部