最近,在开发JBolt开发平台里的电商模块,界面UI上可是下了功夫了,封装了大量自动化组件,让二次开发的时候,基本不用写JS和CSS,简单配置个属性,就能使用这些组件。
看图:
一个页面的组成如上图所示:
一个商品的管理界面,上面后查询表单区域,里面有几个查询条件,使用的是AutoSelect组件,自动加载数据源,查询回来自动选中,自动调用Pjax的Form提交。
右上角也是,点击打开新页面,pjax方法进入。
下方左侧是一个树,数据通过Ajax加载后渲染出来,还得绑定JS事件,点击分类后,自动切换分类 提交表单去查询。
商品图点了,自动弹出幻灯片大图查看。
SwitchButton,每条数据后面跟着好几个可以快速的开关按钮。
下方的分页被包装成了一个共享模板。
一个正经儿页面想搭建起来,并不是太容易,需要的组件还真不少:
网友评论