java 一款可以与ssm框架完美整合的web报表控件

  硕正套件运行于客户端(浏览器),与应用服务器(Application Server)技术无关,所以能完全用于J2EE、
  ASP.Net、php等技术开发的Web应用产品中。
  硕正套件部署于服务器,支持包括Tomcat、IIS、WebSphere在内的所有Web服务器。

 硕正套件本身以C/C++开发,性能无可匹敌。对于Chrome、Firefox而言,硕正套件是一个符合Mozilla
  NPAPI 规范的Plug-in插件;而对于 IE 浏览器而言,硕正套件则是一个标准的ActiveX控件。

 硕正套件功能强大而尺寸奇小,总下载量才1MB (包括插件/加载项在内的所有功能组件)。

 硕正套件在纯净的Windows环境下就能运行,不需要诸如.NET FrameWork、Java的支撑环境。
  硕正套件支持Windows XP以后(包括Windows XP)的所有Windows系列操作系统。

 硕正套件的插件(FireFox)、加载项(IE)经国际著名的VeriSign公司代码签名,确保本产品能安全无阻地被
  自动下载、运行。

 硕正套件全部采用Unicode编码,内置文字包含中文简、繁体(BIG5)、英文,且支持动态切换,满足了国
  际化应用的需求。

 硕正套件充分吸收了PowerBuilder Datawindow、ExtJS、DevExpress、Delphi 等开发工具的设计思
  想,由经验丰富的 C/C++ 开发人员开发而成。硕正套件经已成功应用于多家大型企业、跨国软件公司,
  经受住了成千上万的最终用户的考验,很少发生由于内存泄漏或其它原因导致浏览器崩溃,事实证明硕
  正套件稳定坚固,安全可靠。

在我的新开发的项目中,需要一款可以让用户自定义报表的web控件,(网站上找过了很多report报表控件,诸如finereport等质量很高的报表控件,但是都是基于CS架构的产品,而我现在要的是一款BS可以与SSM等主流框架完美整合的报表控件,所以选择了supcan硕正报表)。

下面附上下载地址:

使用方法在supcan1.0.103.0.chm当中写的很清楚,项目开发者可以根据自己需要自行设定,项目中的引用方法:

<script src="${ctxStatic}/supcan/dynaload.js" type="text/javascript"></script>
<script src="${ctxStatic}/supcan/supcan.min.js" type="text/javascript"></script>
<script type=‘text/javascript‘ src=‘${ctxStatic}/res/nstd.js‘></script>

首先我们将硕正报表需要的js文件引入进来,硕正自定义报表是通过一个OnReady方法进行初次的加载:

 function OnReady(id)
         {
          FM.func("Build", "${ctxStatic}/supcan/report/report4.xml");
          FM.func("CallFunc", "301\r\n3");
         } 

然后在需要引入报表的地方加入如下代码:

<script>
             insertReport(‘FM‘,‘Main=102,1074,105,100,20,32,106,107;Print=;UndoAble=false;Border=single,3D;Property=301,2,112,192,144,478,274‘,‘700px‘)
        </script>

现在我们就可以看到报表已经成功引入到项目当中。

但是新加载出来的报表控件里面还是空空如也,现在就来看一看怎么新建一个报表吧。

一 新建报表

  

这里我们可以设置新建的报表格式,生成一张新的报表。

新的报表里没有任何内容,那么我们如何将后台从数据库中查询出来的数据插入报表中呢?

这里就需要介绍一下数据源这个功能了。

二 创建数据源

新建一个临时数据源,里面有xml、json格式等文件是用来存储数据的,在我的项目中,我设置了一个创建报表的按钮,通过ajax在后台将所需要的数据转换成了json格式存入了本地的一个xxx.json格式的文件中,这样报表加载完成,我直接就可以选择这个文件作为我项目当中的数据源了。

具体代码流程如下:

