SpringBoot---＞＞＞web--＞＞公共代码的抽取

最新推荐文章于 2024-04-28 13:46:58 发布

VIP文章妙Lin

最新推荐文章于 2024-04-28 13:46:58 发布

阅读量813

点赞数

分类专栏： SpringBoot SpringMvc 文章标签：前端 spring boot javascript

本文链接：https://blog.csdn.net/m0_55668855/article/details/123301163

版权

公共代码的抽取

在使用jsp时，能够通过<!include>标签实现静态引入其他页面的内容。在html页面中，使用thymeleaf语法一样能达到相同的效果。

在thymaleaf语法中总过有3中引入方式，又可以通过id匹配想要引入的代码块。

新建一个common页面【 跟将要引入的页面在同一个目录下 】，里面装的是一些公共的代码，比如：页脚的声明信息，页眉的导航栏，侧边的功能选择表单，都能抽取出来，而且能装在一个页面中，通过不同的id或者th:fragment由th:insert属性引入。【看官网的Template Layout这一章节，里面也有】

在common页面中

里面有三个公共部分

<head>
    <meta charset="UTF-8">
    <title>common</title>
    <div th:fragment="commonHead">
    <!--[if lt IE 9]>
    <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
    <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <style id="layuimini-bg-color">
    </style>
    </d

最低0.47元/天解锁文章

妙Lin

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
SpringBoot---＞＞＞web--＞＞公共代码的抽取

公共代码的抽取在使用jsp时，能够通过<!include>标签实现静态引入其他页面的内容。在html页面中，使用thymeleaf语法一样能达到相同的效果。在thymaleaf语法中总过有3中引入方式，又可以通过id匹配想要引入的代码块。新建一个common页面【跟将要引入的页面在同一个目录下】，里面装的是一些公共的代码，比如：页脚的声明信息，页眉的导航栏，侧边的功能选择表单，都能抽取出来，而且能装在一个页面中，通过不同的id或者th:fragment由th:insert属
复制链接

扫一扫