如何把Excel的拖拽分析功能搬到WEB上

发布时间:2022-01-15 14:50:17 作者:柒染
来源:亿速云 阅读:110

如何把Excel的拖拽分析功能搬到WEB上,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。

提起 Excel 一定都不陌生,尤其是里面的数据toushi表,对于需要进行聚合分析的情况,根据原始数据勾勾选选就能完成,用起来是倍儿爽吧。

如何把Excel的拖拽分析功能搬到WEB上

那么,操作起来这么省心的功能要是能移到 WEB 上,嵌入俺的应用程序里,是不是就完美了?so easy! 雷锋同志马上来教你做这事儿。

主角登场——润乾报表多维分析

下面就先以 Excel 文件作为数据源,与各位小伙伴分享一下多维分析的应用案例,欢迎各位热烈围观,优雅吐槽:

Excel 文件内容为如下:

如何把Excel的拖拽分析功能搬到WEB上

这个格式很普通,第一行是标题,后面就是一行行的数据了。

不管这个 Excel 数据文件是在服务器上还是在本地,润乾多维分析界面都能帮你轻松搞定!话不多说,直接看步骤:

打开润乾报表多维分析界面:

如何把Excel的拖拽分析功能搬到WEB上

点击菜单中的【数据文件】按钮,弹出【打开数据文件】窗口,选择数据文件。

如何把Excel的拖拽分析功能搬到WEB上

如何把Excel的拖拽分析功能搬到WEB上

对于本地文件, 可以点击【打开本地】按钮,找到并使用保存在本地任意位置的数据文件。

对于服务器文件, 可以点击【打开服务器文件】按钮,打开位于服务器指定目录下的所有数据文件。这个目录路径要在 "[demo 应用根目录]/raqsoft/guide/jsp/olap.jsp" 中添加 JS API 进行指定,如下图所示。

如何把Excel的拖拽分析功能搬到WEB上

选择好数据文件后,数据集就创建完成了,多维分析最重要的一步也就 ok 了。

如何把Excel的拖拽分析功能搬到WEB上

接下来就是业务人员自由驰骋的时间了,随意在复杂条件中拖拽表头和指标,想查什么查什么,想算什么算什么。数据toushi表中能做的,俺们的 WEB 应用程序也一样能做啦。哈哈,从单机应用一步跃升 Web 环境是不是更爽了!

如何把Excel的拖拽分析功能搬到WEB上

除了上述所说的通过页面菜单导入数据文件的方法外,还有一种更简单的用法,只要在 URL 里把要分析的数据文件传进来就可以。比如把 data.xls 放到 "【Web 应用根目录】\ WEB-INF\files\fileData\" 目录下,访问分析页面时直接在后面追加上文件名就可以了。如:…\raqsoft\guide\jsp\olap.jsp?dataFile=【Web 应用根目录】\ WEB-INF\files\fileData\data.xls。

贪心,贪心!学会了在润乾的 WEB 应用中如何对文件进行多维分析后,是不是又想知道如何把它集成到你自己的应用系统中了?

很简单,标准的 java 开发三件套,jar 包,xml 配置文件,以及 jsp 的 tag 描述文件 tld。

事先要做的功课包括先按照润乾报表 V2018 分析教程中《快速集成》章节将基础环境搭建好,然后才能进一步集成多维分析。

多维分析是使用 tag 标签显示的拖拽界面。产品中提供了用于演示的 olap.jsp,tag 标签内容大致如下:

<raqsoft:analysev2
dfxFile="WEB-INF/files/dfx/official/readFile.dfx"
dfxParams="f=WEB-INF/files/dfx/official/data.xls" // readFile.dfx中定义了名为f的参数,
用来接收xls的文件路径,因此这里将xls的文件路径作为参数值传递给f
… …
>

嵌入后的页面更是简单易操作,会直接把 xls 里的指标全部列出,记录就这样毫无遮掩的展现在你面前。

如何把Excel的拖拽分析功能搬到WEB上

为便于使用,添加 Tag 标签后默认俺们的分析页面会提供菜单栏,不过要是觉得菜单栏与您的页面风格不一,有点儿格格不入,那也没关系,解决方法早已帮您想好!

可以把俺们的默认菜单栏隐藏,然后在您自己的风格页面中添加我们的菜单栏按钮。

隐藏方法超简单,一句脚本搞定:

<script>
guideConf.showToolBar = 'no'; //是否显示上部工具条,缺省为yes
</script>

如何把Excel的拖拽分析功能搬到WEB上

哈哈,是不是发现菜单栏消失了。

为了自定义这些功能的按钮,我们特意提供了 JS 方法直接给用户使用。您的按钮可直接对应调用下面这些方法:

保存:analyseApi.saveOlap();
打开:analyseApi.openOlap ();
横向平铺:analyseApi.resetReportWindow (1);
纵向平铺:analyseApi.resetReportWindow (2);
重叠显示:analyseApi.resetReportWindow (3);
数据集:analyseApi.manageDataSet ();

使用方法:

<a href="javascript:**analyseApi.openOlap()**;">打开</a>

再稍微深入一下,上面 tag 中有一个参数是 dfxFile,而 dfx 是集算器的程序脚本文件。这说明,文件多维分析的计算依靠了润乾的集算器才得以实现,通过 url 将数据文件作为参数传递给系统自带的 readFiles.dfx,dfx 计算完成后会将结果集作为多维分析的数据集显示在分析页面上,然后用户就可以随意对数据集字段进行拖拽查询了。当然,表担心,这部分集算器功能是免费的!!!

看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注亿速云行业资讯频道,感谢您对亿速云的支持。

推荐阅读:
  1. JavaScript实现拖拽功能
  2. Vue怎么实现拖拽功能

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

excel web

上一篇:Java需要注意的问题有哪些

下一篇:springboot整合quartz定时任务框架的方法是什么

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》