beeblog/views/blogs.html

{{template "header" .}}
    <meta name="keywords" content="码农随笔,个人随笔,博客,个人博客,个人笔记,技术博客,免费云笔记,云笔记,随笔,IT博客,谷歌地图,码农笔录,aiprose">
    <title>博客列表 - 码农随笔</title>
</head>
<body>
<div class="root-container">
{{template "nav" .}}
    <div class="home-container">
        <div class="home-hearder">
            <div style="flex: 1">
                <span>
                    <select name="city" id="selCat" class="m-select">
                        <option value="-1">选择分类</option>
                    {{range .Cats}}
                        <option value="{{.Id}}">{{.Title}}</option>
                    {{end}}
                      </select>
                </span>
                <div class="layui-btn-group" style="display: inline-block;margin-top: -5px">
                    <button class="layui-btn layui-btn-sm {{if eq 0 .Flag}}active{{end}}"><a href="/blogs?num=1&flag=0&cat={{.Cat}}" >最新</a></button>
                    <button class="layui-btn layui-btn-sm {{if eq 1 .Flag}}active{{end}}"><a href="/blogs?num=1&flag=1&cat={{.Cat}}" >最热</a></button>
                </div>
            </div>
            <button type="button" onclick="window.open('/blog/new')" class="layui-btn layui-btn-radius layui-btn-danger layui-btn-sm " style="border-radius: 12px">
                写文章
            </button>
        </div>
        <div>
            <div class="home-content" style="min-height: 40px;line-height: 40px;color: #888">
                <div class="home-content-title cursor" style="font-size: 14px">
                    文章标题
                </div>
                <div style="display: inline-block;width: 300px">
                    <div class="home-content-desc">
                        <span style="width: 100px;font-size: 14px">类型</span>
                        <span style="width: 50px"> 用户</span>
                        <span style="flex: 1;font-size: 14px">浏览量</span>
                        <span style="min-width: 80px;font-size: 14px">日期</span>
                    </div>
                </div>
            </div>
            <hr style="border:none"/>
        </div>
    {{range .Page.List}}
        <div>
            <div class="home-content">
                <div class="home-content-title cursor">
                    <a href="/blog/{{.Id}}" target="_blank">{{.Title}}</a>
                </div>
                <div style="display: inline-block;width: 300px">
                    <div class="home-content-desc">
                        <span style="width: 100px;font-size: 12px">{{.CateName}}</span>
                        <span style="width: 50px;text-align: center">
                            <a href="/u/{{.UserId}}"><img src="{{.HeadImg}}" alt="头像" class="img-circle"></a>
                        </span>
                        <span style="flex: 1;font-size: 14px">{{.Browses}}</span>
                        <span style="min-width: 80px;font-size: 14px">{{.Ctime.Format "2006/01/02"}}</span>
                    </div>
                </div>
            </div>
        </div>
    {{end}}

        <div style="text-align: center">
            <nav>
                <div class="pagination pagination-lg">
                    <ul>
                    {{if .Page.FirstPage}}
                            {{else}}
                        <li class="prev">
                            <a href="/blogs?num={{ .Page.PageNo | NAdd -1}}&flag={{.Flag}}&cat={{.Cat}}">&laquo;</a>
                        </li>
                    {{end}}
                        <li class="active"><a href="javascript:void(0)">{{.Page.PageNo}}</a></li>
                    {{if .Page.LastPage}}
                            {{else}}
                        <li class="next">
                            <a href="/blogs?num={{ .Page.PageNo | NAdd +1}}&flag={{.Flag}}&cat={{.Cat}}">&raquo;</a>
                        </li>
                    {{end}}
                    </ul>
                </div>
            </nav>
        </div>

    </div>
    <div class="footer-container">
        {{template "footer"}}
    </div>
</div>
</body>
<script>
    $(function () {
        $("#selCat").val({{.Cat}})
        $("#selCat").change(function () {
            window.location.href = "/blogs?num=1&flag={{.Flag}}&cat=" + $("#selCat").val()
        })
    })
</script>
</html>
seo优化 6 anni fa			`{{template "header" .}}`
layui 版本 6 anni fa			`<meta name="keywords" content="码农随笔,个人随笔,博客,个人博客,个人笔记,技术博客,免费云笔记,云笔记,随笔,IT博客,谷歌地图,码农笔录,aiprose">`
			`<title>博客列表 - 码农随笔</title>`
地图完成 6 anni fa			`</head>`
			`<body>`
首页及详情页跳转 6 anni fa			`<div class="root-container">`
地图完成 6 anni fa			`{{template "nav" .}}`
首页及详情页跳转 6 anni fa			`<div class="home-container">`
			`<div class="home-hearder">`
			`<div style="flex: 1">`
sui3 6 anni fa			`<span>`
优化登录 & 详情页 6 anni fa			`<select name="city" id="selCat" class="m-select">`
layui 6 anni fa			`<option value="-1">选择分类</option>`
博客詳情 6 anni fa			`{{range .Cats}}`
阿里坑爹货&博客本地保存 6 anni fa			`<option value="{{.Id}}">{{.Title}}</option>`
			`{{end}}`
