Freemarker生成HTML模版页面

最新推荐文章于 2024-05-22 14:28:57 发布
最新推荐文章于 2024-05-22 14:28:57 发布
阅读量4.2k 收藏 2
点赞数
分类专栏： Freemarker 文章标签： html freemarker jar
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Celebrity_Senior/article/details/52701795
版权 
一 : 首先第一步
        放freemark的jar包
<!-- freemarker模版jar -->
        <dependency>
            <groupId>org.freemarker</groupId>
            <artifactId>freemarker</artifactId>
            <version>2.3.20</version>
        </dependency>
二 : 第二步

新建包

将FreemarkerUtil放进去 
package cn.jbit.jd.freemarker;

import java.io.BufferedWriter;
import java.io.File;
import java.io.FileNotFoundException;
import java.io.FileOutputStream;
import java.io.IOException;
import java.io.OutputStreamWriter;
import java.io.UnsupportedEncodingException;
import java.io.Writer;
import java.util.Map;
import freemarker.template.Configuration;
import freemarker.template.Template;
import freemarker.template.TemplateException;

public class FreemarkerUtil {


    public void createWord(String path,Map<String, Object> dataMap) {

        Configuration configuration = new Configuration();
        configuration.setDefaultEncoding("UTF-8");  
        // ========================获取模板=========================================
        configuration.setClassForTemplateLoading(FreemarkerUtil.class, "html"); // FTL文件所存在的位置
        Template t = null;
        try {
            t = configuration.getTemplate("index.ftl"); // 文件名
            t.setEncoding("UTF-8");
        } catch (IOException e) {
            e.printStackTrace();
        }
        //===========================生成页面========================================
        File outFile = new File(path);
        Writer out = null;
        try {
            out = new BufferedWriter(new OutputStreamWriter(
                    new FileOutputStream(outFile),"UTF-8"));
        } catch (FileNotFoundException e1) {
            e1.printStackTrace();
        } catch (UnsupportedEncodingException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        }

        try {
            t.process(dataMap, out);
        } catch (TemplateException e) {
            e.printStackTrace();
        } catch (IOException e) {
            e.printStackTrace();
        }
    }
}

Index.ftl示例模版

<html>
<head>
<meta charset="UTF-8">
<title>${title}</title>
<link rel="stylesheet" href="css/main.css">
</head>
<body>
    <div class="top"></div>
    <!--导航 Start-->
    <div class="menu">
        <div class="all-sort">
            <h2>
                <a href="">${alltype}</a>
            </h2>
        </div>
        <div class="ad">
            <a href=""> <img
                src="images/rBEhVlJEA84IAAAAAAAZY9Mm2-UAADmFQNaVy4AABl7123.jpg"
                width="141" height="40" /> </a>
        </div>
        <div class="nav">
            <ul class="clearfix">
                <li><a href="http://sc.chinaz.com" class="current">${index}</a>
                </li>
                <li><a href="http://sc.chinaz.com">${dress}</a>
                </li>
                <li><a href="http://sc.chinaz.com">${supermarket}</a>
                </li>
                <li><a href="http://sc.chinaz.com">${teamBuy}</a>
                </li>
                <li><a href="http://sc.chinaz.com">${auction}</a>
                </li>
                <li><a href="http://sc.chinaz.com">${OnlineGame}</a>
                </li>
            </ul>
        </div>
    </div>
    <!--导航 End-->

