项目中,单表操作CURD,一个界面里,有增删改查的操作,有分页,有个Table显示数据,有按钮点击操作就行了。
常见的样式:
除了单表操作管理,还有一些业务是主从表管理,一个主表对应多个子表的管理。
这里JBolt中给出了四种操作方式。
一、dialog模式
点击可以打开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