<input id="btnSubmit" class="btn btn-primary" onclick="getReport();" type="button" value="创建报表"/>
  function getReport(){

            $.ajax({
                url :"${ctx}/weather/factWeatherCn/report",
                type:‘get‘,
                datatype:‘json‘,
                success:function(data){

                }
            });

        }

controller层生成json文件代码:

/**
    *后台展示报表数据
    *@version 2017-07-08
    */
    @RequiresPermissions("weather:factWeatherCn:view")
    @RequestMapping(value ="report")
    @ResponseBody
    public String report(FactWeatherCn factWeatherCn, HttpServletRequest request, HttpServletResponse response, Model model) {

        Page<FactWeatherCn> page = factWeatherCnService.findPage(new Page<FactWeatherCn>(request, response), factWeatherCn);
        model.addAttribute("page", page);

         ObjectMapper mapper = new ObjectMapper();
            // Convert object to JSON string
            String jsonStr = "";

                 try {
                    jsonStr =  mapper.writeValueAsString(page.getList());
                } catch (JsonProcessingException e1) {
                    // TODO Auto-generated catch block
                    e1.printStackTrace();
                }

            OutputFormat outputFormat = OutputFormat.createPrettyPrint();
            outputFormat.setLineSeparator("\r\n");//这是为了换行操作
            Writer writer;
            try {
                writer = new FileWriter("F:/dom4jTest.json");
                XMLWriter outPut = new XMLWriter(writer,outputFormat);  

                outPut.write(jsonStr);
                outPut.close();
            } catch (IOException e) {
                // TODO Auto-generated catch block
                e.printStackTrace();
            }  

        return "";
    }

上面这段代码当中因为是整合了我的项目,对数据有封装的分页类Page,不适合直接Copy使用,大家在使用的时候,只需要将自己的数据json串通过这段代码当中的生成json文件代码块在本地生成一份xxx.json文件即可。

我是在F盘生成了一个dom4jTest.json文件。

这样我们就有数据源可以选择了。

新建临时数据源并且选择刚刚我们生成的json文件,点击工具箱图标,会在报表右侧打开一个工具窗口,如下图所示。

这时我们就可以自由拖拽数据并且自定义报表了。

时间: 2024-10-03 22:47:26

java 一款可以与ssm框架完美整合的web报表控件的相关文章

SSM框架快速整合的实例-学生查询

SSM 框架快速整合实例--学生查询 一.快速准备 SSM 框架即 Spring 框架.SpringMVC 框架.MyBatis 框架,关于这几个框架的基础和入门程序,我前面已经写过几篇文章作为基础和入门介绍了.对于这 3 个框架还不熟悉的同学,可以参考一下几篇文章: [SSH框架]之Spring系列(一) Spring框架系列(二)之Bean的注解管理 Spring框架系列之AOP思想 Spring 框架系列之 JDBC 整合 Spring 框架系列之事务管理 SpringMVC 框架系列之初

SSM 框架快速整合实例--学生查询

一.快速准备 SSM 框架即 Spring 框架.SpringMVC 框架.MyBatis 框架,关于这几个框架的基础和入门程序,我前面已经写过几篇文章作为基础和入门介绍了.对于这 3 个框架还不熟悉的同学,可以参考一下几篇文章: [SSH框架]之Spring系列(一) Spring框架系列(二)之Bean的注解管理 Spring框架系列之AOP思想 Spring 框架系列之 JDBC 整合 Spring 框架系列之事务管理 SpringMVC 框架系列之初识与入门实例 SpringMVC 框架

交互式报表和工作报表控件Stimulsoft Reports.Fx for Java

Stimulsoft Reports.Fx for Java是一款Java平台下的报表工具控件,可以为您的应用程序添加交互式报表和工作报表.Java技术可以用于不同的平台.不同的操作系统和不同的硬件,同样地Stimulsoft Reports.Fx也可以用于任何地方,并且随时保持高性能和用户友好. 具体功能: Stimulsoft Reports.Fx for Java报表控件怎么工作 Stimulsoft Reports.Fx for Java可以快速且容易地整合到您的Java应用程序中,使用

