iis服务器助手广告广告
返回顶部
首页 > 资讯 > 精选 >SpringBoot2怎么使用FreeMarker模板完成页面静态化处理
  • 509
分享到

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

2023-07-06 13:07:31 509人浏览 泡泡鱼
摘要

这篇文章主要介绍“SpringBoot2怎么使用FreeMarker模板完成页面静态化处理”,在日常操作中,相信很多人在springBoot2怎么使用FreeMarker模板完成页面静态化处理问题上存在疑惑,小编查阅了各式资料,整理出简单好

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

一、页面静态化

1、动静态页面

静态页面

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

优缺点描述:

  • 静态网页的内容稳定,页面加载速度极快;

  • 不与服务器交互,提升安全性;

  • 静态网页的交互性差,数据实时性很低;

  • 维度成本高,生成很多HTML页面;

动态页面

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

优缺点描述:

  • 动态网页的实时获取数据,延迟性低;

  • 依赖数据库交互,页面维护成本很低;

  • 与数据库实时交互,安全控制的成本高;

  • 页面加载速度十分依赖数据库和服务的性能;

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

2、应用场景

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

  • 大型网站的头部和底部,静态化之后统一加载;

  • 媒体网站,内容经过渲染,直接转为HTML网页;

  • 高并发下,CDN边缘节点代理的静态网页;

  • 电商网站中,复杂的产品详情页处理;

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

二、流程分析

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

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

  • 开发一个页面模板,即静态网页样式;

  • 提供接口,给页面模板获取数据;

  • 页面模板中编写数据接口返参的解析流程;

  • 基于解析引擎,把数据和页面模板合并;

  • 页面模板内容加载完成后转换为HTML静态页面;

  • HTML静态页面上传到文件服务器;

  • 客户端(Client)获取静态页面的url加载显示;

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

三、代码实现案例

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

--结束END--

本文标题: SpringBoot2怎么使用FreeMarker模板完成页面静态化处理

本文链接: https://www.lsjlt.com/news/358210.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • SpringBoot2怎么使用FreeMarker模板完成页面静态化处理
    这篇文章主要介绍“SpringBoot2怎么使用FreeMarker模板完成页面静态化处理”,在日常操作中,相信很多人在SpringBoot2怎么使用FreeMarker模板完成页面静态化处理问题上存在疑惑,小编查阅了各式资料,整理出简单好...
    99+
    2023-07-06
  • Java怎么使用Freemarker生成页面静态化
    本篇内容介绍了“Java怎么使用Freemarker生成页面静态化”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!前言:页面静态化其实就是将原...
    99+
    2023-07-02
  • Java使用Freemarker页面静态化生成的实现
    目录前言:1、 Freemarker介绍2、创建模板文件3、生成文件4、 Freemarker指令4.1、assign指令4.2、include指令4.3、if指令4.4、list指...
    99+
    2024-04-02
  • freemarker静态化生成html页面乱码怎么解决
    这篇文章主要介绍“freemarker静态化生成html页面乱码怎么解决”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“freemarker静态化生成html页面乱码怎么解决”文章能帮助大家解决问题。...
    99+
    2023-07-04
  • 使用PHP怎么实现一个页面静态化功能
    使用PHP怎么实现一个页面静态化功能?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。php有什么用php是一个嵌套的缩写名称,是英文超级文本预处理语言,它的语法混...
    99+
    2023-06-06
  • Java图像处理之RGB调色面板怎么使用
    本篇内容主要讲解“Java图像处理之RGB调色面板怎么使用”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“Java图像处理之RGB调色面板怎么使用”吧!一、概述因为我们知道颜色是由R、G、B、三种...
    99+
    2023-07-02
  • 怎么使用Vuex模块化实现待办事项的状态管理
    这篇文章主要介绍“怎么使用Vuex模块化实现待办事项的状态管理”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“怎么使用Vuex模块化实现待办事项的状态管理”文章能帮助大家解决问题。效果:待办事项中的一...
    99+
    2023-07-04
  • python中怎么使用Pillow做动态图在图中生成二维码及图像处理
    这篇文章主要讲解了“python中怎么使用Pillow做动态图在图中生成二维码及图像处理”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“python中怎么使用Pillow做动态图在图中生成二维...
    99+
    2023-06-29
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作