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

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）已经将代码制成模板，只需手动修改部分字段即可使用，不同控件也只需要微调代码即可。

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