天天看点

基于EasyUi的快速开发框架

先看图,下边这个简单的增、删、改、查,如果自己写代码实现,这两个页需要多少行代码?

如果再有类似的增、删、改、查,又需要多少行代码?

基于EasyUi的快速开发框架

我最近搞的这个快速开发框架中,代码行数不超过100。

两页的代码如下:

1,列表页:

2,新增/编辑页代码如下:

为什么,实现这么多的功能,只需要这稀稀拉拉不到100行的前台代码?

那是因为,大量的代码都重用,都写在其他类库。

比如说,列表页中画Datagrid,比如说增、删、改按钮的事件,这些都共用,写在Common.js中,通过传参数就可以实现对应的功能。

比如说,新增/修改页中的提交和返回按钮的触发事件,是写在一个分部视图里的,页面中只需一行代码调用就可以了。

这样所有的新增/修改页,都调用这一个分部视图。

比如说,往后台传页面参数,普通的作法时,对页面上的控件,一个一个的获取其值,然后传到后台,这里的作法是,获取页面所有的控制值,组装成Json,传入后台,后台再转移为对应实体,是不是很帅,很方便呢?

关键代码如下:

往后台传参。

后台接收参数:

至此,功能基本实现,刚好要下班了,有兴趣的请留言,我接着把,谢谢。