<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%--
  Created by IntelliJ IDEA.
  User: njc
  Date: 2022/5/10
  Time: 18:53
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE HTML>
<html>
<head>
    <title>学无止尽</title>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <meta name="keywords" content="个人博客,纳进财个人博客,个人博客系统,老王博客">
    <meta name="description" content="Lao王博客系统，一个站在java开发之路上的草根程序员个人博客网站。">
    <link rel="Bookmark" href="favicon.ico">
    <link rel="Shortcut Icon" href="favicon.ico"/>
    <link rel="stylesheet" type="text/css"
          href="${pageContext.request.contextPath}/static/plugin/h-ui/css/H-ui.min.css"/>
    <link rel="stylesheet" type="text/css"
          href="${pageContext.request.contextPath}/static/plugin/Hui-iconfont/1.0.8/iconfont.min.css"/>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/css/common.css"/>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/plugin/pifu/pifu.css"/>
    <script type="application/x-javascript"> addEventListener("load", function () {
        setTimeout(hideURLbar, 0);
    }, false);

    function hideURLbar() {
        window.scrollTo(0, 1);
    }

    function showSide() {
        $('.navbar-nav').toggle();
    }</script>
</head>
<body>
<header class="navbar-wrapper">
    <div class="navbar navbar-fixed-top">
        <div class="container cl">
            <a class="navbar-logo hidden-xs" href="index.do">
                <img class="logo" src="${pageContext.request.contextPath}/static/img/logo.png" alt="Lao王博客"/>
            </a>
            <a class="logo navbar-logo-m visible-xs" href="index.do">Lao王博客</a>
            <a aria-hidden="false" class="nav-toggle Hui-iconfont visible-xs" href="javascript:void(0);"
               onclick="showSide();">&#xe667;</a>
            <nav class="nav navbar-nav nav-collapse w_menu" role="navigation">
                <ul class="cl">
                    <li><a href="index.do" data-hover="首页">首页</a></li>
                    <li><a href="about.jsp" data-hover="关于我">关于我</a></li>
                    <li><a href="mood.jsp" data-hover="碎言碎语">碎言碎语</a></li>
                    <li class="active"><a href="article.do" data-hover="学无止尽">学无止尽</a></li>
                    <li><a href="board.jsp" data-hover="留言板">留言板</a></li>
                </ul>
            </nav>
            <nav class="navbar-nav navbar-userbar hidden-xs hidden-sm " style="top: 0;">
                <ul class="cl">
                    <li class="userInfo dropDown dropDown_hover">
                        <a href="${pageContext.request.contextPath}/admin/main.jsp">后台入口</a>
                    </li>
                </ul>
            </nav>
        </div>
    </div>
</header>

<!--导航条-->
<nav class="breadcrumb">
    <div class="container">
        <i class="Hui-iconfont">&#xe67f;</i><a href="index.do" class="c-primary">首页</a>
        <span class="c-gray en">&gt;</span> <a href="article.do" class="c-primary">学无止尽</a>
        <span class="c-gray en">&gt;</span> <span class="c-gray"><i class="Hui-iconfont">&#xe64b;</i> nginx</span>
    </div>
</nav>

<section class="container">
    <!--left-->
    <div class="col-sm-9 col-md-9 mt-20">


        <!--article list-->
        <ul class="index_arc">
            <c:forEach items="${blogList}" var="blog">
