SpringBoot整合Freemarker生成动态Html文件，并转成png图片

最新推荐文章于 2024-05-14 02:57:03 发布

chuanYoYo

最新推荐文章于 2024-05-14 02:57:03 发布

阅读量1.6k

点赞数

分类专栏： java技术分享文章标签： spring boot html java freemarker

本文链接：https://blog.csdn.net/weixin_43721458/article/details/121047089

版权

java技术分享专栏收录该内容

7 篇文章 0 订阅

订阅专栏

1.添加依赖

<!--  添加2个依赖 html2image 把html转换成图片格式 freemarker模板引擎-->
<dependency>　　
	<groupId>gui.ava</groupId> 　　
	<artifactId>html2image</artifactId></dependency>
<dependency>
   <groupId>org.springframework.boot</groupId>
   <artifactId>spring-boot-starter-freemarker</artifactId>
</dependency>

2.设置模板参数

// 在yml 文件中设置Freemarker模板参数
spring:
  profiles:
    active: dev
  ## 设定ftl文件路径
  freemarker:
    template-loader-path: classpath:/templates
    ##是否开启缓存
    cache: false
    ##设置编码格式
    charset: utf-8
    ##检查模板路径是否存在
    check-template-location: true
    ##请求头格式
    content-type: text/html
    expose-request-attributes: false
    expose-session-attributes: false
    request-context-attribute: request
    suffix: .html
    ##模板生成位置
    path: /data/image/skc/images/FreemarkerTemplates.html

####3.模板文件

//模板文件  index.html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <div
      style="
        width: 333px;
        height: 585px;
        padding: 36px 0 0;
        box-sizing: border-box;
        background: #f8f3ea
          url(http://xxxx/miniapp/logo.png);
          no-repeat: center / cover;
        text-align: center;
        border-radius: 10px;
        text-align: center;
        line-height: 1;
      "
    >
      <img
        style="height: 20px"
        src="http://xxxx/miniapp/logo.png"
        alt
      />
      <p
        style="
          margin-block-start: 0;
          margin-block-end: 0;
          margin-inline-start: 0px;
          margin-inline-end: 0px;
          padding-top: 30px;
          font-size: 18px;
          font-weight: 400;
          color: #333333;
          line-height: 1;
          letter-spacing: 2px;
        "
      >
        您的专属qq顾问
      </p>
      <div
        style="
          margin: 20px auto 35px;
          width: 34px;
          height: 2px;
          background: #cb8831;
        "
      ></div>
      <img
        style="margin: 0 auto; width: 111px; height: 111px; border-radius: 50%"
        src=${FreemarkerFormVO.avatar}
        alt=""
      />
      <div
        style="
          padding-top: 10px;
          font-size: 21px;
          font-weight: 500;
          color: #333333;
          line-height: 30px;
          letter-spacing: 2px;
        "
      >
        ${FreemarkerFormVO.userName}
      </div>
      <div
        style="
          padding: 5px 0;
          font-size: 15px;
          font-weight: 400;
          color: #333333;
        "
      >
        ${FreemarkerFormVO.department}
      </div>

      <img
        style="margin: 40px auto 10px; width: 110px; height: 110px"
        src=${FreemarkerFormVO.qrCode}
        alt=""
      />
      <div
        style="
          font-size: 13px;
          font-weight: 400;
          color: #333333;
          line-height: 24px;
          letter-spacing: 2px;
        "
      >
        请加我的QQ
      </div>
    </div>
  </body>
</html>

4.接口生成pdf图片

 /**
　　*  接口调用层
　　* FreemarkerFormVO 入参实体类，对应index.html 中需要替换的参数
　　*/
　　 @ApiOperation(value="模板")
    @PostMapping("/freemarker")
    public  ResponseEntity<ResultBean<String>> freemarkerIndex(@Valid @RequestBody FreemarkerFormVO bean, Model model) {
        model.addAttribute("FreemarkerFormVO",bean);
        Map<String, FreemarkerFormVO> root = new HashMap(1);
        root.put("FreemarkerFormVO", bean);
        String filePath = freeMarkerContent(root);
        try {
            File file = ResourceUtils.getFile(filePath);
            String html = FileReader.create(file).readString();
            String s = switchToPic(html);
            s= s.replaceAll("\\r\\n", "");
            base64StringToImage(s);
            return ResultBeanUtil.success(s);
        } catch (Exception e) {
            log.error("", e);
        }
        return ResultBeanUtil.success(filePath);
    }


    //测试的时候  生成到D盘的AMD文件夹下
    private String freeMarkerContent(Map<String, FreemarkerFormVO> root) {
        try {
            Template temp = cfg.getTemplate("index.html");
            //以classpath下面的static目录作为静态页面的存储目录，同时命名生成的静态html文件名称
//            File pathFile = new File(path.substring(path.indexOf('/')));
            File pathFile = new File("D:\\AMD\\FreemarkerTemplates.html");
            if (!pathFile.getParentFile().exists()) {
                pathFile.getParentFile().mkdirs();
            }
            Writer file = new FileWriter(pathFile);
            temp.process(root, file);
            file.flush();
            file.close();
            return "D:\\AMD\\FreemarkerTemplates.html";
        } catch (IOException | TemplateException e) {
            log.error(e.getMessage(), e);
        }
        return null;
    }

    //变成base64格式
    private  String switchToPic(String html) {
        HtmlImageGenerator imageGenerator = new HtmlImageGenerator();
        imageGenerator.getBufferedImage();
//        File path=new File(html);
//        String urlPath=path.toURL().toString();
//        imageGenerator.loadUrl(urlPath);
        imageGenerator.loadHtml(html);
        //这里如果指定了盘符，可以直接存在本地，自己本地写demo的话可以用
        String imageName = imagePath + "html1.png";
        imageGenerator.saveAsImage(imageName);
        BufferedImage buffimg = imageGenerator.getBufferedImage();
        ByteArrayOutputStream os = new ByteArrayOutputStream();
        try {
            ImageIO.write(buffimg, "png", os);
        } catch (Exception e) {
            e.printStackTrace();
        }
        byte[] bytes1 = os.toByteArray();
        return encoder.encodeBuffer(bytes1).trim();
    }

    //base64转图片，生成到指定目录
    private void base64StringToImage(String base64) {
        try {
            byte[] bytes1 = decoder.decodeBuffer(base64);
            ByteArrayInputStream bais = new ByteArrayInputStream(bytes1);
            BufferedImage bi1 = ImageIO.read(bais);
            File f = new File("D:\\AMD\\html.png");
            ImageIO.write(bi1, "png", f);
        } catch (IOException e) {
            e.printStackTrace();
        }
    }

5.html模板层级结构

在这里插入图片描述

Best Regards！
Make a little progress every day！

chuanYoYo

关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
SpringBoot整合Freemarker生成动态Html文件，并转成png图片

1.添加依赖<dependency>　　 <groupId>gui.ava</groupId> 　　 <artifactId>html2image</artifactId></dependency><dependency> <groupId>org.springframework
复制链接

扫一扫