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

项目中,单表操作CURD,一个界面里,有增删改查的操作,有分页,有个Table显示数据,有按钮点击操作就行了。

常见的样式:

jbolt1.jpg

除了单表操作管理,还有一些业务是主从表管理,一个主表对应多个子表的管理。

这里JBolt中给出了四种操作方式。

一、dialog模式

jbolt2.jpg

点击可以打开Dialog管理子表

jbolt3.jpg

这是最简单的一种,不管有多少个子表,都可以使用Dialog打开进行管理。

二、单页,左右结构,AjaxPortal模式加载,局部刷新

jbolt4.jpg

这种结构,点击左侧,右侧ajax加载,刷新。右侧数据的CURD操作,都是局部刷新。

三、侧边滑出层+ajaxPortal

jbolt5.jpg

具体事例看一个小木学堂后台案例吧:

jbolt6.jpg


四、页面上下结构+ajaxPortal

jbolt7.jpg

上面主表,下面从表 一个主表可以有多个从表

通过局部数据刷新加载,curd 只在独立portal中运行。

这只是,JBolt中UI布局的冰山一角,JBolt里的前端UI封装组件尽量不写js 只配置html data-*属性 即可完成组件自动化处理。

更多JBolt图文教程:

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


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

image.png

本站推荐:

【视频教程】基于JFinal-undertow的项目打包与部署(linux centos7)

【技术】快速git仓库派生项目后本地与原项目和派生项目如何同步Merge操作步骤

【技术】JFinal新版sql模板有两种Template的调用方式,你学会了吗?

【源码】Jsoup是最好的 Java HTML 解析器,没有之一

JFinal学院公众号:jfinalxueyuan

jfinalxueyuanqrcode.jpg


评论区

q76267454

2019-09-11 12:33

代码可以下载吗

山东小木

2019-09-11 13:34

@q76267454 这是针对JFinal开发计划里的一部分课程 https://www.jfinal.com/share/1696

热门分享

扫码入社