add post page

This commit is contained in:
张超
2024-08-05 17:19:23 +08:00
parent e974da8adb
commit bfa17eaf13
6 changed files with 125 additions and 151 deletions

20
main.go
View File

@@ -6,6 +6,7 @@ import (
"go_blog/controllers" "go_blog/controllers"
"go_blog/models" "go_blog/models"
"net/http" "net/http"
"strconv"
"github.com/gin-gonic/gin" "github.com/gin-gonic/gin"
) )
@@ -60,15 +61,17 @@ func registerRoutes(r *gin.Engine) {
r.GET("/createcontent", func(c *gin.Context) { r.GET("/createcontent", func(c *gin.Context) {
c.HTML(http.StatusOK, "content.tmpl", nil) c.HTML(http.StatusOK, "content.tmpl", nil)
}) })
user := getUserInfo()
r.GET("/page/:id", func(c *gin.Context) {
id := c.Param("id")
c.HTML(http.StatusOK, "page"+id+".tmpl", map[string]interface{}{
"title": "这个是titile,传入templates中的",
"user": getUserInfo,
})
})
r.GET("/post/:id", func(c *gin.Context) {
id, err := strconv.ParseInt(c.Param("id"), 10, 32)
if err != nil {
return
}
var content = models.Content{Cid: int32(id)}
models.DB.First(&content)
c.HTML(http.StatusOK, "post.tmpl", content)
})
user := getUserInfo()
r.GET("/login", func(c *gin.Context) { r.GET("/login", func(c *gin.Context) {
c.HTML(200, "login.tmpl", map[string]interface{}{ c.HTML(200, "login.tmpl", map[string]interface{}{
"title": "这个是titile,传入templates中的", "title": "这个是titile,传入templates中的",
@@ -77,7 +80,6 @@ func registerRoutes(r *gin.Engine) {
}) })
r.GET("/ws", controllers.WebSocketHandler) r.GET("/ws", controllers.WebSocketHandler)
r.POST("/content", controllers.CreateContentHandler) r.POST("/content", controllers.CreateContentHandler)
r.POST("/login", controllers.UsersLoginHandler) r.POST("/login", controllers.UsersLoginHandler)
} }

View File

@@ -9,63 +9,57 @@
width: 1170px; width: 1170px;
margin: 0 auto; margin: 0 auto;
} }
.post-row {
.post-list {
width: 75%; width: 75%;
float: left; float: left;
display: block; display: block;
} }
.sidebar { .sidebar {
float: left; float: left;
width: 25%; width: 25%;
} }
.header {
} .header {}
</style> </style>
</head> </head>
<body> <body>
<div class="header"> <div class="header">
<div class="layui-main"> <div class="layui-main">
<h1>Welcome to my blog!</h1> <a class="logo" href="https://www.hanxiaonuan.cn/">韩小暖的博客</a> <h1>Welcome to my blog!</h1> <a class="logo" href="https://www.hanxiaonuan.cn/">韩小暖的博客</a>
</div> </div>
<div> <div>
<p><a href="/page/1">Go语言入门</a> <p><a href="/page/1">Go语言入门</a>
<a href="/page/2">Gin框架入门</a> <a href="/page/2">Gin框架入门</a>
<a href="/page/3">Web开发基础</a></p> <a href="/page/3">Web开发基础</a></p>
</div> </div>
</div> </div>
<div class="container"> <div class="container">
<div class="post-row"> <div class="post-list">
{{ range .Items }} {{ range .Items }}
<div><a href="/post/{{ .Cid }}"> <div><a href="/post/{{ .Cid }}">
<h1>Title: {{ .Title }}</h1></a><p> Slug: {{ .Slug }}</p> <h1>Title: {{ .Title }}</h1>
</a>
<p> Slug: {{ .Slug }}</p>
<p>Text: {{ .Text }}</p> <p>Text: {{ .Text }}</p>
<div>Created: {{ .Created }},</div> <div>Created: {{ .Created }},</div>
</div> </div>
{{ end }} {{ end }}
</div> </div>
<div class="sidebar"> <div class="sidebar">
<div class="sidebar layui-col-md3 layui-col-lg3"> <div class="sidebar layui-col-md3 layui-col-lg3">
<div class="column"> <div class="column">
<h3 class="title-sidebar"><i class="layui-icon"></i> 博客信息</h3> <h3 class="title-sidebar"><i class="layui-icon"></i> 博客信息</h3>
<div class="personal-information"> <div class="personal-information">
<div class="user"> <div class="user">
<img src="https://www.hanxiaonuan.cn/usr/uploads/2021/07/3991382612.jpg" alt="韩小暖的博客的头像" class="rounded-circle avatar"> <img src="https://www.hanxiaonuan.cn/usr/uploads/2021/07/3991382612.jpg" alt="韩小暖的博客的头像"
class="rounded-circle avatar">
<div class="p-2"> <div class="p-2">
<a class="user-name" target="_blank" href="https://www.hanxiaonuan.cn/"> <a class="user-name" target="_blank" href="https://www.hanxiaonuan.cn/">
韩小暖的博客</a> 韩小暖的博客</a>
@@ -75,25 +69,44 @@
</div> </div>
</div> </div>
<div class="component"> <div class="component">
<form class="layui-form" id="search" method="post" action="https://www.hanxiaonuan.cn/" role="search"> <form class="layui-form" id="search" method="post" action="https://www.hanxiaonuan.cn/"
role="search">
<div class="layui-inline input"> <div class="layui-inline input">
<input type="text" id="s" name="s" class="layui-input" required="" lay-verify="required" placeholder="输入关键字搜索"> <input type="text" id="s" name="s" class="layui-input" required="" lay-verify="required"
placeholder="输入关键字搜索">
</div> </div>
<div class="layui-inline"> <div class="layui-inline">
<button class="layui-btn layui-btn-sm layui-btn-primary"><i class="layui-icon"></i></button> <button class="layui-btn layui-btn-sm layui-btn-primary"><i
class="layui-icon"></i></button>
</div> </div>
</form> </form>
</div> </div>
<div class="column"> <div class="column">
<h3 class="title-sidebar"><i class="layui-icon"></i> 栏目分类</h3> <h3 class="title-sidebar"><i class="layui-icon"></i> 栏目分类</h3>
<ul class="layui-row layui-col-space5"> <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> <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>
<div class="tags"> <div class="tags">
<h3 class="title-sidebar"><i class="layui-icon"></i>标签云</h3> <h3 class="title-sidebar"><i class="layui-icon"></i>标签云</h3>
<div> <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(231, 229, 26)"
<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> 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> </div>
@@ -101,18 +114,13 @@
<h3 class="title-sidebar"><i class="layui-icon"></i>系统</h3> <h3 class="title-sidebar"><i class="layui-icon"></i>系统</h3>
<div> <div>
<li class="last"><a href="https://www.hanxiaonuan.cn/admin/">进入后台 (admin)</a></li> <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> <li><a href="https://www.hanxiaonuan.cn/action/logout?_=5b09b0e1048bbd45bdddc56fc43667b2">退出</a>
</li>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</body> </body>
</html> </html>

View File

@@ -1,12 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>Page 2copy</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<h1>Page 2</h1>
<p>This is the content of page 2.这个是page2的copy版本</p>
</body>
</html>

View File

@@ -1,12 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>Page 2</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<h1>Page 2</h1>
<p>This is the content of page 2.再加几个汉字</p>
</body>
</html>

View File

@@ -1,12 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>Page 3</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<h1>Page 3</h1>
<p>This is the content of page 3.</p>
</body>
</html>

View File

@@ -8,8 +8,8 @@
<body> <body>
<h1>Page 1</h1> <h1>Page 1</h1>
<p>This is the content of page 1.</p> <p>This is the content of page 1.</p>
<h1>{{.title}}</h1> <h1>{{.Title}}</h1>
<h2>{{.user.Name}}</h2> <h2>{{.Slug}}</h2>
<h3>{{.user.Age}}</h3> <h3>{{.Text}}</h3>
</body> </body>
</html> </html>