Vue集成报表设计器——自定义二开

一、Vue集成报表设计器——自定义二开

1、Vue.js作为前端开发的热门选择，凭借其数据驱动和组件化的优势深受开发者喜爱。在寻求与Vue集成的报表解决方案时，ActiveReportsJS是一个理想选择。这款前端报表控件不仅支持Vue的集成，还提供了在线报表设计器，极大地简化了报表设计和编辑流程，特别适合报表需求频繁且改动频繁的场景，让最终用户能直接在系统中进行操作，提升效率。

2、ActiveReportsJS作为一款轻量级的控件，兼容Vue、Angular、React和NodeJS等多种框架，其Web端报表设计器支持拖拉拽设计，操作直观简便。下面以Vue为例，说明如何集成Web设计器并实现自定义功能：

3、通过Vue CLI创建项目并安装@grapecity/activereports-vue包

4、在应用的public文件夹创建rdlx-json格式的报表模板

5、在App.vue中添加设计器宿主元素，引入并加载报表模板

6、运行报表设计器，并利用其丰富的API自定义功能，如预览、保存等，可将设计结果直接与数据库交互

7、展示集成后的Web设计器效果，附带实战示例项目

8、通过集成ActiveReportsJS，开发者和最终用户都能获得高效、便捷的报表设计体验，极大地提升了项目的灵活性和用户体验。

二、水晶报表

水晶报表是国内报表市场的启蒙者，早在90年代就进入了中国市场，用过VB的程序员，估计没有不知道它的。其设计风格，几乎已经成为了带状分布设计模型的标准。很多产品，包括微软的Reporting Servers、jasperreport等产品，早期版本几乎都是以水晶报表的操作风格为蓝本设计的。但是在中国水晶报表遇到如下几个问题：

1.多数据源关联交叉表是非常常见的一种报表样式。水晶报表解决方案是，通过写很复杂试图来解决问题或子报表来解决。但是，如果遇到复杂需求，写一个复杂试图就是一件容易事情，同时还要面对视图性能的挑战。使用子报表解决，可能在格式上有麻烦（比如表格的对齐），也有可能在计算上有困难（主子报表之间往往只传递参数，无法直接引用数据进行公式计算。

2.中国业务人员习惯了excel的表格式报表，积累了大量用excel手工制作的报表，甚至给系统集成商描述报表需求时候也直接丢给他们一堆excel文件。由于种种历史原因中国业务人员喜欢excel类的报表。另外，中国报表样式非常复杂，需要类excel这种布局粒度小，更加灵活的报表设计器。以上种种原因，让中国用户对水晶报表条带式的报表工具选择放弃。

3.水晶报表的部署需要独立的服务器。但是中国大量信息系统，特别是java项目，希望报表产品很容易地部署在大型主机或者大型应用服务器集群上，可以把应用服务器体系的高性能充分利用，包括使用CLUSTER、连接池等等。于是水晶报表又少了一分胜算。

4.很多业务系统，不光需要通过报表工具能把系统数据从数据库取出来展现在前端，而且而且希望能在前端能修改数据。虽然用表单工具+水晶报表可以解决问题。但是遇到同样一个页面不断能展现数据，而且要修改，这样解决方案就很差劲了。

而近年来，国内的一些报表厂商，比如FineReport，依托对中国式报表的深入理解和强大的技术开发能力，完美的解决以上问题，再加上优质化的本土服务，使得报表工具的市场竞争日趋激烈。当然近两年来，为实现真正意义上的本土化，水晶报表已经加强了在满足中国市场需求方面的研发力量，在研发团队中大量使用具有中国文化背景的研发人员，希望在界面风格、功能模型上挽回市场劣势。在加拿大温哥华的研发中心，主要就是由优秀的中国软件开发员参与研发。最近的水晶易表确实是BO的又一经典之作。

三、五款Java后端快速开发平台

