源码地址:https://gitee.com/nggLee/java-funny
1.进入站长之家https://sc.chinaz.com/
2.搜索后台管理模版,下载一个,本次使用的模版 https://sc.chinaz.com/moban/160629414430.htm
3.下载后的模版直接打开index.html,模版目录结构如下
4.新建一个springboot项目,项目目录如下,直接访问 http://localhost:8090/admin/
5.进入正题点击左侧,刷新右侧,首先修改右边栏连接地址。先确定右侧div显示内容的标签,
6.修改右边栏的一个url连接,点击该链接时刷新右侧。例如点击UI Elements时,首先修改该url为点击事件,例如改成如下
function openFrame(url) {
$.ajax({
url:"/admin/"+url,
success:function (data) {
$("#page-inner").html(data);
}
})
}
7.修改各个子页面的html,只保留
里的内容:例如ui-elements.html

8.对应后台请求如下