themeleaf引入公共页面

<div th:include="/top :: html"></div>//引用公共页面

<div th:replace="head"></div>//引用公共js

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"th:with='basePath=${#httpServletRequest.getScheme()+"://"+#httpServletRequest.getServerName()+":"+#httpServletRequest.getServerPort()+#httpServletRequest.getContextPath()+"/"}'>
<head th:fragment="head"><base th:href="${basePath}"/><meta value="UTF-8"/><script th:src="@{/js/jquery-3.1.1.min.js}"></script><script th:src="@{/js/moment.js}"></script><script th:src="@{/js/vue.min.js}"></script><script th:src="@{/js/vdt.js}"></script><script th:src="@{/js/vue-router.min.js}"></script><script th:src="@{/js/vue-resource.min.js}"></script><script th:src="@{/js/axios.min.js}"></script><script th:src="@{/js/tool.js}"></script><script th:src="@{/element-ui/lib/index.js}"></script><script th:src="@{/js/vee-validate/vee-validate.min.js}"></script><script th:src="@{/js/vee-validate/vee-zh_CN.js}"></script><script th:src="@{/js/fingerprint2.min.js}"></script><link rel="stylesheet" th:href="@{/element-ui/lib/theme-chalk/index.css}" /><link rel="stylesheet" th:href="@{/css/main.css}" /><link rel="stylesheet" th:href="@{/css/reset.css}" /><script th:inline="javascript">var basepPath = [[${basePath}]];</script>
</head>
</html>

转载于:https://www.cnblogs.com/SimonHu1993/p/9243170.html

themeleaf引入公共页面相关推荐

普通页面引入公共页面之后bootstrap中下拉菜单js效果失效无反应的问题
说下最近写页面遇到的一个坑,公共页面里用bootstrap框架搭了一个导航条,带有下拉菜单的导航条,bootstrap的css样式和js代码,在公共页面里已经引过了. 普通页面只需要引入下公共页面, ...
thymeleaf页面中引入公共页面
一.前言当我们在html页面使用thymeleaf时,经常会遇到这样的情况.有一些html片段在我们所有页面都存在,造成了代码重复.遇到这种场景,我们就可以把公共代码段抽取到一个公共页面,在需要使用 ...
html用标签引入公共页面,html公共部分-header、footer部分引用
html公共部分-header.footer部分引用主要介绍两种方式: 1.通过jq 以请求的方式加载 2.通过的方式加载两种方式各有优缺点,先说第一种. 用jq方式加载: 需要被引用的页面hea ...
微信小程序引入公共页面的几种情况
1.不带参数首先在pages文件夹中新建一个template文件夹,文件夹中新建一个template.wxml文件,代码如下  <templ ...
vue 公用页面引用_vue中实现部分页面引入公共组件
前言我们可以把公共组件放到App.vue中,但是有时候我们希望某个页面不需要这写公共部分,那么需要怎么设置呢? 本文为大家介绍三种部分页面引入公共组件的方法. 方法一:利用子路由创建一个layou ...
thymeleaf公共页面元素抽取 || 引入片段的时候传入参数
thymeleaf公共页面元素抽取三种引入公共片段的th属性: th:insert:将公共片段整个插入到声明引入的元素中 th:replace:将声明引入的元素替换为公共片段 th:include: ...
Thymeleaf中设置每个页面引入公共css样式
场景 Thymeleaf提取公共页面(从实例入手,以inspinia模板为例): https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/9 ...
vue中，scss样式的三种写法——当前页面直接定义、@import引入样式、main.js引入公共样式 deep和important的写法
vue中,scss样式的三种写法--当前页面直接定义.@import引入样式.main.js引入公共样式 & deep和important的写法 1.安装scss # 安装node-sass ...
php页面引用公共文件,WeiPHP插件模板中快速引入公共模板文件
WeiPHP插件模板中快速引入公共模板文件,weiphp建立于onethink之上,简单修改代码,无需填写绝对路径实现轻松引入模板.记录一下,分享给需要的人. 修改文件: ThinkPHP/Libra ...

themeleaf引入公共页面

themeleaf引入公共页面相关推荐

最新文章

热门文章