JeeSite最初（2013年）是从Java内容管理系统、快速建站的需求开始的，那时候有挺多人宣称JeeSite太简单，分分钟写一个。JeeSite不断迭代，加入了在线代码生成、在线流程设计等功能。2019年全面升级，基于Spring Boot框架重构，开始丰富更多内置功能，在线等定时任务，SaaS多租户等，已经是一个相当完善的快速开发平台了。

JeeSite快速开发平台用近10年的积累逐步从一个简单的脚手架逐渐成为一套前后的分离的快速快发平台，用户遍布全领域。

JeeSite Github：github.com/thinkgem/jee...

JeecgBoot是一款老牌的后台管理开发框架，是国内开源框架中的老前辈。JeecgBoot采用前后端分离架构：Spring Boot+ Mybatis Plus+ Vue+ Ant Design Vue；活跃的社区生态以及高 Github Star都能说明JeecgBoot的优秀。JeecgBoot内置前后端代码生成器，主打一键生成前后端代码，让开发者更好的专注在自己公司业务逻辑的开发上。

JeecgBoot算是低代码开发平台的雏形，内置代码生成器、报表设计器、表单设计器、打印设计器等帮助开发者减少造轮子，降低开发成本的工具集。JeecgBoot后台管理框架的核心理念是帮助开发者快速搭建，让开发者更好的专注在业务逻辑的开发上，这一点与新一代低代码开发平台卡拉云的理念非常一致。

Github：github.com/jeecgboot/je...

Pig基于Spring Cloud、OAuth2.0、Vue的前后端分离的快速开发平台，PigX是它的商业版本。Pig面向企业开发场景，封装了大量技术开发包、组件并支持SaaS多租户，为企业提供了一个可支持各类业务系统或产品快速开发实现的微服务应用数字化融合平台。

Pig基于Spring Cloud微服务框架进行封装，平台设计灵活可扩展、可移植、可应对高并发需求。同时兼顾本地化、私有云、公有云部署，支持SaaS模式应用。企业级应用系统所包含的常用开箱即用的模块，并支持灵活的可配置性和拓展性。一套基于Spring Cloud的微服务应用程序框架，可帮助公司更快，更高效地进行微服务开发。相较于业界使用广泛的开源版本平台，提供更强大的功能和更全面的服务支持。

Pig官网：

Github：github.com/pig-mesh/pig

若依RuoYi是一套完全开源，基础功能完备的admin后台管理框架系统。它基于经典技术组合Spring Boot、SpringCloud、Apache Shiro、MyBatis、Thymeleaf，若依前端有BootsTrap和Vue+ Element两个版本。若依是快速开发框架的佼佼者，内置了常见的后台管理系统模块，以及后端代码生成器，可一键生成后端代码，让开发者更好的专注在自己公司业务逻辑的开发上。

若依admin后台管理框架的核心理念是快速搭建，这一点与低代码开发平台卡拉云的目标非常一致。若依整个UI布局上中规中矩，前后端代码封装干净整洁，易上手，特别适合搭建后台管理系统、CMS、CRM、OA等后台工具。

若依算是作者的情怀之作，作者对现有后台管理框架不满足，决定自己上，开发了若依。若依完全开源，靠捐赠和出售若依教学视频作为营收，支撑作者开发。到目前为止若依有多个20多个QQ群，作者偶尔会在群里解答大家的问题。

若依支持完全响应式布局，对PC、平板、手机等主流设备自动适配；内置前后端生成代码器，可根据开发者需要，自动生成基础的CRUD前后端代码；支持服务监控、数据监控、缓存监控。若依有多个版本，前后端分离版（前端Vue、Element，后端SpringBoot& Security）、微服务版（后端Spring Cloud& Alibaba微服务的权限管理系统）、移动端版等版本可任意选择。

若依RuoYi Github：github.com/yangzongzhua...

BladeX是一款企业级SpringCloud微服务架构，遵循阿里巴巴编码规范，前端提供React和Vue两个主流版本的前端框架，可快速搭建企业级的SaaS多租户微服务平台。

BladeX内置多个功能模块，算是低代码开发工具的雏形，帮助开发者减少重复劳动

BladeX Github：github.com/chillzhuang/...