Merge remote-tracking branch 'origin/master'

main
@t2652009480 2 years ago
commit 52c2e35480

@ -0,0 +1,80 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Layui</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="layui/css/layui.css" tppabs="//res.ilayuis.com/layui/dist/css/layui.css" media="all">
<!-- 注意如果你直接复制所有代码到本地上述css路径需要改成你本地的 -->
</head>
<body>
<table class="layui-hide" id="test" lay-filter="test"></table>
<script type="text/html" id="toolbarDemo">
<div class="layui-btn-container">
<button class="layui-btn layui-btn-sm" lay-event="getCheckData">获取选中行数据</button>
<button class="layui-btn layui-btn-sm" lay-event="getCheckLength">获取选中数目</button>
<button class="layui-btn layui-btn-sm" lay-event="isAll">验证是否全选</button>
</div>
</script>
<script type="text/html" id="barDemo">
<a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>
<script src="layui/layui.js" charset="utf-8"></script>
<!-- 注意:如果你直接复制所有代码到本地,上述 JS 路径需要改成你本地的 -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
layui.use('table', function(){
var table = layui.table;
//温馨提示:默认由前端自动合计当前行数据。从 layui 2.5.6 开始: 若接口直接返回了合计行数据,则优先读取接口合计行数据。
//详见http://www.ilayuis.com/doc/modules/table.html#totalRow
table.render({
elem: '#test'
,url:'http://localhost:8080/api/course/selectAll'
,toolbar: '#toolbarDemo'
,title: '课程数据表'
,totalRow: true
,cols: [[
{type: 'checkbox', fixed: 'left'}
,{field:'id', title:'编号', width:120, sort: true, }
,{field:'courseName', title:'课程名称', width:120}
,{field:'courseBrief', title:'课程简介', width:120}
,{field:'courseUrl', title:'超链接', width:120}
,{field:'dirName', title:'归属目录', width:120}
// ,{field:'courseIcon', title:'编号', width:120}
,{fixed: 'right', title:'操作', toolbar: '#barDemo', width:150}
]]
,page: true
});
//工具栏事件
table.on('toolbar(test)', function(obj){
var checkStatus = table.checkStatus(obj.config.id);
switch(obj.event){
case 'getCheckData':
var data = checkStatus.data;
layer.alert(JSON.stringify(data));
break;
case 'getCheckLength':
var data = checkStatus.data;
layer.msg('选中了:'+ data.length + ' 个');
break;
case 'isAll':
layer.msg(checkStatus.isAll ? '全选': '未全选')
break;
};
});
});
</script>
</body>
</html>

