锐浪报表+客户端+WebSocket并ajax方式(最推荐方式)

最新推荐文章于 2023-06-06 08:48:16 发布
最新推荐文章于 2023-06-06 08:48:16 发布
阅读量2.8k 收藏 9
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38961138/article/details/103489002
版权

记录下

 

URL协议方式不支持需要Cookie与Session会话的URL，另数据通讯方式是单向的，在报表任务完成后不能给WEB网页发送通知消息。

 

WebSocket方式是利用浏览器的WebSocket通讯功能与WEB报表客户端互相传递数据，WEB报表客户端是一个WebSocket的伺服服务器。对于有Cookie与Session会话的URL，可以采用ajax方式先把数据在网页中获取到，然后再传递给WEB报表客户端，这样就实现了对有Cookie与Session的报表支持。

 

 

<!DOCTYPE html>
<html>
<head>
    <title>WEB报表客户端使用教程(WebSocket) - 锐浪WEB报表</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="Description" content="锐浪HTML5报表应用WEB报表客户端实现打印与数据导出。" />
    <meta name="Keywords" content="WEB报表,WEB打印,HTML5报表,WEB报表客户端" />
    <script src="grwebapp.js" type="text/javascript"></script>
    <script language="javascript" type="text/javascript">
        function window_onload() {
            //*这句特别重要*：只有在WEB报表客户端程序后，才能进行WebSocket通讯
            //如果WEB报表客户端程序为开机自启动，以下调用应该去掉。更多说明请参考帮助“WEB报表(B/S报表)->WEB报表客户端->部署与安装”部分中与谷歌Chrome浏览器的相关说明
            webapp_urlprotocol_startup(); //启动WEB报表客户端程序，以便侦听接受 WebSocket 数据
        }

        //消息响应函数，接受WEB报表客户端执行完打印与数据导出等任务回发的消息
        //如果不要响应任务执行完消息，此函数可以不用定义，直接去掉即可。
        function webapp_onmessage(event) {
            var message = JSON.parse(event.data);

            //在向打印机发送完打印数据后响应的消息，在函数体中完成自己的任务
            function OnPrintEnd() {
                var msg = "报表已经打印，输出打印机：" + message.PrinterName;
                if (message.reportid) {
                    msg += "\r\nreportid = " + message.reportid;
                }
                alert(msg);
            }

            //在执行了数据导出任务后响应的消息，在函数体中完成自己的任务
            function OnExportEnd() {
                var msg = "数据导出已经完成，导出文件：" + message.FileName;
                if (message.reportid) {
                    msg += "\r\nreportid = " + message.reportid;
                }
                alert(msg);
            }

            //alert(event.data);
            if (message.event == "PrintEnd") {
                OnPrintEnd();
            }
            else if (message.event == "ExportEnd") {
                OnExportEnd();
            }
        }
    </script>
