123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143 |
- <!DOCTYPE html>
- <html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
- <head>
- <meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1.0"/>
- <title>tzx-blog</title>
- <!-- 引入自定义css -->
- <link rel="stylesheet" href="css/index.css"/>
- <!-- 引入bootstrap4,jquery需要在bootstrap4之前引入,popper.min.js 用于弹窗、提示、下拉菜单 -->
- <link rel="stylesheet" href="js/bootstrap.min.css"/>
- <script type="text/javascript" src="js/jQuery-1.11.0.min.js"></script>
- <script type="text/javascript" src="js/bootstrap.min.js"></script>
- <script type="text/javascript" src="js/popper.min.js"></script>
- <!-- 用以支持markdown语法 -->
- <script type="text/javascript" src="js/showdown.min.js"></script>
- </head>
- <body style="margin:0">
- <!-- 顶部导航栏 -->
- <nav class="navbar navbar-expand-sm bg-dark navbar-dark">
- <ul class="navbar-nav">
- <li class="nav-item active">
- <a class="nav-link" href="/tzxblog">首页</a>
- </li>
- <li class="nav-item">
- <a class="nav-link" href="/tzxblog/categories">分类</a>
- </li>
- <li class="nav-item">
- <a class="nav-link" href="/tzxblog/history">归档</a>
- </li>
- <li class="nav-item">
- <a class="nav-link" href="/tzxblog/about">关于</a>
- </li>
- <li class="nav-item">
- <a class="nav-link" href="/tzxblog/file">资料</a>
- </li>
- <li class="nav-item">
- <a class="nav-link" href="/tzxblog/bbs">论坛</a>
- </li>
- <li class="nav-item" th:if="${!islogin}">
- <a class="nav-link" href="/tzxblog/loginpage">登录</a>
- </li>
- <li class="nav-item" th:if="${!islogin}">
- <a class="nav-link" href="/tzxblog/registpage">注册</a>
- </li>
- <li class="nav-item" th:if="${islogin}">
- <a class="nav-link" href="/tzxblog/updateuser" th:text="'【 '+${logUser.userName}+' 】'">用户</a>
- </li>
- <li class="nav-item" th:if="${islogin}">
- <a class="nav-link" href="/tzxblog/logout">【注销】</a>
- </li>
- </ul>
- </nav>
- <div class="container-fluid">
- <div class="row ">
- <div class="col-md-12 column">
- <div class="row clearfix">
- <!-- 侧边栏 -->
- <div class="col-sm-2 col-md-2 bg-light column">
- <div class="header">
- <img src="images/z1.jpg" style="border-radius:75px;width:150px;height:150px" alt="some_text"></img>
- </div>
- <p><center><H1>Weavi's Database</H1></center></p>
- <p th:text="${curAdd}"></p>
- <hr/>
- <h6>访问量:<font th:text="${readCounts}"></font></h6>
- <h6>博客数:<font th:text="${blogCounts}"></font></h6>
- <h6>原创数:<font th:text="${myCounts}"></font></h6>
- <h6>转载数:<font th:text="${otherCounts}"></font></h6>
- <!-- <h6>评论数:<font th:text="${commentCounts}"></font></h6> -->
- <hr/>
- </div>
- <!-- 主区域 -->
- <div id="bloglist" class="col-sm-10 col-md-10 column" >
- <div class="title">
- <table th:each="blogInfo : ${blogList}">
- <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>
- <tr >类型:</tr>
- <a ><tr th:text="${blogInfo.blogType}" ></tr></a>
- <tr >时间:</tr>
- <tr th:text="${blogInfo.blogDate}"></tr>
- <tr >阅读:</tr>
- <tr th:text="${blogInfo.blogReadCount}"></tr>
- <tr >评论:</tr>
- <a href="#"><tr th:text="${blogInfo.blogCommentCount}"></tr></a>
- <tr >作者:</tr>
- <a href="#"><tr th:text="${blogInfo.userinfo.userName}"></tr></a>
- <hr/>
- </table>
- </div>
- </div>
- <!--博客详情-->
- <div id="bloginfo" class="col-sm-10 col-md-10 column" style="display:none">
- <div class="title">
- <H3 id="blogTitle">this is my first blog</H3>
- <table >
- <tr>
- <td style="padding-right:0px">类型:</td>
- <td style="padding-left:0px;padding-right:16px"><a id="blogType" href="#"></a></td>
- <td >时间:</td>
- <td style="padding-left:0px;padding-right:16px" id="blogDate"></td>
- <td style="padding-right:0px">阅读:</td>
- <td style="padding-left:0px;padding-right:16px" id="blogReadCount"></td>
- <td style="padding-right:0px">评论:</td>
- <td style="padding-left:0px;padding-right:16px" id="blogCommentCount"></td>
- <td style="padding-right:0px">作者:</td>
- <td style="padding-left:0px;padding-right:16px"><a id="blogUser" href="#"></a></td>
- </tr>
- </table>
- </div>
- <hr/>
- <!--主要内容-->
- <div class="content1" id="curcontent" style="word-wrap:break-word;word-break:normal;width:85%">
- </div>
- <br/>
- <div class="comments">
- <p>发表评论:</p>
- <textarea style="width:85%" id="pushcomm"></textarea><br/>
- <button th:onclick="'pushcomment()'">发表评论</button>
- <p>评论列表:</p>
- <ul style="list-style:none;" id="commInfo">
- <!--<li style="line-height:2.5" th:text="${bloginfo}"><a-->
- <!--href="#"></a></li>-->
- <!--<li style="line-height:2.5" th:text="${data}"><a-->
- <!--href="#"></a></li>-->
- <!--<li style="line-height:2.5"><a href="#">这个一个评论测试</a></li>-->
- <!--<li style="line-height:2.5"><a href="#">这个一个评论测试发大水发沙发上发生的发顺丰</a></li>-->
- <!--<li style="line-height:2.5"><a href="#">大沙发啥地方撒旦法师打发斯蒂芬</a></li>-->
- <!--<li style="line-height:2.5"><a href="#">阿斯顿飞洒发大水发的说法</a></li>-->
- </ul>
- </div>
- <p>
- <a rel="nofollow" class="btn" href="#">查看更多 »</a>
- </p>
- </div>
- </div>
- </div>
- </div>
- </div>
- </body>
- </html>
|