@ -0,0 +1,133 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>智云</title>
<link rel="stylesheet" href="./layui/css/layui.css">
</head>
<body>
<div class="layui-layout layui-layout-admin">
<div class="layui-header">
<div class="layui-logo layui-hide-xs layui-bg-black">天择后台管业系统</div>
<!-- 头部区域可配合layui 已有的水平导航) -->
<ul class="layui-nav layui-layout-left">
<!-- 移动端显示 -->
<li class="layui-nav-item layui-show-xs-inline-block layui-hide-sm" lay-header-event="menuLeft">
<i class="layui-icon layui-icon-spread-left"></i>
</li>
<!-- <li class="layui-nav-item layui-hide-xs"><a href="">nav 1</a></li>-->
<!-- <li class="layui-nav-item layui-hide-xs"><a href="">nav 2</a></li>-->
<!-- <li class="layui-nav-item layui-hide-xs"><a href="">nav 3</a></li>-->
<!-- <li class="layui-nav-item">-->
<!-- <a href="javascript:;">nav groups</a>-->
<!-- <dl class="layui-nav-child">-->
<!-- <dd><a href="">menu 11</a></dd>-->
<!-- <dd><a href="">menu 22</a></dd>-->
<!-- <dd><a href="">menu 33</a></dd>-->
<!-- </dl>-->
<!-- </li>-->
</ul>
<ul class="layui-nav layui-layout-right">
<li class="layui-nav-item layui-hide layui-show-md-inline-block">
<a href="javascript:;">
<img src="//tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg" class="layui-nav-img">
tester
</a>
<dl class="layui-nav-child">
<dd><a href="">Your Profile</a></dd>
<dd><a href="">Settings</a></dd>
<dd><a href="">Sign out</a></dd>
</dl>
</li>
<li class="layui-nav-item" lay-header-event="menuRight" lay-unselect>
<a href="javascript:;">
<i class="layui-icon layui-icon-more-vertical"></i>
</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:;" onclick="openUrl('courseList.html')">课程中心</a>
</li>
<li class="layui-nav-item">
<a href="javascript:;">应用中心</a>
<!-- <dl class="layui-nav-child">-->
<!-- <dd><a href="javascript:;">list 1</a></dd>-->
<!-- <dd><a href="javascript:;">list 2</a></dd>-->
<!-- <dd><a href="">超链接</a></dd>-->
<!-- </dl>-->
</li>
<li class="layui-nav-item"><a href="javascript:;">大赛中心</a></li>
<li class="layui-nav-item"><a href="">考证中心</a></li>
<li class="layui-nav-item"><a href="">学术中心</a></li>
<li class="layui-nav-item"><a href="">知识分享</a></li>
<li class="layui-nav-item"><a href="">下载中心</a></li>
<li class="layui-nav-item"><a href="">就业中心</a></li>
<li class="layui-nav-item"><a href="">服务相关</a></li>
</ul>
</div>
</div>
<div class="layui-body" id="center">
<!-- 内容主体区域 -->
<div style="padding: 15px;">内容主体区域。记得修改 layui.css 和 js 的路径</div>
</div>
<div class="layui-footer">
<!-- 底部固定区域 -->
底部固定区域
</div>
</div>
<script src="./layui/layui.js"></script>
<script>
//JS
layui.use(['element', 'layer', 'util'], function(){
var element = layui.element
,layer = layui.layer
,util = layui.util
,$ = layui.$;
//头部事件
util.event('lay-header-event', {
//左侧菜单事件
menuLeft: function(othis){
layer.msg('展开左侧菜单的操作', {icon: 0});
}
,menuRight: function(){
layer.open({
type: 1
,content: '<div style="padding: 15px;">处理右侧面板的操作</div>'
,area: ['260px', '100%']
,offset: 'rt' //右上角
,anim: 5
,shadeClose: true
});
}
});
});
</script>
</body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script type="application/javascript">
function openUrl(url){
// alert(url);
//通过标签的id属性的属性值获取当前标签对象加载对应页面
$("#center").load(url);
}
</script>
</html>

File diff suppressed because one or more lines are too long

@ -0,0 +1 @@
html #layuicss-skincodecss{display:none;position:absolute;width:1989px}.layui-code-h3,.layui-code-view{position:relative;font-size:12px}.layui-code-view{display:block;margin:10px 0;padding:0;border:1px solid #eee;border-left-width:6px;background-color:#FAFAFA;color:#333;font-family:Courier New}.layui-code-h3{padding:0 10px;height:40px;line-height:40px;border-bottom:1px solid #eee}.layui-code-h3 a{position:absolute;right:10px;top:0;color:#999}.layui-code-view .layui-code-ol{position:relative;overflow:auto}.layui-code-view .layui-code-ol li{position:relative;margin-left:45px;line-height:20px;padding:0 10px;border-left:1px solid #e2e2e2;list-style-type:decimal-leading-zero;*list-style-type:decimal;background-color:#fff}.layui-code-view .layui-code-ol li:first-child{padding-top:10px}.layui-code-view .layui-code-ol li:last-child{padding-bottom:10px}.layui-code-view pre{margin:0}.layui-code-notepad{border:1px solid #0C0C0C;border-left-color:#3F3F3F;background-color:#0C0C0C;color:#C2BE9E}.layui-code-notepad .layui-code-h3{border-bottom:none}.layui-code-notepad .layui-code-ol li{background-color:#3F3F3F;border-left:none}.layui-code-demo .layui-code{visibility:visible!important;margin:-15px;border-top:none;border-right:none;border-bottom:none}.layui-code-demo .layui-tab-content{padding:15px;border-top:none}

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