</head>
<body onload="window_onload()">
    <h1>锐浪WEB报表客户端使用教程</h1>
    <h3><a href="webapp-overview.htm">关于锐浪WEB报表客户端</a></h3>
    
    <h3>特别提示：以下链接点击无响应，请下载安装<a href="webapp-download.htm">WEB报表客户端</a></h3>

    <h3>起步例子</h3>
    <p><a href='javascript:ws_ajax_preview();'>打印预览(AJAX)</a>通过AJAX方式获取报表模板与报表数据</p>
    <script language="javascript" type="text/javascript">
        function ws_ajax_preview() {
            var args = {
                report: urlAddRandomNo("/grf/1a.grf"),
                data: "/data/DataCenter.jsp?data=Customer",
                //dataUrlParams: "如果data参数为URL，且其需要额外的参数数据，则定义在此参数中", //例子演示不需要，所以注释掉
                type: "preview",
            };

            webapp_ws_ajax_run(args);
        }
    </script>

    <p> <a href='javascript:ws_ajax_print();'>打印(AJAX)</a>通过AJAX方式获取报表模板与报表数据</p>
    <script language="javascript" type="text/javascript">
        function ws_ajax_print() {
            var args = {
                type: "print",
                //showOptionDlg: false, //如果不显示打印对话框而直接打印，将此行注释去掉即可
                report: urlAddRandomNo("/grf/1a.grf"),
                data: "/data/DataCenter.jsp?data=Customer"
            };

            webapp_ws_ajax_run(args);
        }
    </script>

    <p><a href='javascript:ws_ajax_export_xls();'>导出Excel(AJAX)</a>通过AJAX方式获取报表模板与报表数据</p>
    <script language="javascript" type="text/javascript">
        function ws_ajax_export_xls() {
            var args = {
                type: "xls",
                report: urlAddRandomNo("/grf/1a.grf"),
                data: "/data/DataCenter.jsp?data=Customer",
                reportid: "1a" //这个参数不是必须的，只是用于回发消息标识报表身份
            };

            webapp_ws_ajax_run(args);
        }
    </script>

    <h3>自定义打印参数</h3>
    <p> <a href='javascript:print_arguments();'>自定义打印参数</a>：指定打印机，设置逐份打印与打印份数。</p>
    <script language="javascript" type="text/javascript">
        function print_arguments() {
            var args = {
                type: "print",   //如果是要进行打印，将 type 设置为 print
                report: urlAddRandomNo("/grf/1a.grf"),
                data: "/data/DataCenter.jsp?data=Customer",
                PrinterName: "Microsoft Print to PDF", //指定要输出的打印机名称
                Collate: false,  //不按逐份方式打印
                Copies: 5        //共打印5份
            }

            webapp_ws_ajax_run(args);
        }
    </script>
    
    <p> <a href='javascript:export_xls_custom();'>自定义导出Excel</a>：设置合适的选项参数，将数据导出为连续的表格，页眉页脚不导出，不显示导出参数对话框等。</p>
    <script language="javascript" type="text/javascript">
        function export_xls_custom() {
            var args = {
                report:urlAddRandomNo("/grf/1a.grf"),
                data: "/data/DataCenter.jsp?data=Customer",
                type: "xls",
                ExportPageBreak: false,
                ExportPageHeaderFooter: false,
                SameAsPrint: false,
                showOptionDlg: false,  //指定不显示导出选项对话框
                filename: "d:\\temp\\gridreport.xls", //指定导出的文件路径与文件名
                //open: false  //指定导出后不自动打开文件
            }

            webapp_ws_ajax_run(args);
        }
    </script>

    <h3>更多应用方式</h3>
    
    <p><a href='javascript:ws_data_from_string();'>打印预览(报表数据来自字符串)</a>：通过WebSocket直接将网页中的字符串数据传递给WEB报表客户端。</p>
    <script language="javascript" type="text/javascript">
        function ws_data_from_string() {
            var args = {
                type: "preview", //设置不同的属性可以执行不同的任务，如：preview print pdf xls csv txt rtf img grd
                report: urlAddRandomNo("/grf/1a.grf"),
                //实际应用中，data应该为程序中通过各种途径获取到的数据，最后要将数据转换为报表需要的XML或JSON格式的字符串数据
                data:"<xml>" +
                    "<row><CustomerID>HUNGC</CustomerID><CompanyName>五金机械</CompanyName><ContactName>苏先生</ContactName><ContactTitle>销售代表</ContactTitle></row>" +
                    "<row><CustomerID>CENTC</CustomerID><CompanyName>三捷实业</CompanyName><ContactName>王先生</ContactName><ContactTitle>市场经理</ContactTitle></row>" +
                    "<row><CustomerID>CACTU</CustomerID><CompanyName>威航货运</CompanyName><ContactName>刘先生</ContactName><ContactTitle>销售代理</ContactTitle></row>" +
                    "</xml>",
                    reportid: "ws_data_from_string" //这个参数不是必须的，只是用于回发消息标识报表身份
                };
            
            webapp_ws_ajax_run(args);
        }
    </script>

    <p><a href='javascript:ws_data_from_object();'>打印预览(报表数据来自JSON对象)</a>：通过WebSocket直接将网页中的JSON对象数据传递给WEB报表客户端。</p>
    <script language="javascript" type="text/javascript">
        function ws_data_from_object() {
            var args = {
                type: "preview", //设置不同的属性可以执行不同的任务，如：preview print pdf xls csv txt rtf img grd
                report: urlAddRandomNo("/grf/1a.grf"),
                //实际应用中，data应该为程序中通过各种途径获取到的数据，最后要将数据转换为报表需要的XML或JSON格式的字符串数据
                data:
                {
                    "recordset": [
                        {
                            "CustomerID": "ALFKI",
                            "CompanyName": "三川实业有限公司",
                            "ContactName": "刘小姐",
                            "Address": "大崇明路 50 号",
                            "City": "天津",
                            "Region": "华北",
                            "PostalCode": "343567",
                            "Phone": "(030) 30074321"
                        },
                        {
                            "CustomerID": "ANATR",
                            "CompanyName": "东南实业",
                            "ContactName": "王先生",
                            "Address": "承德西路 80 号",
                            "City": "天津",
                            "Region": "华北",
                            "PostalCode": "234575",
                            "Phone": "(030) 35554729"
                        }
                    ]
                },
                reportid: "ws_data_from_object" //这个参数不是必须的，只是用于回发消息标识报表身份
            };
            
            webapp_ws_ajax_run(args);
        }
    </script>