优化登录 & 详情页 6 anni fa			`</select>`
首页及详情页跳转 6 anni fa			`</span>`
优化登录 & 详情页 6 anni fa			`<div class="layui-btn-group" style="display: inline-block;margin-top: -5px">`
			`<button class="layui-btn layui-btn-sm {{if eq 0 .Flag}}active{{end}}"><a href="/blogs?num=1&flag=0&cat={{.Cat}}" >最新</a></button>`
			`<button class="layui-btn layui-btn-sm {{if eq 1 .Flag}}active{{end}}"><a href="/blogs?num=1&flag=1&cat={{.Cat}}" >最热</a></button>`
首页及详情页跳转 6 anni fa			`</div>`
			`</div>`
layui 版本 6 anni fa			`<button type="button" onclick="window.open('/blog/new')" class="layui-btn layui-btn-radius layui-btn-danger layui-btn-sm " style="border-radius: 12px">`
fengye 6 anni fa			`写文章`
			`</button>`
首页及详情页跳转 6 anni fa			`</div>`
			`<div>`
			`<div class="home-content" style="min-height: 40px;line-height: 40px;color: #888">`
			`<div class="home-content-title cursor" style="font-size: 14px">`
			`文章标题`
			`</div>`
优化登录 & 详情页 6 anni fa			`<div style="display: inline-block;width: 300px">`
首页及详情页跳转 6 anni fa			`<div class="home-content-desc">`
优化登录 & 详情页 6 anni fa			`<span style="width: 100px;font-size: 14px">类型</span>`
			`<span style="width: 50px"> 用户</span>`
			`<span style="flex: 1;font-size: 14px">浏览量</span>`
			`<span style="min-width: 80px;font-size: 14px">日期</span>`
首页及详情页跳转 6 anni fa			`</div>`
			`</div>`
			`</div>`
优化登录 & 详情页 6 anni fa			`<hr style="border:none"/>`
首页及详情页跳转 6 anni fa			`</div>`
日了狗的分页 6 anni fa			`{{range .Page.List}}`
首页及详情页跳转 6 anni fa			`<div>`
			`<div class="home-content">`
			`<div class="home-content-title cursor">`
sui3 6 anni fa			`<a href="/blog/{{.Id}}" target="_blank">{{.Title}}</a>`
首页及详情页跳转 6 anni fa			`</div>`
优化登录 & 详情页 6 anni fa			`<div style="display: inline-block;width: 300px">`
首页及详情页跳转 6 anni fa			`<div class="home-content-desc">`
优化登录 & 详情页 6 anni fa			`<span style="width: 100px;font-size: 12px">{{.CateName}}</span>`
			`<span style="width: 50px;text-align: center">`
			`<a href="/u/{{.UserId}}"><img src="{{.HeadImg}}" alt="头像" class="img-circle"></a>`
			`</span>`
			`<span style="flex: 1;font-size: 14px">{{.Browses}}</span>`
			`<span style="min-width: 80px;font-size: 14px">{{.Ctime.Format "2006/01/02"}}</span>`
首页及详情页跳转 6 anni fa			`</div>`
			`</div>`
			`</div>`
			`</div>`
fengye 6 anni fa			`{{end}}`
博客菜单 6 anni fa
fengye 6 anni fa			`<div style="text-align: center">`
			`<nav>`
			`<div class="pagination pagination-lg">`
			`<ul>`
日了狗的分页 6 anni fa			`{{if .Page.FirstPage}}`
			`{{else}}`
fengye 6 anni fa			`<li class="prev">`
日了狗的分页 6 anni fa			`<a href="/blogs?num={{ .Page.PageNo \| NAdd -1}}&flag={{.Flag}}&cat={{.Cat}}">«</a>`
fengye 6 anni fa			`</li>`
日了狗的分页 6 anni fa			`{{end}}`
			`<li class="active"><a href="javascript:void(0)">{{.Page.PageNo}}</a></li>`
			`{{if .Page.LastPage}}`
			`{{else}}`
fengye 6 anni fa			`<li class="next">`
日了狗的分页 6 anni fa			`<a href="/blogs?num={{ .Page.PageNo \| NAdd +1}}&flag={{.Flag}}&cat={{.Cat}}">»</a>`
fengye 6 anni fa			`</li>`
日了狗的分页 6 anni fa			`{{end}}`
fengye 6 anni fa			`</ul>`
			`</div>`
			`</nav>`
博客菜单 6 anni fa			`</div>`
底部备案信息&博客详情作者信息 6 anni fa
layui 6 anni fa			`</div>`
			`<div class="footer-container">`
			`{{template "footer"}}`
fengye 6 anni fa			`</div>`
			`</div>`
init 6 anni fa			`</body>`
首页查询跳转完成&补充提交footer 6 anni fa			`<script>`
			`$(function () {`
			`$("#selCat").val({{.Cat}})`
			`$("#selCat").change(function () {`
			`window.location.href = "/blogs?num=1&flag={{.Flag}}&cat=" + $("#selCat").val()`
			`})`
			`})`
			`</script>`
sui && filter 6 anni fa			`</html>`