<%--                <li class="index_arc_item">--%>
<%--                    <a href="#" class="pic">--%>
<%--                        <img class="lazyload" data-original="temp/art.jpg" alt="应该选"/>--%>
<%--                    </a>--%>
<%--                    <h4 class="title"><a--%>
<%--                            href="${pageContext.request.contextPath}/article_datali.do?id=${blog.id}">${blog.title}</a>--%>
<%--                    </h4>--%>
<%--                    <div class="date_hits">--%>
<%--                        <span>老王</span>--%>
<%--                        <span><fmt:formatDate value="${blog.releaseDate}" type="date" pattern="yyyy年MM月dd日"/></span>--%>
<%--                        <span><a href="/article-lists/10.jsp">${blog.blogType.typeName}</a></span>--%>
<%--                        <p class="hits"><i class="Hui-iconfont" title="点击量">&#xe6c1;</i>${blog.clickHit}</p>--%>
<%--                        <p class="commonts"><i class="Hui-iconfont" title="点击量">&#xe622;</i> <span--%>
<%--                                class="cy_cmt_count">${blog.replyHit}</span>--%>
<%--                        </p>--%>
<%--                    </div>--%>
<%--                    <div class="desc">--%>
<%--                            ${blog.summary}--%>
<%--                    </div>--%>
<%--                </li>--%>

                <li class="index_arc_item no_pic">
                    <h4 class="title"><a
                            href="${pageContext.request.contextPath}/article_datali.do?id=${blog.id}">${blog.title}</a>
                    </h4>
                    <div class="date_hits">
                        <span>老王</span>
                        <span><fmt:formatDate value="${blog.releaseDate}" type="date" pattern="yyyy年MM月dd日"/></span>
                        <span><a href="/article-lists/10.jsp">${blog.blogType.typeName}</a></span>
                        <p class="hits"><i class="Hui-iconfont" title="点击量">&#xe6c1;</i>${blog.clickHit}</p>
                        <p class="commonts"><i class="Hui-iconfont" title="点击量">&#xe622;</i> <span id="sourceId::105"
                                                                                                   class="cy_cmt_count">${blog.replyHit}</span>
                        </p>
                    </div>
                    <div class="desc">
                            ${blog.summary}
                    </div>
                </li>
            </c:forEach>
        </ul>
        <div class="text-c mb-20" id="moreBlog">
            ${pageCode}
        </div>
    </div>

    <!--right-->
    <div class="col-sm-3 col-md-3 mt-20">

        <!--导航-->
        <div class="panel panel-primary mb-20">
            <div class="panel-body">
                <input class="btn btn-primary radius nav-btn" type="button" value="杂谈">
                <input class="btn btn-primary-outline radius nav-btn" type="button" value="java">
                <input class="btn btn-primary-outline radius nav-btn" type="button" value="框架">
                <input class="btn btn-primary-outline radius nav-btn" type="button" value="服务域名">
            </div>
        </div>

        <!--热门推荐-->
        <div class="bg-fff box-shadow radius mb-20">
            <div class="tab-category">
                <a href=""><strong>热门推荐</strong></a>
            </div>
            <div class="tab-category-item">
                <ul class="index_recd">
                    <li>
                        <a href="#">阻止a标签href默认跳转事件</a>
                        <p class="hits"><i class="Hui-iconfont" title="点击量">&#xe6c1;</i> 276° </p>
                    </li>
                    <li>
                        <a href="#">PHP面试题汇总</a>
                        <p class="hits"><i class="Hui-iconfont" title="点击量">&#xe6c1;</i> 276° </p>
                    </li>
                    <li>
                        <a href="#">阻止a标签href默认跳转事件</a>
                        <p class="hits"><i class="Hui-iconfont" title="点击量">&#xe6c1;</i> 276° </p>
                    </li>
                    <li>
                        <a href="#">阻止a标签href默认跳转事件</a>
                        <p class="hits"><i class="Hui-iconfont" title="点击量">&#xe6c1;</i> 276° </p>
                    </li>
                    <li>
                        <a href="#">PHP面试题汇总</a>
                        <p class="hits"><i class="Hui-iconfont" title="点击量">&#xe6c1;</i> 276° </p>
                    </li>
                </ul>
            </div>
        </div>

        <!--标签-->
        <div class="bg-fff box-shadow radius mb-20">
            <div class="tab-category">
                <a href=""><strong>标签云</strong></a>
            </div>
            <div class="tab-category-item">
                <div class="tags"><a href="http://www.h-ui.net/">H-ui前端框架</a> <a
                        href="http://www.h-ui.net/websafecolors.shtml">Web安全色</a> <a
                        href="http://www.h-ui.net/Hui-4.4-Unslider.shtml">jQuery轮播插件</a> <a
                        href="http://idc.likejianzhan.com/vhost/korea_hosting.php">韩国云虚拟主机</a> <a
                        href="http://www.h-ui.net/bug.shtml">IEbug</a> <a
                        href="http://www.h-ui.net/site.shtml">IT网址导航</a> <a href="http://www.h-ui.net/icon/index.shtml">网站常用小图标</a>
                    <a href="http://www.h-ui.net/tools/jsformat.shtml">web工具箱</a> <a
                            href="http://www.h-ui.net/bg/index.shtml">网站常用背景素材</a> <a
                            href="http://www.h-ui.net/yuedu/chm.shtml">H-ui阅读</a> <a
                            href="http://www.h-ui.net/easydialog-v2.0/index.html">弹出层插件</a> <a
                            href="http://www.h-ui.net/SuperSlide2.1/demo.html">SuperSlide插件</a> <a
                            href="http://www.h-ui.net/TouchSlide1.1/demo.html">TouchSlide</a></div>
            </div>
        </div>
    </div>

</section>
<footer class="footer mt-20">
    <div class="container-fluid" id="foot">
        <p>Copyright &copy; 2017-2022 www.ftebox.cn <br>
            <a href="#" target="_blank">基于SSM框架实现的个人博客系统</a>
        </p>
    </div>
</footer>
<script type="text/javascript"
        src="${pageContext.request.contextPath}/static/plugin/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/plugin/layer/3.0/layer.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/plugin/h-ui/js/H-ui.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/plugin/pifu/pifu.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/js/common.js"></script>
<script> $(function () {
    $(window).on("scroll", backToTopFun);
    backToTopFun();
}); </script>
<script>
    $(function () {
//标签
        $(".tags a").each(function () {
            var x = 9;
            var y = 0;
            var rand = parseInt(Math.random() * (x - y + 1) + y);
            $(this).addClass("tags" + rand)
        });

        $("img.lazyload").lazyload({failurelimit: 3});
    });

</script>
</body>
</html>