</body>
</html>

 

blogs_ken
关注
spring+stomp+webSocket+SockJS 实现简单的订阅广播消息和订阅个人消息
香菇猫的博客
06-22 9236
个人第一篇CSDN的博客，记录自己的IT成长过程。
Grid++Report(锐浪报表工具) 6.5 最新版下载
03-07
Grid++Report(锐浪报表工具)是由锐浪软件推出的一款同时支持C/S软件(桌面程序)与B/S软件(WEB程序)开发的报表工具，既可开发桌面软件的报表与打印系统，也可开发WEB(B/S)软件的报表与打印系统。目前整个产品目前包括报表组件、报表插件，HTML5报表与报表服务器四大模块，运行性能高，重新发布简单、发布文件小且不依赖任何运行时库，功能非常强大。 Grid++Report适用于所有支持COM的开发平台，为VB、VC、Delphi、CBuilder、C#、VB.NET等编写了大量例程。提供一个具有超强数据展现功能的数据网格(DataGrid)部件，制作各种表格报表非常简便，除了提供打印功能外，Grid++Report还提供独有的报表查询显示功能，像各种数据网格(DataGrid)控件一样显示数据，让报表的查询显示与打印一次实现，既提高开发效率又保持数据的一致性，这也是Grid++Report与其它报表控件的最大区别，有兴趣的朋友请下载体验！
Grid++BReport5.6锐浪报表破解版
04-12
Grid++Report是一款C/S与B/S集成报表工具，功能全面易学易用。C/S开发适用于VB.NET,C#,VB,VC,Delphi,BCB,VFP,易语言等。B/S开发适用于ASP.NET,ASP,PHP,JSP等，支持所有WEB服务器。开发C/S报表与B/S报表共享相同的开发知识与设计资源。提供独有的报表查询显示功能，让报表查询显示、打印、打印预览及数据导出等功能集成一体化实现。轻松实现通用报表、表格报表、动态报表、多层表头、票据与发票套打、交叉表、表中表及各种特殊报表等。提供详尽帮助文档与各种编程平台下的丰富例子，安装中包括可直接运行例子程序，安装后即刻体验此报表工具。Unicode编码，多国语言集成支持。经过数年的发展，已经被多家有影响力的通用软件厂商采用，其用户遍布各行各业，已经成为用户受众面最广的国产报表开发工具。
基于EXCEL的WEB报表输出组件
weixin_34279184的博客
01-22 147
         HFSoft.Report是一个基于EXCEL的WEB报表输出组件，它的目标是快速灵活地建立EXCEL的报表文件。开发人员并不需要了解相关EXCEL（COM）、VBA等相关知识，只需要通过HFSoft.Report组件来编写输出模板，组件就会自动地根据模板和数据源生成相应的EXCEL报表文件。在服务器中调用COM进行操作是一件很消耗资源的事情，特别在多用户请求的情况下，COM资源...
