index.html 7.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143
  1. <!DOCTYPE html>
  2. <html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1.0"/>
  5. <title>tzx-blog</title>
  6. <!-- 引入自定义css -->
  7. <link rel="stylesheet" href="css/index.css"/>
  8. <!-- 引入bootstrap4,jquery需要在bootstrap4之前引入,popper.min.js 用于弹窗、提示、下拉菜单 -->
  9. <link rel="stylesheet" href="js/bootstrap.min.css"/>
  10. <script type="text/javascript" src="js/jQuery-1.11.0.min.js"></script>
  11. <script type="text/javascript" src="js/bootstrap.min.js"></script>
  12. <script type="text/javascript" src="js/popper.min.js"></script>
  13. <!-- 用以支持markdown语法 -->
  14. <script type="text/javascript" src="js/showdown.min.js"></script>
  15. </head>
  16. <body style="margin:0">
  17. <!-- 顶部导航栏 -->
  18. <nav class="navbar navbar-expand-sm bg-dark navbar-dark">
  19. <ul class="navbar-nav">
  20. <li class="nav-item active">
  21. <a class="nav-link" href="/tzxblog">首页</a>
  22. </li>
  23. <li class="nav-item">
  24. <a class="nav-link" href="/tzxblog/categories">分类</a>
  25. </li>
  26. <li class="nav-item">
  27. <a class="nav-link" href="/tzxblog/history">归档</a>
  28. </li>
  29. <li class="nav-item">
  30. <a class="nav-link" href="/tzxblog/about">关于</a>
  31. </li>
  32. <li class="nav-item">
  33. <a class="nav-link" href="/tzxblog/file">资料</a>
  34. </li>
  35. <li class="nav-item">
  36. <a class="nav-link" href="/tzxblog/bbs">论坛</a>
  37. </li>
  38. <li class="nav-item" th:if="${!islogin}">
  39. <a class="nav-link" href="/tzxblog/loginpage">登录</a>
  40. </li>
  41. <li class="nav-item" th:if="${!islogin}">
  42. <a class="nav-link" href="/tzxblog/registpage">注册</a>
  43. </li>
  44. <li class="nav-item" th:if="${islogin}">
  45. <a class="nav-link" href="/tzxblog/updateuser" th:text="'【 '+${logUser.userName}+' 】'">用户</a>
  46. </li>
  47. <li class="nav-item" th:if="${islogin}">
  48. <a class="nav-link" href="/tzxblog/logout">【注销】</a>
  49. </li>
  50. </ul>
  51. </nav>
  52. <div class="container-fluid">
  53. <div class="row ">
  54. <div class="col-md-12 column">
  55. <div class="row clearfix">
  56. <!-- 侧边栏 -->
  57. <div class="col-sm-2 col-md-2 bg-light column">
  58. <div class="header">
  59. <img src="images/z1.jpg" style="border-radius:75px;width:150px;height:150px" alt="some_text"></img>
  60. </div>
  61. <p><center><H1>Weavi's Database</H1></center></p>
  62. <p th:text="${curAdd}"></p>
  63. <hr/>
  64. &nbsp;&nbsp;&nbsp;&nbsp;<h6>访问量:<font th:text="${readCounts}"></font></h6>
  65. &nbsp;&nbsp;&nbsp;&nbsp;<h6>博客数:<font th:text="${blogCounts}"></font></h6>
  66. &nbsp;&nbsp;&nbsp;&nbsp;<h6>原创数:<font th:text="${myCounts}"></font></h6>
  67. &nbsp;&nbsp;&nbsp;&nbsp;<h6>转载数:<font th:text="${otherCounts}"></font></h6>
  68. <!-- &nbsp;&nbsp;&nbsp;&nbsp;<h6>评论数:<font th:text="${commentCounts}"></font></h6> -->
  69. <hr/>
  70. </div>
  71. <!-- 主区域 -->
  72. <div id="bloglist" class="col-sm-10 col-md-10 column" >
  73. <div class="title">
  74. <table th:each="blogInfo : ${blogList}">
  75. <a href="javascript:void(0)" class="blogTitle" th:onclick="'javascript:openblog('+${blogInfo.blogId}+')'"><tr><H3 th:text="${blogInfo.blogTitle}">this is my first blog</H3></tr></a>
  76. <tr >类型:</tr>
  77. <a ><tr th:text="${blogInfo.blogType}" ></tr></a>&nbsp;&nbsp;&nbsp;&nbsp;
  78. <tr >时间:</tr>
  79. <tr th:text="${blogInfo.blogDate}"></tr>&nbsp;&nbsp;&nbsp;&nbsp;
  80. <tr >阅读:</tr>
  81. <tr th:text="${blogInfo.blogReadCount}"></tr>&nbsp;&nbsp;&nbsp;&nbsp;
  82. <tr >评论:</tr>
  83. <a href="#"><tr th:text="${blogInfo.blogCommentCount}"></tr></a>&nbsp;&nbsp;&nbsp;&nbsp;
  84. <tr >作者:</tr>
  85. <a href="#"><tr th:text="${blogInfo.userinfo.userName}"></tr></a>
  86. <hr/>
  87. </table>
  88. </div>
  89. </div>
  90. <!--博客详情-->
  91. <div id="bloginfo" class="col-sm-10 col-md-10 column" style="display:none">
  92. <div class="title">
  93. <H3 id="blogTitle">this is my first blog</H3>
  94. <table >
  95. <tr>
  96. <td style="padding-right:0px">类型:</td>
  97. <td style="padding-left:0px;padding-right:16px"><a id="blogType" href="#"></a></td>
  98. <td >时间:</td>
  99. <td style="padding-left:0px;padding-right:16px" id="blogDate"></td>
  100. <td style="padding-right:0px">阅读:</td>
  101. <td style="padding-left:0px;padding-right:16px" id="blogReadCount"></td>
  102. <td style="padding-right:0px">评论:</td>
  103. <td style="padding-left:0px;padding-right:16px" id="blogCommentCount"></td>
  104. <td style="padding-right:0px">作者:</td>
  105. <td style="padding-left:0px;padding-right:16px"><a id="blogUser" href="#"></a></td>
  106. </tr>
  107. </table>
  108. </div>
  109. <hr/>
  110. <!--主要内容-->
  111. <div class="content1" id="curcontent" style="word-wrap:break-word;word-break:normal;width:85%">
  112. </div>
  113. <br/>
  114. <div class="comments">
  115. <p>发表评论:</p>
  116. <textarea style="width:85%" id="pushcomm"></textarea><br/>
  117. <button th:onclick="'pushcomment()'">发表评论</button>
  118. <p>评论列表:</p>
  119. <ul style="list-style:none;" id="commInfo">
  120. <!--<li style="line-height:2.5" th:text="${bloginfo}"><a-->
  121. <!--href="#"></a></li>-->
  122. <!--<li style="line-height:2.5" th:text="${data}"><a-->
  123. <!--href="#"></a></li>-->
  124. <!--<li style="line-height:2.5"><a href="#">这个一个评论测试</a></li>-->
  125. <!--<li style="line-height:2.5"><a href="#">这个一个评论测试发大水发沙发上发生的发顺丰</a></li>-->
  126. <!--<li style="line-height:2.5"><a href="#">大沙发啥地方撒旦法师打发斯蒂芬</a></li>-->
  127. <!--<li style="line-height:2.5"><a href="#">阿斯顿飞洒发大水发的说法</a></li>-->
  128. </ul>
  129. </div>
  130. <p>
  131. <a rel="nofollow" class="btn" href="#">查看更多 »</a>
  132. </p>
  133. </div>
  134. </div>
  135. </div>
  136. </div>
  137. </div>
  138. </body>
  139. </html>