当前位置:   article > 正文

python222网站实战(SpringBoot+SpringSecurity+MybatisPlus+thymeleaf+layui)-后台管理主页面实现

python222网站实战(SpringBoot+SpringSecurity+MybatisPlus+thymeleaf+layui)-后台管理主页面实现

锋哥原创的Springboot+Layui python222网站实战:

python222网站实战课程视频教程(SpringBoot+Python爬虫实战) ( 火爆连载更新中... )_哔哩哔哩_bilibilipython222网站实战课程视频教程(SpringBoot+Python爬虫实战) ( 火爆连载更新中... )共计23条视频,包括:python222网站实战课程视频教程(SpringBoot+Python爬虫实战) ( 火爆连载更新中... )、第2讲 架构搭建实现、第3讲 页面系统属性动态化设计实现等,UP主更多精彩视频,请关注UP账号。icon-default.png?t=N7T8https://www.bilibili.com/video/BV1yX4y1a7qM/main.html

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Python222-后台系统管理页面</title>
  6. <link href="/systemImages/favicon.ico" rel="SHORTCUT ICON">
  7. <link rel="stylesheet" href="/static/layui/css/layui.css"/>
  8. <link rel="stylesheet" href="/static/css/css.css"/>
  9. </head>
  10. <body class="layui-layout-body">
  11. <div class="layui-layout layui-layout-admin">
  12. <div class="layui-header">
  13. <div class="layui-logo"><a href="/admin" style="color: gray">Python222-后台管理</a></div>
  14. <ul class="layui-nav layui-layout-right">
  15. <li class="layui-nav-item">
  16. <a href="javascript:;">
  17. <img src="/systemImages/manager.jpg" class="layui-nav-img" th:text="${session.SPRING_SECURITY_CONTEXT.authentication.principal.username}"></img>
  18. </a>
  19. <dl class="layui-nav-child">
  20. <dd><a href="/logout">安全退出</a></dd>
  21. </dl>
  22. </li>
  23. </ul>
  24. </div>
  25. <div class="layui-side layui-bg-black">
  26. <div class="layui-side-scroll">
  27. <!-- 左侧导航区域(可配合layui已有的垂直导航) -->
  28. <ul class="layui-nav layui-nav-tree" lay-filter="test">
  29. <li class="layui-nav-item layui-nav-itemed">
  30. <a class="" href="javascript:;">帖子管理</a>
  31. <dl class="layui-nav-child">
  32. <dd><a href="javascript:openPage('saveArticle.html')">发布帖子</a></dd>
  33. </dl>
  34. <dl class="layui-nav-child">
  35. <dd><a href="javascript:openPage('articleManage.html')">帖子管理</a></dd>
  36. </dl>
  37. <dl class="layui-nav-child">
  38. <dd><a href="javascript:openPage('tagManage.html')">Tag标签管理</a></dd>
  39. </dl>
  40. </li>
  41. <li class="layui-nav-item layui-nav-itemed">
  42. <a href="javascript:;">系统管理</a>
  43. <dl class="layui-nav-child">
  44. <dd><a href="javascript:openPage('menuManage.html')">菜单管理</a></dd>
  45. </dl>
  46. <dl class="layui-nav-child">
  47. <dd><a href="javascript:openPage('linkManage.html')">友情链接管理</a></dd>
  48. </dl>
  49. <dl class="layui-nav-child">
  50. <dd><a href="javascript:openPage('propertyManage.html')">系统属性设置</a></dd>
  51. </dl>
  52. <dl class="layui-nav-child">
  53. <dd><a href="javascript:openPage('postManage.html')">自定义帖子管理</a></dd>
  54. </dl>
  55. <dl class="layui-nav-child">
  56. <dd><a href="javascript:refresh()">刷新系统缓存</a></dd>
  57. </dl>
  58. </li>
  59. </ul>
  60. </div>
  61. </div>
  62. <div class="layui-body">
  63. <iframe id="pageFrame" frameborder='0' scrolling='auto' style='width:100%;height:98%' src="/static/admin/default.html"></iframe>
  64. </div>
  65. <div class="layui-footer">
  66. <!-- 底部固定区域 -->
  67. Copyright © 2012-2024 南通小锋网络科技有限公司 版权所有
  68. </div>
  69. </div>
  70. <script src="/static/layui/layui.js"></script>
  71. <script src="/static/js/jquery.js"></script>
  72. <script th:inline="javascript">
  73. /*<![CDATA[*/
  74. layui.use(['element','laypage','form'], function(){
  75. var element = layui.element; //导航的hover效果、二级菜单等功能,需要依赖element模块
  76. var $ = layui.jquery; // 使用jquery
  77. var laypage = layui.laypage;
  78. });
  79. function openPage(page){
  80. $("#pageFrame").attr("src","/static/admin/"+page);
  81. }
  82. /*]]>*/
  83. </script>
  84. </body>
  85. </html>

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/article/detail/49990
推荐阅读
相关标签
  

闽ICP备14008679号