|
|
@ -18,7 +18,6 @@
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
</style>
|
|
|
|
<body>
|
|
|
|
<body>
|
|
|
|
|
|
|
|
|
|
|
|
<table class="layui-hide" id="test" lay-filter="test"></table>
|
|
|
|
<table class="layui-hide" id="test" lay-filter="test"></table>
|
|
|
|
|
|
|
|
|
|
|
|
<script type="text/html" id="toolbarDemo">
|
|
|
|
<script type="text/html" id="toolbarDemo">
|
|
|
@ -32,37 +31,46 @@
|
|
|
|
<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
|
|
|
|
<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
|
|
|
|
</script>
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<script src="./layui/layui.js"></script>
|
|
|
|
<script src="layui/layui.js" charset="utf-8"></script>
|
|
|
|
|
|
|
|
<!-- 注意:如果你直接复制所有代码到本地,上述 JS 路径需要改成你本地的 -->
|
|
|
|
<!-- 注意:如果你直接复制所有代码到本地,上述 JS 路径需要改成你本地的 -->
|
|
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
|
|
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
|
|
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/10.2.0/swiper-bundle.min.js"
|
|
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/10.2.0/swiper-bundle.min.js"
|
|
|
|
integrity="sha512-QwpsxtdZRih55GaU/Ce2Baqoy2tEv9GltjAG8yuTy2k9lHqK7VHHp3wWWe+yITYKZlsT3AaCj49ZxMYPp46iJQ=="
|
|
|
|
integrity="sha512-QwpsxtdZRih55GaU/Ce2Baqoy2tEv9GltjAG8yuTy2k9lHqK7VHHp3wWWe+yITYKZlsT3AaCj49ZxMYPp46iJQ=="
|
|
|
|
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
|
|
|
|
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
|
|
|
|
<script>
|
|
|
|
<script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// const token =sessionStorage.getItem('token')
|
|
|
|
layui.use('table', function () {
|
|
|
|
layui.use('table', function () {
|
|
|
|
var table = layui.table
|
|
|
|
var table = layui.table
|
|
|
|
|
|
|
|
|
|
|
|
//温馨提示:默认由前端自动合计当前行数据。从 layui 2.5.6 开始: 若接口直接返回了合计行数据,则优先读取接口合计行数据。
|
|
|
|
//温馨提示:默认由前端自动合计当前行数据。从 layui 2.5.6 开始: 若接口直接返回了合计行数据,则优先读取接口合计行数据。
|
|
|
|
//详见:http://www.ilayuis.com/doc/modules/table.html#totalRow
|
|
|
|
//详见:http://www.ilayuis.com/doc/modules/table.html#totalRow
|
|
|
|
table.render({
|
|
|
|
table.render({
|
|
|
|
elem: '#test'
|
|
|
|
elem: '#test'
|
|
|
|
, url: 'http://localhost:8080/api/course/queryCourse'
|
|
|
|
, url: 'http://localhost:8080/api/course/queryCourse'
|
|
|
|
|
|
|
|
// headers: {
|
|
|
|
|
|
|
|
// 'Authorization': `Bearer ${token}`,
|
|
|
|
|
|
|
|
// 'Content-Type': 'application/json'
|
|
|
|
|
|
|
|
// }
|
|
|
|
, toolbar: '#toolbarDemo'
|
|
|
|
, toolbar: '#toolbarDemo'
|
|
|
|
, defaultToolbar: []
|
|
|
|
, defaultToolbar: []
|
|
|
|
, title: '课程中心'
|
|
|
|
, title: '课程中心'
|
|
|
|
, totalRow: true
|
|
|
|
, totalRow: true
|
|
|
|
, parseData: function (res) {
|
|
|
|
, parseData: function (res) {
|
|
|
|
console.log('data', res)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
return {
|
|
|
|
return {
|
|
|
|
"code": res.code, //解析接口状态
|
|
|
|
"code": res.code, //解析接口状态
|
|
|
|
"count": res.count, //解析总页数
|
|
|
|
"count": res.count, //解析总页数
|
|
|
|
"msg": res.msg, //解析提示文本
|
|
|
|
"msg": res.msg, //解析提示文本
|
|
|
|
"data": res.data.list //解析数据列表
|
|
|
|
"data": res.data.list //解析数据列表
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
, response: {
|
|
|
|
|
|
|
|
statusName: 'code', //规定返回的状态码字段为code
|
|
|
|
// ,headers: { token : localStorage.token }
|
|
|
|
|
|
|
|
// ,headers: {"token":sessionStorage.getItem('token')},
|
|
|
|
|
|
|
|
response: {
|
|
|
|
|
|
|
|
statusName: 'code', //规定返回的状态码字段为code
|
|
|
|
statusCode: 200 //规定成功的状态码为200
|
|
|
|
statusCode: 200 //规定成功的状态码为200
|
|
|
|
}
|
|
|
|
}
|
|
|
|
, cols: [[
|
|
|
|
, cols: [[
|
|
|
@ -362,6 +370,114 @@
|
|
|
|
<div class="swiper-slide">
|
|
|
|
<div class="swiper-slide">
|
|
|
|
<img class="image-item" src="https://picsum.photos/id/566/70/70">
|
|
|
|
<img class="image-item" src="https://picsum.photos/id/566/70/70">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="swiper-slide">
|
|
|
|
|
|
|
|
<img class="image-item" src="https://picsum.photos/id/500/70/70">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="swiper-slide">
|
|
|
|
|
|
|
|
<img class="image-item" src="https://picsum.photos/id/501/70/70">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="swiper-slide">
|
|
|
|
|
|
|
|
<img class="image-item" src="https://picsum.photos/id/502/70/70">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="swiper-slide">
|
|
|
|
|
|
|
|
<img class="image-item" src="https://picsum.photos/id/503/70/70">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="swiper-slide">
|
|
|
|
|
|
|
|
<img class="image-item" src="https://picsum.photos/id/504/70/70">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="swiper-slide">
|
|
|
|
|
|
|
|
<img class="image-item" src="https://picsum.photos/id/505/70/70">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="swiper-slide">
|
|
|
|
|
|
|
|
<img class="image-item" src="https://picsum.photos/id/506/70/70">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="swiper-slide">
|
|
|
|
|
|
|
|
<img class="image-item" src="https://picsum.photos/id/507/70/70">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="swiper-slide">
|
|
|
|
|
|
|
|
<img class="image-item" src="https://picsum.photos/id/508/70/70">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="swiper-slide">
|
|
|
|
|
|
|
|
<img class="image-item" src="https://picsum.photos/id/509/70/70">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="swiper-slide">
|
|
|
|
|
|
|
|
<img class="image-item" src="https://picsum.photos/id/510/70/70">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="swiper-slide">
|
|
|
|
|
|
|
|
<img class="image-item" src="https://picsum.photos/id/511/70/70">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="swiper-slide">
|
|
|
|
|
|
|
|
<img class="image-item" src="https://picsum.photos/id/512/70/70">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="swiper-slide">
|
|
|
|
|
|
|
|
<img class="image-item" src="https://picsum.photos/id/520/70/70">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="swiper-slide">
|
|
|
|
|
|
|
|
<img class="image-item" src="https://picsum.photos/id/521/70/70">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="swiper-slide">
|
|
|
|
|
|
|
|
<img class="image-item" src="https://picsum.photos/id/523/70/70">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="swiper-slide">
|
|
|
|
|
|
|
|
<img class="image-item" src="https://picsum.photos/id/533/70/70">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="swiper-slide">
|
|
|
|
|
|
|
|
<img class="image-item" src="https://picsum.photos/id/534/70/70">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="swiper-slide">
|
|
|
|
|
|
|
|
<img class="image-item" src="https://picsum.photos/id/535/70/70">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="swiper-slide">
|
|
|
|
|
|
|
|
<img class="image-item" src="https://picsum.photos/id/536/70/70">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="swiper-slide">
|
|
|
|
|
|
|
|
<img class="image-item" src="https://picsum.photos/id/550/70/70">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="swiper-slide">
|
|
|
|
|
|
|
|
<img class="image-item" src="https://picsum.photos/id/551/70/70">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="swiper-slide">
|
|
|
|
|
|
|
|
<img class="image-item" src="https://picsum.photos/id/552/70/70">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="swiper-slide">
|
|
|
|
|
|
|
|
<img class="image-item" src="https://picsum.photos/id/553/70/70">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="swiper-slide">
|
|
|
|
|
|
|
|
<img class="image-item" src="https://picsum.photos/id/554/70/70">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="swiper-slide">
|
|
|
|
|
|
|
|
<img class="image-item" src="https://picsum.photos/id/555/70/70">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="swiper-slide">
|
|
|
|
|
|
|
|
<img class="image-item" src="https://picsum.photos/id/556/70/70">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="swiper-slide">
|
|
|
|
|
|
|
|
<img class="image-item" src="https://picsum.photos/id/557/70/70">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="swiper-slide">
|
|
|
|
|
|
|
|
<img class="image-item" src="https://picsum.photos/id/558/70/70">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="swiper-slide">
|
|
|
|
|
|
|
|
<img class="image-item" src="https://picsum.photos/id/559/70/70">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="swiper-slide">
|
|
|
|
|
|
|
|
<img class="image-item" src="https://picsum.photos/id/560/70/70">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="swiper-slide">
|
|
|
|
|
|
|
|
<img class="image-item" src="https://picsum.photos/id/562/70/70">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="swiper-slide">
|
|
|
|
|
|
|
|
<img class="image-item" src="https://picsum.photos/id/563/70/70">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="swiper-slide">
|
|
|
|
|
|
|
|
<img class="image-item" src="https://picsum.photos/id/564/70/70">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="swiper-slide">
|
|
|
|
|
|
|
|
<img class="image-item" src="https://picsum.photos/id/565/70/70">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="swiper-slide">
|
|
|
|
|
|
|
|
<img class="image-item" src="https://picsum.photos/id/566/70/70">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="swiper-button-next" style="margin-right: -5px;"></div>
|
|
|
|
<div class="swiper-button-next" style="margin-right: -5px;"></div>
|
|
|
@ -516,6 +632,78 @@
|
|
|
|
<div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
|
|
|
|
<div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
|
|
|
|
<img id="icon5" class="icon" src="https://picsum.photos/id/258/70/70">
|
|
|
|
<img id="icon5" class="icon" src="https://picsum.photos/id/258/70/70">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
|
|
|
|
|
|
|
|
<img id="icon1" class="icon" src="https://picsum.photos/id/237/70/70">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
|
|
|
|
|
|
|
|
<img id="icon2" class="icon" src="https://picsum.photos/id/238/70/70">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
|
|
|
|
|
|
|
|
<img id="icon3" class="icon" src="https://picsum.photos/id/239/70/70">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
|
|
|
|
|
|
|
|
<img id="icon4" class="icon" src="https://picsum.photos/id/240/70/70">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
|
|
|
|
|
|
|
|
<img id="icon5" class="icon" src="https://picsum.photos/id/261/70/70">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
|
|
|
|
|
|
|
|
<img id="icon4" class="icon" src="https://picsum.photos/id/252/70/70">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
|
|
|
|
|
|
|
|
<img id="icon5" class="icon" src="https://picsum.photos/id/253/70/70">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
|
|
|
|
|
|
|
|
<img id="icon4" class="icon" src="https://picsum.photos/id/254/70/70">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
|
|
|
|
|
|
|
|
<img id="icon5" class="icon" src="https://picsum.photos/id/255/70/70">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
|
|
|
|
|
|
|
|
<img id="icon4" class="icon" src="https://picsum.photos/id/256/70/70">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
|
|
|
|
|
|
|
|
<img id="icon5" class="icon" src="https://picsum.photos/id/257/70/70">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
|
|
|
|
|
|
|
|
<img id="icon5" class="icon" src="https://picsum.photos/id/258/70/70">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
|
|
|
|
|
|
|
|
<img id="icon1" class="icon" src="https://picsum.photos/id/237/70/70">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
|
|
|
|
|
|
|
|
<img id="icon2" class="icon" src="https://picsum.photos/id/238/70/70">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
|
|
|
|
|
|
|
|
<img id="icon3" class="icon" src="https://picsum.photos/id/239/70/70">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
|
|
|
|
|
|
|
|
<img id="icon4" class="icon" src="https://picsum.photos/id/240/70/70">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
|
|
|
|
|
|
|
|
<img id="icon5" class="icon" src="https://picsum.photos/id/261/70/70">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
|
|
|
|
|
|
|
|
<img id="icon4" class="icon" src="https://picsum.photos/id/252/70/70">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
|
|
|
|
|
|
|
|
<img id="icon5" class="icon" src="https://picsum.photos/id/253/70/70">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
|
|
|
|
|
|
|
|
<img id="icon4" class="icon" src="https://picsum.photos/id/254/70/70">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
|
|
|
|
|
|
|
|
<img id="icon5" class="icon" src="https://picsum.photos/id/255/70/70">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
|
|
|
|
|
|
|
|
<img id="icon4" class="icon" src="https://picsum.photos/id/256/70/70">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
|
|
|
|
|
|
|
|
<img id="icon5" class="icon" src="https://picsum.photos/id/257/70/70">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
|
|
|
|
|
|
|
|
<img id="icon5" class="icon" src="https://picsum.photos/id/258/70/70">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</form>
|
|
|
|
</form>
|
|
|
|