FreeMarker include指令实现文件复用

在正式开发中,我们可能需要将一些文件封装成独立的模板文件,然后在其他文件中引入即可,这样可以实现文件的复用,减少了大量重复代码的编写。
FreeMarker中同样也支持这种方式,FreeMarker使用的是<#include>的指令实现的。

我们先创建一个head.ftl文件。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>头部文件</title>
</head>
<body>
    <h1>这是头部文件</h1>
</body>
</html>

然后创建一个footer.ftl文件。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>底部文件</title>
</head>
<body>
<h1>这是底部文件</h1>
</body>
</html>

我们在page.ftl文件中使用<#include>指令引入这两个文件内容,实现文件内容的复用。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>页面</title>
</head>
<body>
    <#include "head.ftl">
    这是中间页面的内容
    <#include "footer.ftl">
</body>
</html>

最后我们在Web层中的UserController中添加一个方法。

@RequestMapping("/page")
    public String page() {
        return "page";
}

启动项目,我们访问http://localhost:8080/page路径。
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/qq_45193304/article/details/105878958