[寒江孤叶丶的Cocos2d-x之旅_33]RichTextEx一款通过HTML标签控制文字样式的富文本控件

RichTextEx一款通过HTML标签控制文字样式的富文本控件 原创文章,欢迎转载.转载请注明:文章来自[寒江孤叶丶的Cocos2d-x之旅系列] 博客地址:http://blog.csdn.net/qq446569365 下载地址 Github链接 这个是干什么的 将例如以下文字内容 "<#F37C2A><font Helvetica><30>[世]<#3AB5B3><underLine true>寒江孤叶<underLine

一款真正开源且功能强大的C#甘特图控件.NET Winforms Gantt Chart Control

甘特图在项目管理中非常重要,甘特图的思想比较简单,即以图示的方式通过活动列表和时间刻度形象地表示出任何特定项目的活动顺序与持续时间.它直观地表明任务计划在什么时候进行,及实际进展与计划要求的对比.管理者由此可便利地弄清一项任务(项目)还剩下哪些工作要做,并可评估工作进度.甘特图可以显示几个部门.机器或设备的运行和闲置情况.这表示了该系统的有关工作负荷状况,这样可使管理人员了解何种调整是恰当的. 由于项目需要,在网上找了很久,经过大量的对比和评估,发现一款真正开源且功能强大的C#甘特图控件.NET

区别API、框架、插件、组件、控件等

区别API.框架.插件.组件.控件等 一.API 1.概念 提供给不同语言的一个接口,也就是在对应的函数内提供相应的方法(控制Windows各个部件的外观和行为的一套预先定义的Windows函数),只要用js语法调用想要的功能.例,js内BOM的screen方法. 2.目的 对底层的封装,将一些不会变化的东西封装一下,可以提高开发效率. 3.API理解 JS的api有很多的功能,只要知道有这样的东西,到时候直接去网上找调用的方法就可以了.例,百度地图的API. 二.框架 1.概念 js框架就是将

java高并发框架 SSM框架 详细整合(Spring+SpringMVC+MyBatis)

获取[下载地址]   [免费支持更新]三大数据库 mysql  oracle  sqlsever   更专业.更强悍.适合不同用户群体[新录针对本系统的视频教程,手把手教开发一个模块,快速掌握本系统] A集成代码生成器 [正反双向(单表.主表.明细表.树形表,开发利器)+快速构建表单;freemaker模版技术 ,0个代码不用写,生成完整的一个模块,带页面.建表sql脚本,处理类,service等完整模块B 集成阿里巴巴数据库连接池druid;  数据库连接池  阿里巴巴的 druid.Drui

java 现成网站源码 SSM 框架 freemaker静态引擎

java 企业网站源码 前后台都有 静态模版引擎, 代码生成器大大提高开发效率 点击:获取地址 QQ 313596790 系统介绍: 1.网站后台采用主流的 SSM 框架 jsp JSTL,网站后台采用freemaker静态化模版引擎生成html 2.因为是生成的html,所以访问速度快,轻便,对服务器负担小 3.网站前端采用主流的相应式布局,支持PC.平板.手机浏览器访问 4.springmvc +spring4.2.5+ mybaits3.3  SSM 普通java web(非maven) 

java项目开发实战--使用ssm框架开发众筹网站

一.ssm框架开发众筹网站 1.项目设计 (1)页面设计 (Frontpage, Dreamweaver, 文本编辑器) (2)物理数据模型(PDM) -- 数据库设计 (PowerDesigner,MySQLWorkbench)(安装) (3)业务流程设计 (UML : 类图,时序图,用例图,页面迁移图) (Rational_Rose) 2.环境搭建 (1) 创建Web项目(生成基本的web应用文件结构) WebContent(ROOT) +--META-INF +--WEB-INF |