                        課程
                    
                        /后端開發
                        
                            /Java
                        
                        /MyBatis-Plus + SpringBoot實現簡單權限管理

無法新建選項卡，沒有腳本報錯

自動換行
	<!DOCTYPE html>
	<html lang="zh">
	<head>
	<meta charset="utf-8">
	<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1">
	<title>MP小項目</title>
	<link rel="stylesheet" href="/webjars/layui/2.6.8/css/layui.css">
	</head>
	<body class="layui-layout-body">
	<div class="layui-layout layui-layout-admin">
	<div class="layui-header">
	<div class="layui-logo">MP小項目</div>
	<ul class="layui-nav layui-layout-right">
	<li class="layui-nav-item"><a href="javascript:;">
	<span>程序牛人-mp</span>
	</a>
	<dl class="layui-nav-child">
	<dd>
	<a href="">基本資料</a>
	</dd>
	<dd>
	<a href="">安全設置</a>
	</dd>
	</dl></li>
	<li class="layui-nav-item"><a href="/auth/logout">退了</a></li>
	</ul>
	</div>

	<div class="layui-side layui-bg-black">
	<div class="layui-side-scroll">
	<!-- 左側導航區域（可配合layui已有的垂直導航） -->
	<ul class="layui-nav layui-nav-tree" ?lay-filter="test">
	<li class="layui-nav-item layui-nav-itemed">
	<a class="" href="javascript:;">系統管理</a>
	<dl class="layui-nav-child">
	<dd><a href="javascript:showTab('role/toList','角色管理',11);">角色管理</a></dd>
	</dl>
	<dl class="layui-nav-child">
	<dd><a href="javascript:showTab('account/toList','賬號管理',12);">賬號管理</a></dd>
	</dl>
	</li>
	<li class="layui-nav-item layui-nav-itemed">
	<a class="" href="javascript:;">客戶管理</a>
	<dl class="layui-nav-child">
	<dd><a href="javascript:showTab('customer/toList','客戶管理',21);">客戶管理</a></dd>
	</dl>
	</li>

	</ul>
	</div>
	</div>

	<div class="layui-body">
	<!-- 內容主體區域 -->
	<div class="layui-tab" lay-filter="menu" lay-allowClose="true">
	<ul class="layui-tab-title">
	<li class="layui-this">歡迎頁</li>
	</ul>
	<div class="layui-tab-content">
	<div class="layui-tab-item layui-show">歡迎使用本系統</div>
	</div>
	</div>
	</div>

	<div class="layui-footer">
	<!-- 底部固定區域 -->
	? laoyuan - 底部固定區域
	</div>
	</div>
	<script src="/webjars/layui/layui.all.js"></script>
	<script src="/webjars/jquery/3.6.0/jquery.js"></script>
	<script src="/js/login/main.js"></script>
	</body>
	</html>

function?showTab(url,name,id)
{
????let?length?=?$("li[lay-id="+id+"]").length;
????let?element?=?layui.element;
????if?(length?==?0?)
????{
????????let?fullUrl?=?"/"?+?url;
????????let?height?=?$(window).height()?-?185;
????????let?content?=?'<iframe?style?="width:100%;height:?'+height+'px"?src?=?"'+fullUrl+'"?frameborder="0"?scrolling="no">';

????????element.tabAdd('menu',
????????????{
????????????????title?:?name,
????????????????content?:?content,
????????????????id?:?id
????????????}
????????);
????}

????element.tabChange('menu',id);

}