将html网页展示的图表，下载到PPT文档内，以图片的形式展示在PPT内

使用到的工具有：
开发工具：IDEA
报表开发工具：帆软10.0.19
1、针对帆软报表[普通报表]的设置
1.1首先选中在帆软里制作好的报表，选择模板web属性
在这里插入图片描述
1.2.选择数据分析模式，添加一个事件设置，该事件应该设置“加载结束”
在这里插入图片描述
1.3.在Js脚本里写这段代码：

var node = document.getElementsByClassName('x-table')[0].parentElement;
var message = {nodeId: '自定义一个别名',nodeInnerHTML: node.innerHTML
};
window.parent.postMessage(message, '*');

在这里插入图片描述
–绘制表格及如何将帆软报表展示到html不做过多赘述

给生成PPT方法添加一个按钮事件：

$("#DOWNLOAD").on("click", function () {//给每个表格设置一个新的IDupdateTableId();var timeBucket = $("#inqu_status-0-timeBucket").val();let orderYear = timeBucket.substring(0, 4)let orderMonth = timeBucket.substring(4, 6)let orderYearC = orderYear + '年'let orderMonthC = orderMonth + '月'var inInfo = new EiInfo();var promises = []; // 存储生成图片的 Promise//确保每个table都生成了BASE64编码document.querySelectorAll(".html2canvas table").forEach((v, k, p) => {var promise = html2canvas(document.querySelector('#' + v.id), {}).then((canvas) => {//根据当前id获取tr的数量。1tr假设等于11PX 从而计算出数据表格的高度let tableHeight = v.querySelectorAll("tr").length * 11;let src = canvas.toDataURL("image/png").replace("image/png", "image/octet-stream"); // 将canvas转换成img的src流console.log(v.id, k)inInfo.set(v.id, src)inInfo.set(v.id + 'Height', tableHeight.toString())});promises.push(promise);})//所有报表的base64编码都在promises里后，调用后台服务Promise.all(promises).then(() => {inInfo.set("{{Year}}", `${orderYear}`)inInfo.set("{{Month}}", `${orderMonth}`)inInfo.set("{{YearC}}", `${orderYearC}`)inInfo.set("{{MonthC}}", `${orderMonthC}`)inInfo.set("{{YearMonth}}", `${orderYear}${orderMonth}`)inInfo.set("{{YearMonthC}}", `${orderYearC}${orderMonthC}`)var jsonEi = inInfo.toJSONString(true);console.log(jsonEi)post(IPLATUI.CONTEXT_PATH + "/DownloadAgree", {"temporaryId": "PM15", "jsonEi": jsonEi});// IPLAT.progress($("#result"), false);});IPLAT.progress($("#result"), false);})

function updateTableId() {var tables = document.querySelectorAll("table[class^='x-table']");for (var i = 0; i < tables.length; i++) {tables[i].setAttribute("id", "newTableId" + i);num = i;}
}

调用后台：DownloadAgree，通过该服务，去调用具体实现方法

package com.baosight.bgdsp.rp.pm;import com.baosight.iplat4j.core.ei.EiConstant;
import com.baosight.iplat4j.core.ei.EiInfo;
import com.baosight.iplat4j.core.service.soa.XLocalManager;import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;public class DownloadAgree extends HttpServlet{@Overrideprotected void doGet(HttpServletRequest request, HttpServletResponse response) {EiInfo eiInfo = EiInfo.parseJSONString(request.getParameter("jsonEi"));String temporaryId = request.getParameter("temporaryId");if (temporaryId.equals("PM")) {eiInfo.set("response", response);eiInfo.set(EiConstant.serviceName, "RPPM07");eiInfo.set(EiConstant.methodName, "exportPPT");eiInfo = XLocalManager.callNewTx(eiInfo);}if (temporaryId.equals("PM15")) {eiInfo.set("response", response);eiInfo.set(EiConstant.serviceName, "RPPM15");eiInfo.set(EiConstant.methodName, "exportPPT");eiInfo = XLocalManager.callNewTx(eiInfo);}}protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException{doGet(request, response);}
}

exportPPT方法：

public EiInfo exportPPT(EiInfo inInfo) throws IOException {HttpServletResponse response = (HttpServletResponse) inInfo.get("response");// 创建一个空的演示文稿String url = "";String os = System.getProperty("os.name").toLowerCase();boolean isMacOS = os.contains("mac");if (isMacOS) {url = PlatApplicationContext.getProperty("bgdsp." + projectEnv + ".share.template.mac");} else {url = PlatApplicationContext.getProperty("bgdsp." + projectEnv + ".share.template");}String tempName = PlatApplicationContext.getProperty("bgdsp." + projectEnv + ".share.template.rppm15");// 读取模板文件//InputStream resource = new ClassPathResource("/Users/apple/Desktop/-job/2022-development/iplat4j/渠道长龄库存压降情况汇报_template.pptx").getInputStream();FileInputStream inputStream = new FileInputStream(url + tempName);
//        FileInputStream inputStream = new FileInputStream("E://" + tempName);// 根据模板，创建一个新的ppt文档XMLSlideShow ppt = new XMLSlideShow(inputStream);// 读取模板PPTinputStream.close();Map<String, String> attr = inInfo.getAttr();attr.put("netPrice_2", getReportsToimage());//        List<XSLFSlide> slides = ppt.getSlides();// 得到每页pptXSLFSlide[] slides = ppt.getSlides().toArray(new XSLFSlide[0]);// 遍历ppt，填充模板for (XSLFSlide slide : slides) {
//            List<XSLFShape> shapes = slide.getShapes();XSLFShape[] shapes = slide.getShapes().toArray(new XSLFShape[0]);// 遍历每页ppt中待填充的形状组件for (XSLFShape shape : shapes) {if (shape instanceof XSLFTextShape) {// 替换文本XSLFTextShape textShape = (XSLFTextShape) shape;String textValue = textShape.getText();String shapeName = textShape.getShapeName();boolean flag = false;for (String text : extractContent(textValue)) {if (attr.containsKey(text)) {flag = true;//使用mustache语法替换文字 {{YearC}}营{{MonthC}}销预案会textValue = textValue.replace(text, attr.get(text));}}if (flag && StringUtils.isNotBlank(textValue)) {List<XSLFTextParagraph> paragraphs = textShape.getTextParagraphs();for (XSLFTextParagraph paragraph : paragraphs) {List<XSLFTextRun> textRuns = paragraph.getTextRuns();for (XSLFTextRun textRun : textRuns) {textRun.setText("");}}XSLFTextRun textRun2 = textShape.getTextParagraphs().get(0).getTextRuns().get(0);textRun2.setText(textValue);}} else if (shape instanceof XSLFPictureShape) {XSLFPictureShape pictureShape = (XSLFPictureShape) shape;XSLFPictureData pictureData = pictureShape.getPictureData();String imageName = pictureShape.getShapeName();String imageBase64 = attr.get(imageName);if (imageBase64 != null) {byte[] bt = Base64.getDecoder().decode(imageBase64.split(",")[1]);XSLFPictureData idx = ppt.addPicture(bt, PictureData.PictureType.PNG);XSLFPictureShape pic = slide.createPicture(idx);Rectangle2D anchor = pictureShape.getAnchor();//高度取决于数据表格的条数 宽度固定pic.setAnchor(new Rectangle2D.Double(anchor.getX(), anchor.getY(), anchor.getWidth(), anchor.getHeight()));pictureShape.setAnchor(new Rectangle2D.Double(10, 0, 0, 0));}}}}String fileName = "PPT名字" + DateUtils.curDateTimeStr14() + ".pptx";// 保存PPT文件//设置输出文件类型为pptx文件response.setContentType(CONTENT_TYPE_OF_PPT);response.setHeader("Content-Disposition", "attachment;fileName=" + URLEncoder.encode(fileName, CHARSET_OF_UTF8));response.setHeader("Pragma", URLEncoder.encode(fileName, CHARSET_OF_UTF8));ServletOutputStream outputStream = response.getOutputStream();ppt.write(outputStream);outputStream.flush();outputStream.close();return new EiInfo();}

extractContent方法：

public static List<String> extractContent(String input) {List<String> contents = new ArrayList<>();int startIndex = input.indexOf("{{");while (startIndex != -1) {int endIndex = input.indexOf("}}", startIndex);if (endIndex != -1) {String content = input.substring(startIndex, endIndex + 2);contents.add(content);startIndex = input.indexOf("{{", endIndex);} else {break;}}return contents;}

getReportsToimage()方法：该方法针对的是：帆软报表的普通报表中，出现非表格报表的处理方法[即：柱状图、折线图等]，通过直接访问帆软链接的方式去获取表格的base64编码。

private String getReportsToimage() throws IOException {String reportAddress = PlatApplicationContext.getProperty("bgdsp." + projectEnv + ".report.address");// 创建HttpClient对象CloseableHttpClient httpClient = HttpClients.createDefault();try {// 构造请求URLString apiUrl = reportAddress + "/rp/pm/netPrice_2.cpt&format=image&extype=JPG";// 创建HttpGet请求//HttpPost request = new HttpPost(apiUrl);System.out.println("apiUrl");System.out.println(apiUrl);HttpGet httpGet = new HttpGet(apiUrl);// 设置请求头部httpGet.addHeader("Content-Type", "text/html; charset=utf-8");// 发送请求并获取响应HttpResponse responsed = httpClient.execute(httpGet);// 解析响应数据HttpEntity entity = responsed.getEntity();// 检查响应是否成功if (responsed.getStatusLine().getStatusCode() == HttpStatus.SC_OK) {// 获取Content-Type头部信息Header contentTypeHeader = entity.getContentType();String contentType = contentTypeHeader.getValue();// 获取输入流InputStream inStream = entity.getContent();ByteArrayOutputStream outputStream_u = new ByteArrayOutputStream();// 将图片裁剪为宽60px，高60pxBufferedImage originalImage = ImageIO.read(inStream);BufferedImage croppedImage = originalImage.getSubimage(0, 0, 3560, 1560);// 将裁剪后的图片转换成字节数组ByteArrayOutputStream outputStream_c = new ByteArrayOutputStream();ImageIO.write(croppedImage, "png", outputStream_c);byte[] croppedImageBytes = outputStream_c.toByteArray();// 将图片数据编码为base64格式String base64Image = Base64.getEncoder().encodeToString(croppedImageBytes);System.out.println(base64Image);String responseBody = EntityUtils.toString(entity);// 处理响应数据System.out.println(responseBody);// 关闭输入流和输出流inStream.close();outputStream_u.close();return "data:image/png;base64," + base64Image;} else {System.out.println("HTTP请求失败！");}} catch (PlatException e) {}return "";}

最后，在设置PPT模板的时候，将模板内的图片设置为修改后的别名：newTableIdi

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/757061.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

【滑动窗口、矩阵】算法例题

【滑动窗口、矩阵】算法例题

目录 三、滑动窗口 30. 长度最小的子数组 ② 31. 无重复字符的最长子串 ② 32. 串联所有单词的子串 ③ 33. 最小覆盖子串 ③ 四、矩阵 34. 有效的数独 ② 35. 螺旋矩阵 ② 36. 旋转图像 ② 37. 矩阵置零 ② 38. 生命游戏 ② 三、滑动窗口 30. 长度最小的子数组 ② 给…
阅读更多...
Android Studio配置buildTypes{}后，gradle中Tasks列表不显示assembleRelease。

Android Studio配置buildTypes{}后，gradle中Tasks列表不显示assembleRelease。

打开Files → Settings → Experimental 取消选中 "Do not build Gradle task list during Grafle sync"
阅读更多...
CentOS 7.9 常用环境配置

CentOS 7.9 常用环境配置

文章目录 环境准备安装docker安装Java安装maven安装git安装MYSQL安装Redis安装RabbitMq安装minio 环境准备 操作系统版本为centos 7.9&#xff0c;内核版本需要在3.10以上 sudo uname -rsudo cat /etc/redhat-release1.确认环境好后&#xff0c;安装工具包并设置仓库 sudo yum…
阅读更多...
图书馆管理系统 2.后台系统管理模块编写

图书馆管理系统 2.后台系统管理模块编写

后端 1.实体类编写 用户实体类 package jkw.pojo;import com.baomidou.mybatisplus.annotation.TableField; import com.baomidou.mybatisplus.annotation.TableId; import lombok.Data;import java.io.Serializable; import java.util.List;/*** 用户*/ Data public class …
阅读更多...
Unity Toggle处理状态变化事件

Unity Toggle处理状态变化事件

Toggle处理状态变化事件&#xff0c;有两个方法。 法一、通过Inspector面板设置 实现步骤&#xff1a; 在Inspector面板中找到Toggle组件的"On Value Changed"事件。单击""按钮添加一个新的监听器。拖动一个目标对象到"None (Object)"字段&am…
阅读更多...
研究人员发现 OpenAI ChatGPT、Google Gemini 的漏洞

研究人员发现 OpenAI ChatGPT、Google Gemini 的漏洞

自 OpenAI 推出 ChatGPT 以来&#xff0c;生成式 AI 聊天机器人的数量及其在企业中的采用率在一年多时间里呈爆炸式增长&#xff0c;但网络安全专业人士的担忧也随之增加&#xff0c;他们不仅担心威胁组织对新兴技术的使用&#xff0c;还担心大型网络的安全性及模型&#xff08…
阅读更多...
点云预处理——滤波、旋转和平移等处理

点云预处理——滤波、旋转和平移等处理

目录 一、环境配置 二、步骤 一、环境配置 安装好ubuntu系统和ROS环境 操作系统: Ubuntu 20.04 wget http://fishros.com/install -O fishros && . fishros 二、步骤 打开终端&#xff0c;并在终端命令行输入以下指令: git clone https://gitee.com/wccworld/…
阅读更多...
MNN Session 创建执行器（六）

MNN Session 创建执行器（六）

系列文章目录 MNN createFromBuffer&#xff08;一&#xff09; MNN createRuntime&#xff08;二&#xff09; MNN createSession 之 Schedule&#xff08;三&#xff09; MNN createSession 之创建流水线后端&#xff08;四&#xff09; MNN Session::resize 之流水线编码&am…
阅读更多...
MFC界面美化第三篇----自绘按钮(重绘按钮)

MFC界面美化第三篇----自绘按钮(重绘按钮)

1.前言 最近发现读者对我的mfc美化的专栏比较感兴趣&#xff0c;因此在这里进行续写&#xff0c;这里我会计划写几个连续的篇章&#xff0c;包括对MFC按钮的美化&#xff0c;菜单栏的美化&#xff0c;标题栏的美化&#xff0c;list列表的美化&#xff0c;直到最后形成一个完整…
阅读更多...
NLP---Bert分词

NLP---Bert分词

目录&#xff1a; Q&#xff1a;bert分词步骤1&#xff1a;构建N * N 的相关性矩阵&#xff0c;计算相邻两个字的相关性&#xff0c;低的话&#xff08;<阈值&#xff09;就切割。2&#xff1a;将A词进行mask计算出A的embedding&#xff0c;然后将AB两个词一起mask&#xff…
阅读更多...
4.线性数据结构——3.栈及例题

4.线性数据结构——3.栈及例题

标准库的栈 定义&#xff1a;stack<typename> myStack;大小&#xff1a;size()压栈&#xff1a;push()弹栈&#xff1a;pop()栈顶&#xff1a;top()判空&#xff1a;empty() #include <cstdio> #include <string> #include <map> #include <algor…
阅读更多...
视觉信息处理和FPGA实现第5次作业-Matlab实现图像逆时针旋转90度

视觉信息处理和FPGA实现第5次作业-Matlab实现图像逆时针旋转90度

一、Matlab2022a安装 链接&#xff1a;https://pan.quark.cn/s/6e177bc7c11d 提取码&#xff1a;dKNN 二、Matlab使用 2.1 新建一个脚本文件&#xff08;.m文件&#xff09; 2.2 另存为到便于归档的地方 考虑到.m文件如果不是全英文路径&#xff0c;也有可能会出问题&#…
阅读更多...
Linux 服务升级：MySQL 主从(半同步复制) 平滑升级

Linux 服务升级：MySQL 主从(半同步复制) 平滑升级

目录 一、实验 1.环境 2.Mysql-shell 检查工具兼容性 3.逻辑备份MySQL数据 4.备份MySQL 数据目录、安装目录、配置文件 5.MySQL 升级 6.master节点 使用systemd管理mysql8 7. slave1 节点升级 8. slave2 节点升级 9.半同步设置 二、问题 1.mysqldump备份报错 2.Inn…
阅读更多...
Docker部署dart-frog服务

Docker部署dart-frog服务

参考&#xff1a; dart-frog官网&#xff1a;https://dartfrog.vgv.dev/docs/overview 使用 Dart Frog 体验 Dart 服务端开发 - 简书 打包项目 按照demo新增项目后&#xff0c;执行&#xff1a; dart_frog build 等待build后生成 build 文件夹&#xff0c;这个文件夹就是需要…
阅读更多...
【爬虫】专栏文章索引

【爬虫】专栏文章索引

为了方便 快速定位 和 便于文章间的相互引用等 作为一个快速准确的导航工具 爬虫 目录&#xff1a; &#xff08;一&#xff09;web自动化和接口自动化 &#xff08;二&#xff09;实战-爬取Boss直聘信息数据
阅读更多...
详细分析Python模块中的雪花算法（附模板）

详细分析Python模块中的雪花算法（附模板）

目录 前言1. 基本知识2. 模板3. Demo 前言 分布式ID的生成推荐阅读&#xff1a;分布式ID生成方法的超详细分析&#xff08;全&#xff09; 1. 基本知识 Snowflake 算法是一种用于生成全局唯一 ID 的分布式算法&#xff0c;最初由 Twitter 设计并开源 它被设计用于解决分布式…
阅读更多...
使用甘特图实现高效时间规划

使用甘特图实现高效时间规划

甘特图虽然看似简单,却蕴含着规划时间的奥秘。它将复杂的工序分解成逻辑严密的任务链条,每个短小的条形图块都清晰地道出一个任务的起始、持续和终止。就像指挥家挥舞手中的棒,每个动作都精确拍着节奏,确保各个乐手分工合作、行云流水。择一个好用的甘特图制作工具,会让你事半功…
阅读更多...
C#，图论与图算法，有向图（Graph）之环（Cycle）判断的颜色算法与源代码

C#，图论与图算法，有向图（Graph）之环（Cycle）判断的颜色算法与源代码

1 检查该图是否包含循环 给定一个有向图，检查该图是否包含循环。如果给定的图形至少包含一个循环，则函数应返回true，否则返回false。 方法：深度优先遍历可用于检测图中的循环。连接图的DFS生成树。只有当图中存在后缘时，图中才存在循环。后边是从节点到自身（自循环）或…
阅读更多...
.NET 异步编程(异步方法、异步委托、CancellationToken、WhenAll、yield)

.NET 异步编程(异步方法、异步委托、CancellationToken、WhenAll、yield)

文章目录 异步方法异步委托async方法缺点CancellationTokenWhenAllyield 异步方法 “异步方法”&#xff1a;用async关键字修饰的方法 异步方法的返回值一般是Task<T>&#xff0c;T是真正的返回值类型&#xff0c;Task<int>。惯例&#xff1a;异步方法名字以 Asy…
阅读更多...
linux之centos7vmware虚拟机的安装

linux之centos7vmware虚拟机的安装

目录 一、下载合适的vmware和操作系统镜像安装文件 来自引用文章的软件下载本片文章使用的软件下载 二、根据教程进行安装 三、网络配置解说 四、配置网络 编辑虚拟机网络 对VMWARE虚拟机网络进行配置 设置虚拟机网络为NAT模式 设置自定义网络为 VMnet8(NAT模式) 编辑li…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023