springboot 前台Html嵌入另一html问题

最近学习springboot相关知识时，用了layui的社区模板，该模板多个html页面中会用到相同的头，所以我把相同的头提取出来放在了一个head.html中了，想要通过<#include file=”“>来引入这个head.html，可是一直无法引入
解决方法：
head.html文件内容如下

<div class="fly-header layui-bg-black">
    <div class="layui-container">
        <a class="fly-logo" href="/">
            <img src="/images/logo.png" alt="layui">
        a>
        <ul class="layui-nav fly-nav layui-hide-xs">
            <li class="layui-nav-item layui-this">
                <a href="/"><i class="iconfont icon-jiaoliu">i>交流a>
            li>
            <li class="layui-nav-item">
                <a href="../../../resources/templates/case"><i class="iconfont icon-iconmingxinganli">i>案例a>
            li>
            <li class="layui-nav-item">
                <a href="http://www.layui.com/" target="_blank"><i class="iconfont icon-ui">i>框架 span>a>
            li>
        ul>

        <ul class="layui-nav fly-nav-user">

            
            <li class="layui-nav-item">
                <a class="iconfont icon-touxiang layui-hide-xs" href="user/regisiter">a>
            li>
            <li class="layui-nav-item">
                <a href="user/login">登入a>
            li>
            <li class="layui-nav-item">
                <a href="user/regisiter">注册a>
            li>
            <li class="layui-nav-item layui-hide-xs">
                <a href="/app/qq/" onclick="layer.msg('正在通过QQ登入', {icon:16, shade: 0.1, time:0})" title="QQ登入" class="iconfont icon-qq">a>
            li>
            <li class="layui-nav-item layui-hide-xs">
                <a href="/app/weibo/" onclick="layer.msg('正在通过微博登入', {icon:16, shade: 0.1, time:0})" title="微博登入" class="iconfont icon-weibo">a>
            li>

            
            
        ul>
    div>
div>

<div class="fly-panel fly-column">
    <div class="layui-container">
        <ul class="layui-clear">
            <li class="layui-hide-xs layui-this"><a href="/page/index">首页a>li>
            <li><a href="question">提问a>li>
            <li><a href="question">分享<span class="layui-badge-dot">span>a>li>
            <li><a href="question">讨论a>li>
            <li><a href="question">建议a>li>
            <li><a href="question">公告a>li>
            <li><a href="question">动态a>li>
            <li class="layui-hide-xs layui-hide-sm layui-show-md-inline-block"><span class="fly-mid">span>li>

            
            <li class="layui-hide-xs layui-hide-sm layui-show-md-inline-block"><a href="user/index">我发表的贴a>li>
            <li class="layui-hide-xs layui-hide-sm layui-show-md-inline-block"><a href="user/index/collection">我收藏的贴a>li>
        ul>

        <div class="fly-column-right layui-hide-xs">
            <span class="fly-search"><i class="layui-icon">i>span>
            <a href="question/add" class="layui-btn">发表新帖a>
        div>
        <div class="layui-hide-sm layui-show-xs-block" style="margin-top: -10px; padding-bottom: 10px; text-align: center;">
            <a href="question/add" class="layui-btn">发表新帖a>
        div>
    div>
div>

这里直接是div，不需要再写head、body了
index.html引入head.html

"width:100%;height:60px" id="head">
...

直接在body中定义了一个div来放置head.html，然后通过jQuery将相关内容放入

<script type="text/javascript">
    $(document).ready(function() {
        $("#head").load("head");
    });
script>

到了这步之后发现还是不可以，界面显示如下

然后F12发现控制台有报错，内容如下

原来这是因为通过load方法加载head的时候，会经过后台控制器去查找这个head地址，所有我在后台Controller中加入了如下内容

    @RequestMapping("/head")
    public String head(Map<String,Object> map){
        List<User> users = usermapper.selectList(null);
        log.info("------------>head.html------------>"+new Date());
        return "head";

    }

访问后台是，经过控制器找到对应的head.html即可
再次运行项目，发现问题解决，效果如下

而在后台的控制台中出现了如下信息

这里我尝试了很多次html的include标签，head.html文件还是文中提供的文件，但是始终无法显示head.html，只好通过这个方法取巧暂时解决了该问题
各位大佬有什么更好的方法解决该问题，欢迎留言讨论