<!--所有分类 Start-->
            <#list goodsCetegory as goodsCetegory >
    <div class="wrap">
        <div class="all-sort-list">
            <div class="item bo">
                <h3><span>·</span><a href="">${goodsCetegory.name}</a><!-- <a href="">图书</a>、<a href="">音像</a>、<a href="">数字商品</a> --></h3>
                <div class="item-list clearfix">
                    <div class="close">x</div>
                    <div class="subitem">
                    <#list goodsTwoCetegory as goodsTwoCetegory >
                        <dl class="fore1">
                                <#if (goodsTwoCetegory.pid == goodsCetegory.id ) >
                                        <dt><a href="#">${goodsTwoCetegory.name }</a></dt>
                                <#list goodsThreeeCetegory as goodsThreeeCetegory >
                                <#if (goodsThreeeCetegory.pid == goodsTwoCetegory.id) >
                                        <dd><em><a href="#">${goodsThreeeCetegory.name }</a></em></dd>
                                    </#if>
                                </#list>
                                </#if>
                        </dl>
                    </#list>
                    </div>
                        <!---------------------------------------------循环体-------------------------------------------------------->
                        <div class="cat-right">
                            <dl class="categorys-promotions"
                                clstag="homepage|keycount|home2013|0601c">
                                <dd>
                                    <ul>
                                        <li><a href="#" target="_blank"><img
                                                src="images/rBEhWFJTydgIAAAAAAAiD8_1J3AAAD5mAMC0SYAACIn230.jpg"
                                                width="194" height="70" title="特价书满减"> </a>
                                        </li>
                                        <li><a href="#" target="_blank"><img
                                                src="images/rBEhVlJTyt8IAAAAAAAiq1D-0D8AAD7_gIE2KUAACLD102.jpg"
                                                width="194" height="70" title="重磅独家"> </a>
                                        </li>
                                    </ul>
                                </dd>
                            </dl>
                            <dl class="categorys-brands"
                                clstag="homepage|keycount|home2013|0601d">
                                <dt>推荐品牌出版商</dt>
                                <dd>
                                    <ul>
                                        <li><a href="#" target="_blank">中华书局</a>
                                        </li>
                                        <li><a href="#" target="_blank">人民邮电出版社</a>
                                        </li>
                                        <li><a href="#" target="_blank">上海世纪出版股份有限公司</a>
                                        </li>
                                        <li><a href="#" target="_blank">电子工业出版社</a>
                                        </li>
                                        <li><a href="#" target="_blank">三联书店</a>
                                        </li>
                                        <li><a href="#" target="_blank">浙江少年儿童出版社</a>
                                        </li>
                                        <li><a href="#" target="_blank">人民文学出版社</a>
                                        </li>
                                        <li><a href="#" target="_blank">外语教学与研究出版社</a>
                                        </li>
                                        <li><a href="#" target="_blank">中信出版社</a>
                                        </li>
                                        <li><a href="#" target="_blank">化学工业出版社</a>
                                        </li>
                                        <li><a href="#" target="_blank">北京大学出版社</a>
                                        </li>
                                    </ul>
                                </dd>
                            </dl>
                        </div>
                    </div>
                </div>
        </div>
            </#list>
    </div>
    <!--所有分类 End-->
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript">
        $('.all-sort-list > .item').hover(
                function() {
                    var eq = $('.all-sort-list > .item').index(this), //获取当前滑过是第几个元素
                    h = $('.all-sort-list').offset().top, //获取当前下拉菜单距离窗口多少像素
                    s = $(window).scrollTop(), //获取游览器滚动了多少高度
                    i = $(this).offset().top, //当前元素滑过距离窗口多少像素
                    item = $(this).children('.item-list').height(), //下拉菜单子类内容容器的高度
                    sort = $('.all-sort-list').height(); //父类分类列表容器的高度

                    if (item < sort) { //如果子类的高度小于父类的高度
                        if (eq == 0) {
                            $(this).children('.item-list').css('top', (i - h));
                        } else {
                            $(this).children('.item-list').css('top',
                                    (i - h) + 1);
                        }
                    } else {
                        if (s > h) { //判断子类的显示位置，如果滚动的高度大于所有分类列表容器的高度
                            if (i - s > 0) { //则 继续判断当前滑过容器的位置 是否有一半超出窗口一半在窗口内显示的Bug,
                                $(this).children('.item-list').css('top',
                                        (s - h) + 2);
                            } else {
                                $(this).children('.item-list').css('top',
                                        (s - h) - (-(i - s)) + 2);
                            }
                        } else {
                            $(this).children('.item-list').css('top', 3);
                        }
                    }

                    $(this).addClass('hover');
                    $(this).children('.item-list').css('display', 'block');
                }, function() {
                    $(this).removeClass('hover');
                    $(this).children('.item-list').css('display', 'none');
                });

        $('.item > .item-list > .close').click(function() {
            $(this).parent().parent().removeClass('hover');
            $(this).parent().hide();
        });
    </script>
    <div style="text-align:center;clear:both"></div>
