文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

SpringBoot2怎么使用FreeMarker模板完成页面静态化处理

2023-07-06 13:10

关注

这篇文章主要介绍“SpringBoot2怎么使用FreeMarker模板完成页面静态化处理”,在日常操作中,相信很多人在SpringBoot2怎么使用FreeMarker模板完成页面静态化处理问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”SpringBoot2怎么使用FreeMarker模板完成页面静态化处理”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!

一、页面静态化

1、动静态页面

静态页面

即静态网页,指已经装载好内容HTML页面,无需经过请求服务器数据和编译过程,直接加载到客户浏览器上显示出来。通俗的说就是生成独立的HTML页面,且不与服务器进行数据交互。

优缺点描述:

动态页面

指跟静态网页相对的一种网页编程技术,页面的内容需要请求服务器获取,在不考虑缓存的情况下,服务接口的数据变化,页面加载的内容也会实时变化,显示的内容却是随着数据库操作的结果而动态改变的。

优缺点描述:

动态页面和静态页面有很强的相对性,对比之下也比较好理解。

2、应用场景

动态页面静态化处理的应用场景非常多,例如:

静态化技术的根本:提示服务的响应速度,或者说使响应节点提前,如一般的流程,页面(客户端)请求服务,服务处理,响应数据,页面装载,一系列流程走下来不仅复杂,而且耗时,如果基于静态化技术处理之后,直接加载静态页面,好了请求结束。

二、流程分析

静态页面转换是一个相对复杂的过程,其中核心流程如下:

SpringBoot2怎么使用FreeMarker模板完成页面静态化处理

主流程大致如上,如果数据接口响应参数有变,则需要重新生成静态页,所以在数据的加载实时性上面会低很多。

三、代码实现案例

1、基础依赖

FreeMarker是一款模板引擎:即一种基于模板和要改变的数据,并用来生成输出文本(HTML网页、电子邮件、配置文件、源代码等)的通用工具。

<dependency>    <groupId>org.springframework.boot</groupId>    <artifactId>spring-boot-starter-freemarker</artifactId></dependency>

2、页面模板

这里既使用FreeMarker开发的模板样式。

<html><head>    <title>PageStatic</title></head><body>主题:${myTitle}<br/><#assign text="{'auth':'cicada','date':'2020-07-16'}" /><#assign data=text?eval />作者:${data.auth} 日期:${data.date}<br/><table class="table table-striped table-hover table-bordered" id="editable-sample">    <thead>    <tr>        <th>规格描述</th>        <th>产品详情</th>    </tr>    </thead>    <tbody>             <#list tableList as info>             <tr class="">                 <td>${info.desc}</td>                 <td><img src="${info.imgUrl}" height="80" width="80"></td>             </tr>             </#list>    </tbody></table><br/><#list imgList as imgIF>    <img src="${imgIF}" height="300" width="500"></#list></body></html>

FreeMarker的语法和原有的HTML语法基本一致,但是具有一套自己的数据处理标签,用起来不算复杂。

3、解析过程

通过解析,把页面模板和数据接口的数据合并到一起即可。

@Servicepublic class PageServiceImpl implements PageService {    private static final Logger LOGGER = LoggerFactory.getLogger(PageServiceImpl.class) ;    private static final String PATH = "/templates/" ;    @Override    public void ftlToHtml() throws Exception {        // 创建配置类        Configuration configuration = new Configuration(Configuration.getVersion());        // 设置模板路径        String classpath = this.getClass().getResource("/").getPath();        configuration.setDirectoryForTemplateLoading(new File(classpath + PATH));        // 加载模板        Template template = configuration.getTemplate("my-page.ftl");        // 数据模型        Map<String, Object> map = new HashMap<>();        map.put("myTitle", "页面静态化(PageStatic)");        map.put("tableList",getList()) ;        map.put("imgList",getImgList()) ;        // 静态化页面内容        String content = FreeMarkerTemplateUtils.processTemplateIntoString(template, map);        LOGGER.info("content:{}",content);        InputStream inputStream = IOUtils.toInputStream(content,"UTF-8");        // 输出文件        FileOutputStream fileOutputStream = new FileOutputStream(new File("F:/page/newPage.html"));        IOUtils.copy(inputStream, fileOutputStream);        // 关闭流        inputStream.close();        fileOutputStream.close();    }    private List<TableInfo> getList (){        List<TableInfo> tableInfoList = new ArrayList<>() ;        tableInfoList.add(new TableInfo(Constant.desc1, Constant.img01));        tableInfoList.add(new TableInfo(Constant.desc2,Constant.img02));        return tableInfoList ;    }    private List<String> getImgList (){        List<String> imgList = new ArrayList<>() ;        imgList.add(Constant.img02) ;        imgList.add(Constant.img02) ;        return imgList ;    }}

到此,关于“SpringBoot2怎么使用FreeMarker模板完成页面静态化处理”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注编程网网站,小编会继续努力为大家带来更多实用的文章!

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