<!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/>
                    &nbsp;&nbsp;&nbsp;&nbsp;<h6>访问量：<font th:text="${readCounts}"></font></h6>
                    &nbsp;&nbsp;&nbsp;&nbsp;<h6>博客数：<font th:text="${blogCounts}"></font></h6>
                    &nbsp;&nbsp;&nbsp;&nbsp;<h6>原创数：<font th:text="${myCounts}"></font></h6>
                    &nbsp;&nbsp;&nbsp;&nbsp;<h6>转载数：<font th:text="${otherCounts}"></font></h6>
                    <!-- &nbsp;&nbsp;&nbsp;&nbsp;<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>&nbsp;&nbsp;&nbsp;&nbsp;
                            <tr >时间：</tr>
                            <tr th:text="${blogInfo.blogDate}"></tr>&nbsp;&nbsp;&nbsp;&nbsp;
                            <tr >阅读：</tr>
                            <tr th:text="${blogInfo.blogReadCount}"></tr>&nbsp;&nbsp;&nbsp;&nbsp;
                            <tr >评论：</tr>
                            <a href="#"><tr th:text="${blogInfo.blogCommentCount}"></tr></a>&nbsp;&nbsp;&nbsp;&nbsp;
                            <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>