</body>
</html>


test.ftl模版  (用于测试的模版)
<html>
<head>
<meta charset="UTF-8">
<title>京东新版侧栏jquery导航 - 站长素材</title>
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<#list typeList as typeList >
        <a href="">${typeList.name}&nbsp;</a>
</#list>

</body>
</html>

Controller层
    /*
     * 跳转到freemarker生成的页面
     */
    @RequestMapping("toftlHtml")
    public String toftlHtml(){
        return "redirect:/index.html";
    }
    /*
     * 生成页面 test
     */
    @RequestMapping("makeHtml1")
    @ResponseBody
    public boolean makeHtml1(HttpServletRequest request,String name){
        System.out.println("--------------生成页面----------------");
        //查询数据
        ArrayList<Goods_cetegory> typeList = (ArrayList<Goods_cetegory>) this.goods_CetegoryService.getGoodsCetegory();
        HashMap<String,Object> map = new HashMap<String, Object>();
        map.put("typeList", typeList);

        //给定生成路径
        String path = request.getSession().getServletContext().getRealPath("/")+name+".html";
        System.out.println(path);
        //生成html
        FreemarkerUtil freemarkerUtil = new FreemarkerUtil();
        freemarkerUtil.createWord(path, map);

        return true;
    }
    /*
     * 生成页面
     */
    @RequestMapping("makeHtml")
    @ResponseBody
    public boolean makeHtml(HttpServletRequest req,String name){
        System.out.println("--------------生成页面----------------");
        //查询数据
        ArrayList<Goods_cetegory> goodsCetegory = (ArrayList<Goods_cetegory>) this.goods_CetegoryService.getGoodsCetegory();
        ArrayList<Goods_cetegory> goodsTwoCetegory = (ArrayList<Goods_cetegory>) this.goods_CetegoryService.getGoodsTwoCetegory();
        ArrayList<Goods_cetegory> goodsThreeeCetegory = (ArrayList<Goods_cetegory>) this.goods_CetegoryService.getGoodsThreeeCetegory();
        HashMap<String,Object> map = new HashMap<String, Object>();
        map.put("goodsCetegory", goodsCetegory);
        map.put("goodsTwoCetegory", goodsTwoCetegory);
        map.put("goodsThreeeCetegory", goodsThreeeCetegory);
        map.put("title","京东新版侧栏jquery导航 - 站长素材");
        map.put("alltype", "全部商品分类");
        map.put("index", "首页");
        map.put("dress", "服装");
        map.put("supermarket", "京东超市");
        map.put("teamBuy", "团购");
        map.put("auction", "拍卖");
        map.put("OnlineGame", "在线游戏");

        //给定生成路径
        String path = req.getSession().getServletContext().getRealPath("/")+name+".html";

        //生成html
        FreemarkerUtil freemarkerUtil = new FreemarkerUtil();
        freemarkerUtil.createWord(path, map);

        return true;
    }




<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>

  <script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery.min.js"></script></head>
   <script type="text/javascript">

    $(function(){
        $("#makeHtml").click(function(){
            $.ajax({
                url:"<%=request.getContextPath()%>/makeHtml.action",
                type:"post",
                data:{
                    name : $("#fileName").val()
                },
                dataType:"json",
                success:function(ooo){
                    if(ooo){
                        alert("生成成功")
                    }
                    else{
                        alert("生成失败")
                    }
                }   
            });
        });
        $("#makeIndex").click(function(){
            location.href = "<%=request.getContextPath()%>/toftlHtml.action";
        });
    });

  </script>

  <body>
    <input id ="fileName" />
    <button id = "makeHtml">生成页面</button>
    <button id="makeIndex">查看页面</button>
  </body>


</html>