File diff suppressed because one or more lines are too long

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 701 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 299 KiB

File diff suppressed because one or more lines are too long

@ -0,0 +1,150 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>后台管理</title>
<link rel="stylesheet" href="https://cdn.staticfile.org/layui/2.5.7/css/layui.css">
</head>
<body>
<!-- 顶部导航栏 -->
<div class="layui-layout layui-layout-admin">
<div class="layui-header">
<!-- 标题 -->
<div class="layui-logo">后台管理</div>
<!-- 导航菜单 -->
<ul class="layui-nav layui-layout-left">
<li class="layui-nav-item"><a href="">首页</a></li>
<li class="layui-nav-item layui-nav-itemed">
<a href="javascript:;">课程中心</a>
<!-- 课程中心子菜单 -->
<dl class="layui-nav-child">
<dd><a href="">课程列表</a></dd>
<dd><a href="">添加课程</a></dd>
</dl>
</li>
<li class="layui-nav-item layui-nav-itemed">
<a href="javascript:;">应用中心</a>
<!-- 应用中心子菜单 -->
<dl class="layui-nav-child">
<dd><a href="">应用列表</a></dd>
<dd><a href="">添加应用</a></dd>
</dl>
</li>
<li class="layui-nav-item layui-nav-itemed">
<a href="javascript:;">大赛中心</a>
<!-- 大赛中心子菜单 -->
<dl class="layui-nav-child">
<dd><a href="">大赛列表</a></dd>
<dd><a href="">添加大赛</a></dd>
</dl>
</li>
<li class="layui-nav-item layui-nav-itemed">
<a href="javascript:;">考证中心</a>
<!-- 考证中心子菜单 -->
<dl class="layui-nav-child">
<dd><a href="">考证列表</a></dd>
<dd><a href="">添加考证</a></dd>
</dl>
</li>
<li class="layui-nav-item layui-nav-itemed">
<a href="javascript:;">学术中心</a>
<!-- 学术中心子菜单 -->
<dl class="layui-nav-child">
<dd><a href="">学术文章</a></dd>
<dd><a href="">添加文章</a></dd>
</dl>
</li>
</ul>
<!-- 右侧用户信息 -->
<ul class="layui-nav layui-layout-right">
<li class="layui-nav-item">
<a href="javascript:;">
<img src="" class="layui-nav-img">
用户名
</a>
<!-- 下拉菜单 -->
<dl class="layui-nav-child">
<dd><a href="">个人信息</a></dd>
<dd><a href="">退出</a></dd>
</dl>
</li>
</ul>
</div>
</div>
<!-- 主体内容 -->
<div class="layui-container">
<div class="layui-row">
<div class="layui-col-md3">
<!-- 侧边栏 -->
<div class="layui-side layui-bg-black">
<div class="layui-side-scroll">
<ul class="layui-nav layui-nav-tree" lay-filter="side">
<li class="layui-nav-item layui-nav-itemed">
<a class="" href="javascript:;">课程中心</a>
<!-- 课程中心子菜单 -->
<dl class="layui-nav-child">
<dd><a href="">课程列表</a></dd>
<dd><a href="">添加课程</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="">应用列表</a></dd>
<dd><a href="">添加应用</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="">大赛列表</a></dd>
<dd><a href="">添加大赛</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="">考证列表</a></dd>
<dd><a href="">添加考证</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="">学术文章</a></dd>
<dd><a href="">添加文章</a></dd>
</dl>
</li>
</ul>
</div>
</div>
</div>
<div class="layui-col-md9">主要内容区域</div>
</div>
</div>
<!-- 引入Layui的JavaScript文件 -->
<script src="https://cdn.staticfile.org/layui/2.5.7/layui.js"></script>
<!-- 初始化Layui组件 -->
<script>
layui.use(['element', 'layer'], function(){
var element = layui.element;
var layer = layui.layer;
//监听侧边栏点击事件
element.on('nav(side)', function(elem){
layer.msg(elem.text());
});
});
</script>
</body>
</html>
Loading…
Cancel
Save