锐浪Grid++Report报表web（Java）版使用手册
12-21
锐浪Grid++Report报表Web(Java)版使用手册。 非常详细。 内容列表： 1.报表设计器安装文件 2.报表设计器的使用 3.报表页面和JS文件及使用手册 4.报表后台代码的文件及使用手册(整合Struts) （附加.html,.js,.java,.grf）
中国软件开发者的Web报表工具——Ming-WebReport
03-16
【好消息】 客户端为DHTML浏览方式的例子已经可以推出，敬请访问：http://www.soft2web.biz/WebReport/basicreport.asp，同时推出繁体中文版与英文版，届时欢迎本公司网站下载试用！http://www.soft2web.biz/WebReport/reportdownload.asp 【重要提示】 如果您是第一次试用该软件，请您在下载安装后先运行在线注册。如果由于其他原因，您无法注册成功，请先注册网站会员，并用安装组中的客户号工具生成客户号并发给我们，信中附带上您的会员账号，我们会尽快发给您license，谢谢您的合作与支持！ Ming-WebReport是深圳明宇科技有限公司研发的，功能强大且简单易用的专业Web报表开发工具。很好地解决了B/S架构软件中报表制作及预览、打印等难题，用它能轻松地完成复杂而美观的Web报表的制作、打印（包括套打），并能存取、分析、分享数据，以及转换、分发、管理报表，与国外同类报表工具相比，具有极高的性价比，而且更好地解决了中国式报表问题，是真正适合中国软件开发者的Web报表工具！ ??Ming-WebReport可以将报表紧密集成到ASP、.NET、J2EE等应用中，很好地做到了报表设计与应用程序开发的分离；支持多种类型数据源，包括：表、SQL、存储过程、XML，并支持ACCESS、SQL Server、Oracle、DB2、Sybase等多种数据库；可以运行于多种操作系统Windows、Unix、Linux以及多种Web平台，提供简繁体中文、英文等多个语种的版本，是一套完整的Web报表解决方案。 Ming-WebReport包括三个部分，Report Designer（报表设计器），用于设计制作报表；Report Engine（报表引擎），用于服务器端处理报表；Report Browser（报表浏览器），用于客户端浏览报表。 在这里有大量精美的典型报表和行业应用报表示例供您观赏，敬请访问：http://www.soft2web.com/webreport/index.htm
WEB报表工具2.0
qiuyuanshan的专栏
04-01 152
最近一段，花了些时间把之前弄的报表工具做了大量升级改造。 功能特点： 1、类Excel的表格编辑器   2、自定义查询表单   3、全国省市县地图   4、报表各模块组件化   5、全WEB配置   地址：http://61.135.175.195:9981/binHan/         DEMO 报表钻取：http://61.135.175.195:99...
看看Angular有啥新玩法！手把手教你在Angular15中集成报表插件
葡萄城技术团队博客
06-06 715
Angular15中引入报表插件
HTML5报表统计静态页面
09-18
4. **WebSocket**：如果报表需要实时更新，可能用到WebSocket协议，它提供双向通信，使服务器能主动推送数据到客户端，实现数据的即时更新。 5. **媒体元素**：HTML5对音频和视频的支持使得在报表中嵌入多媒体资源...
java报表开发
09-25
报表不仅需要在服务器端生成，还需要在客户端进行展示。这涉及HTML、JavaScript和CSS等前端技术，以及AJAX、Websocket等实现动态交互的方法。 10. **报表API与自定义扩展** 了解报表框架提供的API，可以方便地...
c# 结合锐浪报表Grid++Report6 实现推送数据打印，代码简单易懂，写了一个案例给大家
04-20
c# 结合锐浪报表Grid++Report6 实现推送数据打印，代码简单易懂，写了一个案例给大家
最好用免费报表开发工具：Grid++Report(锐浪报表工具) 6.6.5 新版下载
03-12
适用于VB.NET、C#、VB6、VB、VC、Delphi、C++Builder、QT与易语言等。B/S开发适用于ASP.NET(C# & VB.NET),PHP,JSP(JAVA)等，支持所有WEB服务器。开发C/S报表与B/S报表的编程接口、报表模板与报表数据通用，共享相同的开发知识与设计资源。 1. 含C/S报表组件、WEB报表插件、HTML5报表与WEB报表服务器开发的相关文件。 2. 通用报表设计器应用程序，可视化设计报表模板，报表组件、报表插件与HTML5报表都用此程序设计报表模板，同一报表模板可为三种开发模式共用。 3. 包含大量各种类型，各行各业的报表模板例子，是学习报表设计的最好参考资源。 4. 包含桌面报表(C/S)组件、WEB报表插件、HTML5报表与WEB报表服务器的程序文件与例子文件。报表组件例子程序包括：C#, VB.NET, VB, VC, Delphi, C++Builder、中文编程易语言。Web报表例子程序包括：asp.net(c#)、asp.net(vb)、php、jsp。还有可直接运行的例子应用程序。 5. 帮助文档及其它有关Grid++Report的文档与资源。 6. 请根据帮助文档中的相关说明，首先把例子程序运行起来。请尽量模仿最简单的例子程序开始学习。
.net调用锐浪报表 js引用公开版
11-20
.net 调用锐浪表表封装的js插件，在.net调用时引用该插件后即可实现快捷方便的锐浪
锐浪报表使用技巧.pdf
03-23
锐浪报表使用技巧锐报表使用技巧 锐浪报表使用技巧_计算机软件及应用_IT/计算机_专业资料。网上相关资料不多,整理一下,大家看看吧。锐浪报表不错就是例子不具体
webQQ(ext+asp.net)
02-26
【标题】"WebQQ(ext+asp.net)"是一个基于Ext JavaScript库和ASP.NET技术实现的Web版QQ客户端模拟项目。这个项目结合了强大的前端框架Ext JS和后端的ASP.NET平台，为用户提供了一种无需安装桌面应用程序即可在浏览器...
java ssm 后台框架平台 项目源码 websocket 即时通讯 IM quartz springmvc
springcloudboot的博客
07-25 714
A代码编辑器，在线模版编辑，仿开发工具编辑器，pdf在线预览，文件转换编码 B 集成代码生成器 (单表、主表、明细表、树形表，快速开发利器)+快速表单构建器 freemaker模版技术 ，0个代码不用写，生成完整的一个模块，带页面、建表sql脚本，处理类，service等完整模块 C 集成阿里巴巴数据库连接池druid 数据库连接池 阿里巴巴的 druid。Druid在监控、可扩展性、稳定性...
javaweb 锐浪报表导出文件，并上传服务器解决方案
qq_40103997的博客
03-23 961
在开发时，遇到一个需求，需要将报告的PDF文件导出到服务器 在查看各个api，没有发现直接的方法，后来和同事探究了一个折中的方案 环境： 服务器：window10 javaweb项目 首先前端页面，实现将报表导出文件导出到本地，其中的地址 "Z:\"后面需要使用 var dataStr = JSON.stringify(r.data); // 获取控制部分报表控件的显示控制 var displayFlag = $.trim(r.data.data[0].displayFlag);
在jsp中调用报表
有梦想，有追求，我可以无所不能
03-21 785
<br />在jsp中调用报表·····<br />    解决这个问题也用了我差不多2天时间:(，但总算是搞定了·····<br />    下面分别介绍以pdf格式和以html格式显示报表····<br />   a、pdf格式ireport_pdf.jsp····<br />   <%@ page import="net.sf.jasperreports.engine.*" %><br />    <%@ page import="java.util.*" %><br />    <%@ page i
锐浪报表(实现打印机打印配货单功能)
chengxunjia的博客
10-30 2533
一、安装锐浪报表（写的比较絮叨，见谅~ 见谅~ 希望对你有帮助） 1、网上找到安装包下载安装就行，安装之后有三个程序。Grid++Report 帮助文档（你想要的都在里面）。Grid++Report 报表设计器（自己来设计报表模板）。Grid++Report报表模板例子（可以先在里面找找有没有合适的，有就可以直接用，没有就自己设计。） 注意：如果你的标题行需要根据后台数据来进行生成，就需要在后台进行生成，而不是使用报表模板。 比如下图: 二、上面这个报表图片是我做出来的预览效果，存在的几个问题点 1、尺
golang+gin+websocket客户端和服务端
最新发布
08-09
Golang中的Gin框架提供了一种简单而强大的方法来构建Web应用程序。与此同时，Golang标准库中的"net/http"包提供了构建WebSocket服务器和客户端的功能。 首先，我们来看一下如何使用Gin和WebSocket构建WebSocket服务器。首先，需要导入相关的包： ```go import ( "github.com/gin-gonic/gin" "github.com/gorilla/websocket" ) ``` 接下来，在Gin中创建一个WebSocket处理函数： ```go func WebSocketHandler(c *gin.Context) { upgrader := websocket.Upgrader{ ReadBufferSize: 1024, WriteBufferSize: 1024, } conn, err := upgrader.Upgrade(c.Writer, c.Request, nil) if err != nil { c.JSON(http.StatusBadRequest, gin.H{"error": err.Error()}) return } for { messageType, message, err := conn.ReadMessage() if err != nil { c.JSON(http.StatusBadRequest, gin.H{"error": err.Error()}) return } err = conn.WriteMessage(messageType, message) if err != nil { c.JSON(http.StatusBadRequest, gin.H{"error": err.Error()}) return } } } ``` 上面的代码创建了一个基本的WebSocket处理函数。它使用WebSocket标准库中的Upgrader结构来处理升级连接并创建一个WebSocket连接。 然后，我们需要在Gin中设置路由来处理WebSocket请求： ```go router := gin.Default() router.GET("/ws", WebSocketHandler) ``` 以上代码将在根路径下创建一个WebSocket处理函数。 接下来，我们来看一下如何使用Golang和Gin构建WebSocket客户端。首先，我们需要导入所需的包： ```go import ( "github.com/gorilla/websocket" "net/http" ) ``` 然后，我们可以使用以下代码来创建一个WebSocket客户端： ```go func main() { c, _, err := websocket.DefaultDialer.Dial("ws://localhost:8080/ws", nil) if err != nil { log.Fatal("dial:", err) } defer c.Close() done := make(chan struct{}) go func() { defer close(done) for { _, message, err := c.ReadMessage() if err != nil { log.Println("read:", err) return } log.Printf("recv: %s", message) } }() ticker := time.NewTicker(time.Second) defer ticker.Stop() for { select { case <-done: return case <-ticker.C: err := c.WriteMessage(websocket.TextMessage, []byte("Hello, Server!")) if err != nil { log.Println("write:", err) return } } } } ``` 上面的代码创建了一个WebSocket客户端，它使用WebSocket标准库中的`DefaultDialer`结构来建立WebSocket连接。 以上就是使用Golang Gin和WebSocket构建WebSocket客户端和服务器的简单示例。这些代码可以帮助我们使用Gin和Golang的标准库来构建强大的Web应用程序，并处理WebSocket通信。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值