无刷新分页控件(原创)(jQuery+json+ashx)(Ajax)

近来在做一个项目,

有很多基本的信息表.

但这些信息都只有一些增删改查的相关操作

大多数表没有业务流的相关操作.

要是每个表的增删改查相关功能都一个个去做一个管理页

不单麻烦,也不算是一个程序员有的思想(不知道偷懒人程序员不算一个好的程序员)

三四十来张表.每张表做两个管理页.就是七八十人页面.

那我不想死.

所以.就打算做一个通用的增删改查控件

标题只是说一个分页显示控件,那还只是一个小点.

主要是看到现在园子里对这个做的人比效多.可能会有些点击吧.呵.

主要是以前我也做过一个那个无刷新分页的.

一下园子里就有好多人加我QQ,

有的是要源代码(那个版本JS压缩了一下),

有的是要我教jQuery,

有是就是问我那个控件怎么用.

只不过那个是用ACCESS+VS2008(jQuery+ashx+json)做的

只不过看看现在的开发.用ACC来做数据库的(大项目).那是不可能的吧

 

我们这个项目是用的SQL2005+VS2008

所以就在原来的基础上.更加一层的开发

(jQuery+ashx+json)

中间用到了josn的序列化与反序列化

反射,做了跨数据库接口等

 

当然,开始做的时候.

有一个好的设计方案是不可少的.

做的项目越多.就知道前期工作的重要性的.以前不怎么重视

在那个上面吃了大亏,就有了这个教训了

 

第一部分

下面是我的数据库设计,还有测试数据表结构设计

无刷新分页控件(原创)(jQuery+json+ashx)(Ajax)_第1张图片

 

上面的五张表是控件要用的.

下面五张表是测试数据设计

 

第二部分

目录结构

无刷新分页控件(原创)(jQuery+json+ashx)(Ajax)_第2张图片

Library里面,大家都是开发人员.这个结构看得懂吧(不知道这现设计好不好)

AjaxPages里面就是放ashx请求处理的页面的

主要是做了两个用户控件

EditGradView.ascx和ShowGradView.ascx

在ShowPage.aspx,EditPage.aspx分别引用这两个用户控件

先来看看效果吧

无刷新分页控件(原创)(jQuery+json+ashx)(Ajax)_第3张图片

 

1.上面的按钮是功能操作的,选择结果是一个接口

就是第一列,有选择框,当你选择了哪里行的时候.点那个选择结果就会把相应的主键值传给用户,

让用户自行处理怎么操作,

当然,在我这个项目里就做了个批量删除功能了

2.增加记录

无刷新分页控件(原创)(jQuery+json+ashx)(Ajax)_第4张图片

就会根据你在配置表里配置的数据,

自动生成一个表单,这个表单就是这样的

这里实现了几种控件,

文本框,密码框,日期选择框,文件上传框,下拉框,多行文本框

文本框里又有正则表达式验证(在配置表里配置你要验证的类型),

reg

日期就会自动出来一个日历控件

无刷新分页控件(原创)(jQuery+json+ashx)(Ajax)_第5张图片

文件上传.就会通过一个假的(ajax:实际是创建一个iframe)新上传.把你文件上传上去.返回一个文件名到那个框里

下拉框:当然只有外键和字典的时候.就会出来下拉了

 

 

3查询

点击查询的时候.也会自动根据你在配置表里配置的数据

自动在页页生成一个查询表单

无刷新分页控件(原创)(jQuery+json+ashx)(Ajax)_第6张图片

同样也把你查询到的结果分页

 

3.编辑,删除,自定义

无刷新分页控件(原创)(jQuery+json+ashx)(Ajax)_第7张图片

会在每行的后面出现功能操作,当然你可以配置可以不可以有这些操作

在这里.编辑就会跳到一个编辑表单让你修改

无刷新分页控件(原创)(jQuery+json+ashx)(Ajax)_第8张图片

也是和增加记录的表单一样.只不过这里还要把编辑的数据绑定上去

当然,在这里功能操作里,都有相应的接口

比如我点删除的时候,要自己写一个方法,

所以我就在每个功能操作里写了一个用户接口

只要你引用了的页面里写了一个这样的接口,

就会去调用你自己写的方法,没有的话.就执行自己写的方法

这样的话.我那个项目,三四十张表.

就可以只要配置一个配置表里面的信息

就全都可以自动的实现增删改查了

http://liuju150.cacacoo.com/

在这里可以看到效果.只不过这不是我的空间,放到别人空间上去的

那里的SQL数据库的排序规则不和我的相同.

所以中文有些乱码了.

只不过还是可以看到效果的喽.

json实体帮助类

Code


json数据表帮助类

Code

 http://www.cnblogs.com/liuju150/archive/2009/09/11/1565009.html
这里是表单的反射操作

数据操作方法

Code

 

你可能感兴趣的:(jquery)