项目中,单表操作CURD,一个界面里,有增删改查的操作,有分页,有个Table显示数据,有按钮点击操作就行了。
常见的样式:
常见样式除了单表操作管理,还有一些业务是主从表管理,一个主表对应多个子表的管理。
这里JBolt中给出了四种操作方式。
一、dialog模式
有dialog打开按钮的table点击可以打开Dialog管理子表
子表操作管理这是最简单的一种,不管有多少个子表,都可以使用Dialog打开进行管理。
二、单页,左右结构,AjaxPortal模式加载,局部刷新
单页左右结构这种结构,点击左侧,右侧ajax加载,刷新。右侧数据的CURD操作,都是局部刷新。
三、侧边滑出层+ajaxPortal
滑出层操作具体事例看一个小木学堂后台案例吧:
小木学堂案例四、页面上下结构+ajaxPortal
上下结构管理上面主表,下面从表 一个主表可以有多个从表
通过局部数据刷新加载,curd 只在独立portal中运行。
这只是,JBolt中UI布局的冰山一角,JBolt里的前端UI封装组件尽量不写js 只配置html data-*属性 即可完成组件自动化处理。
更多JBolt图文教程:
欢迎加入有问题,加我微信联系:mumengmeng
我的微信JFinal学院公众号:jfinalxueyuan
微信公众号