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