后 : 最后一步 去查看html页面
战神丶
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
java freemarker 模版_Java+freemarker生成HTML模板页
weixin_42390525的博客
02-16 329
Java+freemarker生成HTML模板页需求有多个样式板式结构不一样模板页：用户选择自己喜欢的样式结构页面，然后就渲染出改html页面。不选择就显示默认的样式结构HTML页面package com.school.web.controller;import java.io.BufferedReader;import java.io.ByteArrayOutputStream;import j...
JAVA集成Freemarker生成静态html过程解析
08-19
总结来说，Java集成Freemarker生成静态HTML的过程包括：引入Freemarker依赖、配置模板相关设置、编写模板文件、在Controller中处理请求并返回模板名、以及使用工具类将模板渲染为HTML并保存到磁盘。这个过程在Web...
Java使用FreeMarker模版引擎将数据和页面结合生成HTML
qq_43521090的博客
05-11 1299
Java使用FreeMarker模版引擎将数据和页面结合生成HTML
freemarker ftl模板 格式、列表、图片
最新发布
Mr_Wanter
05-22 1232
固定内容word生成：freemarker ftl模板 动态表格生成：https://blog.csdn.net/mr_wanter/article/details/126763195
java使用freemarker模板生成html，再生成pdf
ByteX的博客
11-29 2293
1.freemarker模板生成html 添加Maven依赖 在pom.xml文件中添加以下依赖： <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-freemarker</artifactId> </dependency> 创建Freemarker模板 新建一个HTML文件，例如ta
freemarker自动生成html页面,HTML+CSS入门 Freemarker如何生成HTML静态页面
weixin_42386361的博客
06-02 873
本篇教程介绍了HTML+CSS入门 Freemarker如何生成HTML静态页面，希望阅读本篇文章以后大家有所收获，帮助大家HTML+CSS入门。<做一个网址导航的项目，面向用户的就是一个首页，于是就想到了使用freemarker这个模板引擎来对首页静态化。之前是用jsp实现，为了避免用户每次打开页面都查询一次数据库，所以使用了jsp的内置对象application，在Controller中...
ftl 转HTML css引入,Spring Boot +Freemarker开发时候js css等静态资源引入
weixin_30650059的博客
06-30 698
原标题：Spring Boot +Freemarker开发时候js css等静态资源引入在我们开发Web应用的时候，会用到大量的js、css、image、html等静态资源资源。在这里，凯哥先讲解js css这两类文件引入 。在使用spring boot +freemarker开发的时候，对于静态资源文件，如CSS/JS/IMG这些静态文件怎么访问呢 ？请看下图中，在springboot 源码中定...
freemarker根据word模板生成word的完整示例
12-03
Freemarker是一个强大的Java模板引擎，它主要用于生成动态内容，比如HTML、XML或者Word文档。在Web开发中，Freemarker常被用作MVC模式中的视图层，与Spring等框架结合，帮助开发者根据数据模型自动生成页面。在这个...
freemarker+html生成pdf.zip
03-26
`Freemarker`是一个强大的模板引擎，通常用于动态生成HTML、XML等文本格式，而将`Freemarker`与HTML模板结合生成PDF，可以充分利用HTML的易编辑性和富文本特性，为用户提供高质量的文档输出。下面我们将深入探讨如何...
通过freemarker模板 生成PDF
03-29
3. **处理模板**：使用Freemarker API的`Configuration`和`Template`类，将数据模型应用到模板上，生成HTML字符串。 4. **调用wkhtmltox**：通过Java绑定库，将生成的HTML字符串转换为PDF。 5. **保存PDF**：将生成...
FreeMarker教你如何生成html静态页面源码
05-10
4. **加载和处理模板**：使用配置对象的`getTemplate`方法加载模板文件，然后调用`process`方法，将数据模型与模板合并，生成HTML源码。`process`方法会返回一个`StringWriter`，其中包含了生成的HTML内容。 5. **...
实现FreeMark读取模板生成HTML
11-11
实现FreeMark读取到json数据绑定到特定的模板
模板引擎技术——Freemarker和js、html里的使用
qq_27009517的博客
04-29 4710
什么是模板引擎? - 模板引擎的目标是“数据+模板=结果” - 模板引擎将数据与展现有效“解耦” 主流模板引擎 - Java Server Page（JSP） - Freemarker - Beetl Freemarker介绍 Freemarker官方网站：https://freemarker.apache.org/ Freemarker中文参考手册：http://freemarker.foofun.cn/ 两种安装方式：自己下载jar包导入或通过maven导入...
Freemarker输出$和html标签等特殊符号
坐忘峰
12-09 4万+
场景：程序员都不喜欢看文档，而更喜欢抄例子。所以，我们把平台组的组件都做成例子供别人参考。我们前端展示层使用的是freemarker，所以遇到这个问题，比如我们要让前端显示freemarker自己的源码时就有问题了（因为我们例子程序的页面也是使用freemarker）。遇到的问题如下：         1、如何显示html源码，而不是让浏览器解析这些html，方法是使用freemarker的ht
Freemarker生成静态HTML页面实例
卡卡夕李
03-01 305
生成新闻的静态文件时用到的代码.仅供参考.请根据实际情况修改.模板: &lt; html &gt; &lt; head &gt;    &lt; title &gt; 查看文章: $ {newsitem.title} &lt;/ title &gt; &lt;/ head &gt; &lt; body &gt; &lt; table width = " 100% " border =
freemarker获取html模板进行渲染输出
Brave Soul Blog
05-15 9403
应用场景 1、获取html文件内容进行模板解析，返回到页面展示 2、获取html文件内容进行模板解析，进行邮件发送 3、获取xml文件内容进行模板接卸，生成office办公文件，达到apache poi的效果 maven工程配置 &amp;amp;lt;dependency&amp;amp;gt; &amp;amp;lt;groupId&amp;amp;gt;org.freemarker&amp;amp;lt;/gr
Freemarker使用之比较（if）
热门推荐
hoonr的专栏
05-29 7万+
比较运算符 表达式中支持的比较运算符有如下几个: 1. =或者==:判断两个值是否相等. 2. !=:判断两个值是否不等. 3. >或者gt:判断左边值是否大于右边值 4. >=或者gte:判断左边值是否大于等于右边值 5. <或者lt:判断左边值是否小于右边值 6. <=或者lte:判断左边值是否小于等于右边值 注意:=和!=可以用于字符串,数值和日期来比较是否相等,但=和!=两边必须是相同
word文档生成html模板(freemarker)
09-01
Word文档生成HTML模板主要通过将Word文档转换为HTML格式来实现。使用Freemarker作为模板引擎可以更方便地处理模板中的动态数据。 首先，我们需要将Word文档转换为HTML格式。可以使用一些开源的工具或者第三方库来完成这一步骤。例如，可以使用Apache POI来读取Word文档内容，并将其转换为HTML格式。将Word文档的段落、表格、图像等元素转换为相应的HTML标签，保留其基本格式。 然后，我们需要创建Freemarker模板，以定义生成HTML的结构和动态数据。可以使用Freemarker的语法来插入动态数据，如变量、条件判断、循环等。在模板中，我们可以将Word文档中提取的数据通过变量插入到相应的位置，实现动态生成HTML页面的效果。例如，可以将Word文档中的标题、正文、图片等内容与Freemarker模板中的对应部分关联起来。 最后，我们可以通过调用Freemarker模板引擎的相关方法，将模板与数据进行合并，生成最终的HTML文件。在生成过程中，动态数据会根据模板中的定义进行填充，从而生成具有动态内容的HTML页面。 需要注意的是，Word文档和HTML页面的结构和样式是不同的，因此在转换和生成的过程中，需要进行相应的调整和处理。此外，还需注意保留Word文档中的一些特殊格式，如文本样式、超链接、表格边框等，确保转换后的HTML页面效果与原Word文档尽量一致。 总之，通过将Word文档转换为HTML格式，并使用Freemarker模板引擎来处理动态数据，可以实现Word文档生成HTML模板的需求。这样可以更加灵活地处理Word文档中的内容，并在生成的HTML页面中实现相应的功能和效果。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

战神丶

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值