nelson
/
beeblog
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
Browse Source

博客详情修改

layui
mail_yanpeng@163.com 6 years ago
parent
a6dedef0a8
commit
a0acfc5316
6 changed files with 120 additions and 82 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      conf/app.conf
  2. 7
      main.go
  3. 3
      models/DataInit.go
  4. 81
      static/css/blog.css
  5. 2
      static/css/common.css
  6. 69
      views/blog.html

2
conf/app.conf
View File

@ -1,6 +1,6 @@
appname = beeblog appname = beeblog
runmode = prod runmode = dev
sessionon = true sessionon = true
sessiongcmaxlifetime = 36000 sessiongcmaxlifetime = 36000

7
main.go
View File

@ -4,6 +4,7 @@ import (
_ "beeblog/routers" _ "beeblog/routers"
"github.com/astaxie/beego" "github.com/astaxie/beego"
"beeblog/models" "beeblog/models"
"github.com/astaxie/beego/logs"
"github.com/astaxie/beego/orm" "github.com/astaxie/beego/orm"
"beeblog/filter" "beeblog/filter"
"github.com/astaxie/beego/plugins/cors" "github.com/astaxie/beego/plugins/cors"
@ -18,8 +19,10 @@ func main() {
orm.Debug = false orm.Debug = false
orm.RunSyncdb("default", false, true) orm.RunSyncdb("default", false, true)
beego.AddFuncMap("NAdd",NAdd) beego.AddFuncMap("NAdd",NAdd)
beego.SetLevel(beego.LevelInformational) //beego.SetLevel(beego.LevelInformational)
beego.SetLogger("file", `{"filename":"/opt/logs/aiprose.log"}`) //logs.LevelDebug
//beego.SetLogger("file", `{"filename":"/opt/logs/aiprose.log"}`)
logs.SetLogger(logs.AdapterFile, `{"filename":"test.log","level":3}`)
beego.InsertFilter("*", beego.BeforeRouter, cors.Allow(&cors.Options{ beego.InsertFilter("*", beego.BeforeRouter, cors.Allow(&cors.Options{
AllowAllOrigins: true, AllowAllOrigins: true,
AllowMethods: []string{"GET", "POST", "PUT", "DELETE", "OPTIONS"}, AllowMethods: []string{"GET", "POST", "PUT", "DELETE", "OPTIONS"},

3
models/DataInit.go
View File

@ -1,6 +1,7 @@
package models package models
import ( import (
"github.com/astaxie/beego"
//"github.com/Unknwon/com" //"github.com/Unknwon/com"
//"os" //"os"
//"path" //"path"
@ -24,5 +25,5 @@ func RegistDB() {
//orm.RegisterDataBase("default",_SQLITE3_DRIVER,_DB_NAME,10) //orm.RegisterDataBase("default",_SQLITE3_DRIVER,_DB_NAME,10)
orm.RegisterModel(new(User), new(Blog), new(NLabel), new(Note), new(NoteColl), new(Category), new(Like), new(Comment)) orm.RegisterModel(new(User), new(Blog), new(NLabel), new(Note), new(NoteColl), new(Category), new(Like), new(Comment))
orm.RegisterDataBase("default", "mysql", "root:booszy@tcp(127.0.0.1:3306)/beeblog?charset=utf8&loc=Local", 30) orm.RegisterDataBase("default", "mysql", "root:"+beego.AppConfig.String("dburl")+"/beeblog?charset=utf8&loc=Local", 30)
} }

81
static/css/blog.css
View File

@ -1,26 +1,80 @@
.blog-root{ .blog-root{
height: 100%; height: 100%;
margin: 50px 10% 0 350px; width: 68%;
margin: 40px auto;
} }
.blog-root .blog-title{
.blog-info{ margin: 60px 0 20px 0;
text-align: center; text-align: center
}
.blog-info em{
padding: 0 8px !important;
} }
.blog-user{ .blog-user{
position: fixed; position: fixed;
top: 60px; top: 60px;
left: 20px; left: 5px;
width: 300px; width: 100px;
height: 100%; height: 100%;
background-color: #f9f9f9; background-color: #f9f9f9;
} }
.blog-info .blog-author{
display: flex;
}
.blog-info .blog-author .author-headimg{
display: inline-block;
width: 48px;
height: 48px;
}
.blog-info .blog-author .blog-label{
flex: 1;
height: 28px;
line-height: 28px;
text-align: right;
padding-top: 20px;
}
.blog-info .blog-author .blog-label label{
color: #888;
border:1px dotted #aaa;
padding: 0 5px;
border-radius: 5px ;
}
.blog-info .blog-author .author-headimg .img-circle{
width: 48px !important;
height: 48px !important;
margin-top: 0px !important;
}
.blog-info .blog-author .author-info{
display: inline-block;
height: 48px !important;
vertical-align: bottom;
text-align: left;
margin-left: 5px;
}
.blog-info .blog-author .author-info a{
display: inline-block;
height: 28px;
line-height: 28px;
font-size: 16px;
}
.blog-info .blog-author .author-info span{
display: inline-block;
height: 20px;
line-height: 20px;
font-size: 12px;
color: #888;
padding-right: 8px;
}
.blog-info em{
padding: 0 8px !important;
}
.comms-root{ .comms-root{
margin: 50px 10% 0 350px; width: 68%;
margin: 0 auto;
} }
.comms-root a{ .comms-root a{
@ -30,3 +84,8 @@
img { img {
max-width: 100% !important; max-width: 100% !important;
} }
.blog-referral{
width: 65%;
margin: 40px auto;
}

2
static/css/common.css
View File

@ -1,6 +1,6 @@
body { body {
font-size: 14px !important; font-size: 14px !important;
background: #f5f7f9; background: #fff;
} }
.navbar-default{ .navbar-default{

69
views/blog.html
View File

@ -7,60 +7,24 @@
<body> <body>
<div class="root-container"> <div class="root-container">
{{template "nav" .}} {{template "nav" .}}
<div class="blog-user"> <div class="blog-root">
<div style="height: 50px;line-height: 50px"> <h1 class="blog-title">{{.Blog.Title}}</h1>
<div class="blog-info">
<div class="blog-author">
<div class="author-headimg">
<a href="/u/{{.Blog.User.Id}}"><img src="{{.Blog.User.Headimg}}" alt="头像" class="img-circle"></a> <a href="/u/{{.Blog.User.Id}}"><img src="{{.Blog.User.Headimg}}" alt="头像" class="img-circle"></a>
<a href="/u/{{.Blog.User.Id}}"
style="margin-left: 15px;font-size: 18px;text-decoration: none">{{.Blog.User.NickName}}</a>
</div>
<hr style="height:1px;border:none;border-top:1px solid #EEE;margin: 6px;"/>
<div style="display: flex;height: 30px;line-height: 30px;">
<div style="display: inline-block;width: 120px">
<span>文章: </span>
<span>{{.Blog.User.BlogCount}}</span>
</div>
<div style="display: inline-block;flex: 1">
<span>访问: </span>
<span>{{.Blog.User.BlogBrowes}}</span>
</div>
</div>
<div style="display: flex;height: 30px;line-height: 30px;">
<div style="display: inline-block;width: 120px">
<span>评论: </span>
<span>{{.Blog.User.BlogComment}}</span>
</div>
<div style="display: inline-block;flex: 1">
<span>喜欢: </span>
<span>{{.Blog.User.BlogLike}}</span>
</div> </div>
<div class="author-info">
<a href="/u/{{.Blog.User.Id}}">{{.Blog.User.NickName}}</a><br>
<span>{{.Blog.Ctime.Format "2006-01-02"}}</span><span>阅读 {{.Blog.Browses}}</span>
</div> </div>
<hr style="height:1px;border:none;border-top:1px solid #EEE;margin: 6px;"/> <div class="blog-label">
{{range .Top}}
<div>
<a href="/blog/{{.Id}}"><p
style="max-width:290px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">{{.Title}}</p>
</a>
</div>
{{end}}
</div>
<div class="blog-root">
<h1 style="text-align: center">{{.Blog.Title}}</h1>
<div class="blog-info">
{{if .IsLike}}
<span><img src="/static/img/liked.png" alt="" onclick="unlike({{.Blog.Id}})"></span>
{{else}}
<span><img src="/static/img/like.png" alt="" onclick="like({{.Blog.Id}})"></span>
{{end}}
<span><a href="/u/{{.Blog.User.Id}}">{{.Blog.User.NickName}}</a></span>
<span><em>时间:</em>{{.Blog.Ctime.Format "2006-01-02"}}</span>
<span><em>阅读数:</em>{{.Blog.Browses}}</span>
<div class="tag-group" style="display: inline-block">
{{range .Blog.Lables}} {{range .Blog.Lables}}
<label class='tag tag-info disabled'>{{.Title}}</label> <label>{{.Title}}</label>
{{end}} {{end}}
</div> </div>
</div> </div>
</div>
<div style="width: 100%"> <div style="width: 100%">
{{str2html .Blog.BlogHtml}} {{str2html .Blog.BlogHtml}}
</div> </div>
@ -99,6 +63,16 @@
<div style="margin-top: 50px"> <div style="margin-top: 50px">
{{template "footer"}} {{template "footer"}}
</div> </div>
<div class="blog-referral">
{{range .Top}}
<div>
<a href="/blog/{{.Id}}"><p
style="max-width:290px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">
{{.Title}}</p>
</a>
</div>
{{end}}
</div>
</div> </div>
</div> </div>
</div> </div>
@ -160,6 +134,7 @@
var s = document.getElementsByTagName("script")[1]; var s = document.getElementsByTagName("script")[1];
s.parentNode.insertBefore(qihuo, s); s.parentNode.insertBefore(qihuo, s);
}) })
function recomm(pid, flag) { function recomm(pid, flag) {
layer.prompt({title: '请输入评论内容', value: name, formType: 2}, function (val, index) { layer.prompt({title: '请输入评论内容', value: name, formType: 2}, function (val, index) {
if (val.trim().length < 3) { if (val.trim().length < 3) {

Write Preview
Loading…
Cancel
Save