index.html 6.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106
  1. <!DOCTYPE html>
  2. <html lang="zh-CN" xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">
  3. <head>
  4. <meta charset="utf-8"/>
  5. <title th:text="${page.title} + ' - ZhengCms'">标题 - ZhengCms</title>
  6. <meta name="keywords" content="关键字" th:content="${page.keywords}"/>
  7. <meta name="description" content="描述" th:content="${page.description}"/>
  8. <meta name="renderer" content="webkit"/>
  9. <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
  10. <meta name="viewport" content="width=device-width, initial-scale=1"/>
  11. <link rel="shortcut icon" href="../favicon.ico" th:href="@{${uiPath} + ${appName} + '/favicon.ico'}"/>
  12. <link rel="stylesheet" href="../css/bootstrap.min.css" th:href="@{${uiPath} + ${appName} + '/css/bootstrap.min.css'}"/>
  13. <!--[if lt IE 9]>
  14. <script src="../js/vendor/html5shiv.js" th:src="@{${uiPath} + ${appName} + '/js/vendor/html5shiv.js'}"></script>
  15. <script src="../js/vendor/respond.min.js" th:src="@{${uiPath} + ${appName} + '/js/vendor/respond.min.js'}"></script>
  16. <![endif]-->
  17. <script type="text/javascript">
  18. if (/msie [6|7|8]/i.test(navigator.userAgent)) {};
  19. </script>
  20. <link rel="stylesheet" href="../css/main.css" th:href="@{${uiPath} + ${appName} + '/css/main.css'}"/>
  21. </head>
  22. <body>
  23. <!-- .navbar -->
  24. <nav class="navbar navbar-inverse navbar-fixed-top"><!--navbar-inverse-->
  25. <div class="container">
  26. <!-- navbar-header -->
  27. <div class="navbar-header">
  28. <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#nav-menu">
  29. <span class="sr-only">切换菜单</span>
  30. <span class="icon-bar"></span>
  31. <span class="icon-bar"></span>
  32. <span class="icon-bar"></span>
  33. </button>
  34. <a class="navbar-brand" href="../index.html" th:href="@{/}" title="zhengCMS"><span id="logo-text-left">zheng</span><span id="logo-text-right">CMS</span></a>
  35. <p class="navbar-text hidden-sm">最简约的内容管理系统</p>
  36. </div>
  37. <!-- /.navbar-header -->
  38. <!-- navbar-collapse -->
  39. <div class="collapse navbar-collapse" id="nav-menu">
  40. <ul class="nav navbar-nav">
  41. <li th:each="menu : ${menus}" th:if="${menu.pid} == null"><a th:href="@{${menu.url}}" th:target="${menu.target}" th:text="${menu.name}">菜单</a></li>
  42. </ul>
  43. <ul class="nav navbar-right navbar-nav">
  44. <li class="dropdown">
  45. <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-search"></span></a>
  46. <ul class="dropdown-menu">
  47. <form id="search-form" class="form-inline">
  48. <div class="input-group">
  49. <input id="keywords" type="text" name="keywords" class="form-control" placeholder="搜索"/>
  50. <div class="input-group-btn">
  51. <button type="submit" class="btn btn-default"><span class="glyphicon glyphicon-search"></span></button>
  52. </div>
  53. </div>
  54. </form>
  55. </ul>
  56. </li>
  57. <li><a href="login.html">登录</a></li>
  58. <li><a href="reg.html">注册</a></li>
  59. <li id="messages" class="dropdown">
  60. <a href="#" class="dropdown-toggle" data-toggle="dropdown">
  61. <span class="glyphicon glyphicon-bell"></span>
  62. <span class="badge bg-important">5</span>
  63. </a>
  64. <ul class="dropdown-menu">
  65. <li><a href="home/letter.html"><span class="glyphicon glyphicon-envelope"></span> 我的私信(<span class="msg-txt">1</span>)</a></li>
  66. <li><a href="home/message.html"><span class="glyphicon glyphicon-volume-up"></span> 系统消息(<span class="msg-txt">4</span>)</a></li>
  67. </ul>
  68. </li>
  69. <li class="dropdown">
  70. <a href="#" class="dropdown-toggle" data-toggle="dropdown">
  71. <span class="glyphicon glyphicon-user"></span>
  72. <span class="caret"></span>
  73. </a>
  74. <ul class="dropdown-menu">
  75. <li><a href="home/index.html"><span class="glyphicon glyphicon-home"></span> 个人博客</a></li>
  76. <li><a href="home/question.html"><span class="glyphicon glyphicon-question-sign"></span> 我的提问</a></li>
  77. <li><a href="home/answer.html"><span class="glyphicon glyphicon-ok-sign"></span> 我的回答</a></li>
  78. <li><a href="home/collection.html"><span class="glyphicon glyphicon-star"></span> 我的收藏</a></li>
  79. <li class="divider"></li>
  80. <li><a href="setting/info.html"><span class="glyphicon glyphicon-cog"></span> 修改资料</a></li>
  81. <li><a href="setting/password.html"><span class="glyphicon glyphicon-lock"></span> 密码安全</a></li>
  82. <li><a href="logout.html"><span class="glyphicon glyphicon-log-out"></span> 安全退出</a></li>
  83. </ul>
  84. </li>
  85. </ul>
  86. </div>
  87. <!-- /.navbar-collapse -->
  88. </div>
  89. </nav>
  90. <!-- /.navbar -->
  91. <!-- .container -->
  92. <div class="container" style="padding-bottom:80px;">
  93. <h3 th:text="${page.title}">标题</h3>
  94. <div th:utext="${page.content}">内容</div>
  95. </div>
  96. <!-- /.container -->
  97. <!-- footer -->
  98. <footer class="container-fuild text-center" style="position:fixed;bottom:0;width:100%;background:#eee;padding:20px 0;">
  99. Copyright &copy; 2017 ZhangShuzheng All Rights Reserved
  100. </footer>
  101. <!-- /footer -->
  102. <script src="../js/jquery-1.11.2.min.js" th:src="@{${uiPath} + ${appName} + '/js/jquery-1.11.2.min.js'}"></script>
  103. <script src="../js/bootstrap.min.js" th:src="@{${uiPath} + ${appName} + '/js/bootstrap.min.js'}"></script>
  104. <script src="../js/main.js" th:src="@{${uiPath} + ${appName} + '/js/main.js'}"></script>
  105. </body>
  106. </html>