现在的位置: 首页 > 综合 > 正文

EX_NET团队产品介绍—–HTML报表打印组件(ajax)

2013年12月05日 ⁄ 综合 ⁄ 共 983字 ⁄ 字号 评论关闭

EX_NET团队产品介绍-----HTML报表打印组件

本系列文章由ex_net(张建波)编写,转载请注明出处。

http://blog.csdn.net/ex_net/article/details/7616345

作者:张建波 邮箱: 281451020@qq.com 电话:13577062679 欢迎来电交流!


 

另:我正在组建创业团队,从事物联网、智慧小区、计算机系统集成软件、平台开发,寻求计算机、电子信息、营销的伙伴加入,年轻人需要有梦想。

就业不如创业!以其给别人打工,不如给自己打工!我们都是热血青年,携手去打造属于我们自己的天空!

由于本人现处云南昆明,诚挚欢迎你的加入!

 

     通过一个已经制作完成的html网页,查询数据库中的所需要的相关内容,将查询到的内容反映到所制作的html网页中。使之变为一张报表。

使用到的技术
1、HTML语言。
用于制作页面,绘制所需要的表格、排版等。
2、JavaScript语言。
用于编写执行函数。
3、Ajax技术。
实现页面的局部刷新功能。

 

实现方法

1、Ajax部分

   判断浏览器种类,并创建XMLHttpRequest()对象

  声明回调函数

其中readystate有五种状态:
0:请求未初始化
1:服务器连接已建立
2:请求已接收
3:请求处理中
4:请求已完成,且响应已就绪
status状态两种:
200:“ok”
404:not found

JS调用接口

    这一部分主要负责将回调函数返回的数据进行分割,分割成我们需要的数据,再将数据放入我们需要的报表中。报表分为两种单取值型和表格型,而表格型又分为单页表格和多页表格。

           绘制表格
在制作表格时可以人工绘制表格的表头,然后给予不同的id,当然也可以用for语句循环的创建表格,例子中使用的是用for语句创建表格。

       

        关于技术文档就简单简绍到这里,感兴趣的朋友可以来电交流。

 

实际运行效果:

 

 

优点
1)使用了原始的Ajax技术,没有使用其他的架包,使得HTML报表加载的速度有了提高。
2)在HTML中显示报表,从打印预览中看到什么,打印出来就是什么,所见即所得,有错误的话直接在HTML中修改,方便快捷。
3)已经将代码制成模板,只需手动修改部分字段即可使用,不同控件也只需要微调代码即可。

注:该组件的开发者为我团队今年招募的大四应届毕业生所开发完成。

 

 

抱歉!评论已关闭.