⼀般都是左侧的导航栏中的a标签中写⼀个target（a标签有target属性），
右侧的div标签中写⼀个iframe，在iframe中有name的属性，在左侧a标签中的target写上iframe中name的属性值。具体操作如下：
1、设置菜单(a标签增加target属性，值填写iframe的name值)
<li class="layui-nav-item"><a href="/about" target="menuFrame">了解itggek</a></li>
1、增加⼀个iframe(⾃定义name)，⽤来展⽰每个菜单的内容
421事件内容 th:src="@{/about}"：是为了默认展⽰⼀个页⾯内容
<!-- 内容主体区域 -->
<div class="layui-body">
<iframe id="menuFrame" name="menuFrame" th:src="@{/about}"
scrolling="yes" frameborder="no" width="100%" height="100%">
</iframe>
</div>
3、系统截图：（点击了解itgeek就会将内容展⽰在右侧空⽩的iframe中）
可以直接进⼊系统，就默认展⽰⼀个页⾯：在iframe中src增加请求地址（⾮web项⽬，直接填写⽂件地址）
发布评论