zhangchao/go_blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add post list

Browse Source
This commit is contained in:
张超
2024-08-02 21:47:22 +08:00
parent 4a447041e9
commit e974da8adb
2 changed files with 106 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
main.go
View File

@@ -51,7 +51,7 @@ func main() {
func registerRoutes(r *gin.Engine) {
var items []models.Content
models.DB.Select("*").Find(&items)
models.DB.Select("*").Limit(5).Find(&items, "type = ?", "post")
r.GET("/", func(c *gin.Context) {
c.HTML(http.StatusOK, "index.tmpl", gin.H{
"Items": items,

113
templates/index.tmpl
View File

@@ -4,20 +4,115 @@
<title>My Blog</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style type="text/css">
.container {
width: 1170px;
margin: 0 auto;
}
.post-row {
width: 75%;
float: left;
display: block;
}
.sidebar {
float: left;
width: 25%;
}
.header {
}
</style>
</head>
<body>
<h1>Welcome to my blog!</h1>
<p>This is a simple blog written using Go and Gin framework.</p>
<a href="/page/1">Go语言入门</a><br>
<a href="/page/2">Gin框架入门</a><br>
<a href="/page/3">Web开发基础</a><br>
<ul>
<div class="header">
<div class="layui-main">
<h1>Welcome to my blog!</h1> <a class="logo" href="https://www.hanxiaonuan.cn/">韩小暖的博客</a>
</div>
<div>
<p><a href="/page/1">Go语言入门</a>
<a href="/page/2">Gin框架入门</a>
<a href="/page/3">Web开发基础</a></p>
</div>
</div>
<div class="container">
<div class="post-row">
{{ range .Items }}
<li>Title: {{ .Title }}, Slug: {{ .Slug }}</li>
<li>Created: {{ .Created }}, Text: {{ .Text }}</li>
<div><a href="/post/{{ .Cid }}">
<h1>Title: {{ .Title }}</h1></a><p> Slug: {{ .Slug }}</p>
<p>Text: {{ .Text }}</p>
<div>Created: {{ .Created }},</div>
</div>
{{ end }}
</ul>
</div>
<div class="sidebar">
<div class="sidebar layui-col-md3 layui-col-lg3">
<div class="column">
<h3 class="title-sidebar"><i class="layui-icon"></i> 博客信息</h3>
<div class="personal-information">
<div class="user">
<img src="https://www.hanxiaonuan.cn/usr/uploads/2021/07/3991382612.jpg" alt="韩小暖的博客的头像" class="rounded-circle avatar">
<div class="p-2">
<a class="user-name" target="_blank" href="https://www.hanxiaonuan.cn/">
韩小暖的博客</a>
<p class="introduction mt-1">这里是小暖的日常记录，欢迎！</p>
</div>
</div>
</div>
</div>
<div class="component">
<form class="layui-form" id="search" method="post" action="https://www.hanxiaonuan.cn/" role="search">
<div class="layui-inline input">
<input type="text" id="s" name="s" class="layui-input" required="" lay-verify="required" placeholder="输入关键字搜索">
</div>
<div class="layui-inline">
<button class="layui-btn layui-btn-sm layui-btn-primary"><i class="layui-icon"></i></button>
</div>
</form>
</div>
<div class="column">
<h3 class="title-sidebar"><i class="layui-icon"></i> 栏目分类</h3>
<ul class="layui-row layui-col-space5">
<li class="layui-col-md12 layui-col-xs6"><a href="https://www.hanxiaonuan.cn/category/default/"><i class="layui-icon"></i> 默认分类<span class="layui-badge layui-bg-gray">12</span></a></li><li class="layui-col-md12 layui-col-xs6"><a href="https://www.hanxiaonuan.cn/category/zc/"><i class="layui-icon"></i> 日常随想<span class="layui-badge layui-bg-gray">2</span></a></li><li class="layui-col-md12 layui-col-xs6"><a href="https://www.hanxiaonuan.cn/category/%E5%85%B3%E4%BA%8E%E6%88%BF%E5%AD%90/"><i class="layui-icon"></i> 关于房子<span class="layui-badge layui-bg-gray">1</span></a></li><li class="layui-col-md12 layui-col-xs6"><a href="https://www.hanxiaonuan.cn/category/%E5%B7%A5%E4%BD%9C%E6%97%A5%E5%BF%97/"><i class="layui-icon"></i> 工作日志<span class="layui-badge layui-bg-gray">0</span></a></li> </ul>
</div>
<div class="tags">
<h3 class="title-sidebar"><i class="layui-icon"></i>标签云</h3>
<div>
<a class="layui-btn layui-btn-xs layui-btn-primary" style="color: rgb(231, 229, 26)" href="https://www.hanxiaonuan.cn/tag/%E5%B0%8F%E6%9A%96/" title="小暖">小暖</a>
<a class="layui-btn layui-btn-xs layui-btn-primary" style="color: rgb(125, 196, 207)" href="https://www.hanxiaonuan.cn/tag/%E6%84%9F%E6%82%9F/" title="感悟">感悟</a>
</div>
</div>
<div class="tags">
<h3 class="title-sidebar"><i class="layui-icon"></i>系统</h3>
<div>
<li class="last"><a href="https://www.hanxiaonuan.cn/admin/">进入后台 (admin)</a></li>
<li><a href="https://www.hanxiaonuan.cn/action/logout?_=5b09b0e1048bbd45bdddc56fc43667b2">退出</a></li>
</div>
</div>
</div>
</div>
</div>
</body>
</html>