【小雞創(chuàng)作】beego開(kāi)發(fā)輕博客
本章目標(biāo)：bee run 能夠讓項(xiàng)目正常運(yùn)行！
github: 打開(kāi)后榆鼠，點(diǎn)擊右上角star按鈕
視頻教程: B站地址
修改views目錄下的文件,抽離頁(yè)面公共部分凰兑。
-
liteblog-->views 目錄下新增comm目錄，并新增link.html 如圖：
comm-->link.html
<link rel="stylesheet" href="/static/layui/css/layui.css">
<link rel="stylesheet" href="/static/css/mian.css">
- 修改 項(xiàng)目目錄views 下的文件
| 文件 |
|---|
| error-->404.html |
| index.html |
| about.html |
| comment.html |
| details.html |
| message.html |
<head>
<meta charset="UTF-8">
<title>閑言輕博客</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/static/layui/css/layui.css">
<link rel="stylesheet" href="/static/css/mian.css">
</head>
改成
<head>
<meta charset="UTF-8">
<title>評(píng)論-閑言輕博客</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
{{template "comm/link.html"}}
</head>
- {{templage "xxxx"}} 用于嵌入靜態(tài)頁(yè)面(無(wú)變量)蛇摸。
- {{templage "xxxx" .}} 注意后面有個(gè)“.” 匿值，有“.” 子模板才能獲得父模板的變量
- 和 【2】 差不多，在comm目錄下新增 header.html和footer.html边酒。
header.html的代碼:
<div class="header">
<div class="header-wrap">
<h1 class="logo pull-left">
<a href="index.html">
<img src="/static/images/logo.png" alt="" class="logo-img">
<img src="/static/images/logo-text.png" alt="" class="logo-text">
</a>
</h1>
<form class="layui-form blog-seach pull-left" action="">
<div class="layui-form-item blog-sewrap">
<div class="layui-input-block blog-sebox">
<i class="layui-icon layui-icon-search"></i>
<input type="text" name="title" lay-verify="title" autocomplete="off" class="layui-input">
</div>
</div>
</form>
<div class="blog-nav pull-right">
<ul class="layui-nav pull-left">
<li class="layui-nav-item"><a href="index.html">首頁(yè)</a></li>
<li class="layui-nav-item"><a href="message.html">留言</a></li>
<li class="layui-nav-item layui-this"><a href="about.html">關(guān)于</a></li>
</ul>
<a href="#" class="personal pull-left">
<i class="layui-icon layui-icon-username"></i>
</a>
</div>
<div class="mobile-nav pull-right" id="mobile-nav">
<a href="javascript:;">
<i class="layui-icon layui-icon-more"></i>
</a>
</div>
</div>
<ul class="pop-nav" id="pop-nav">
<li><a href="/">首頁(yè)</a></li>
<li><a href="/message">留言</a></li>
<li><a href="/about">關(guān)于</a></li>
</ul>
</div>
footer.html的代碼：
<div class="footer">
<p>
<span>© 2018</span>
<span><a target="_blank">layui.com</a></span>
<span>MIT license</span>
</p>
<p><span>人生就是一場(chǎng)修行</span></p>
</div>
<script src="static/layui/layui.js"></script>
<script>
layui.config({
base: '/static/js/'
}).use('blog');
</script>
修改下面的文件
| 文件 | |
|---|---|
| error-->404.html | |
| index.html | |
| about.html | |
| comment.html | |
| details.html | |
| message.html |
-
修改頁(yè)面message.html !
{{ .Data}} golang模版變量輸出必須是以.開(kāi)頭
{{method arg0 arg1}} golang模版調(diào)用函數(shù)的方式
修改 controllers/object.go
func (c *IndexController) Get() {
c.Data["Website"] = "beego.me"
c.Data["Email"] = "astaxie@gmail.com"
c.TplName = "index.tpl"
}
改成：
func (c *IndexController) Get() {
c.TplName = "index.html"
}
c.TplName是beego定義的變量经柴，用來(lái)指定渲染模版的文件路徑，beego默認(rèn)所有的模版都在views目錄下墩朦，直接寫(xiě)相對(duì)于views的模版路徑即可坯认。
目前，用命令行切換到liteblog目錄下介杆，運(yùn)行bee run 命令鹃操，項(xiàng)目可以運(yùn)行并可以訪問(wèn)到首頁(yè)，但是不能訪問(wèn)其他頁(yè)面春哨，下期咱們?cè)偬砑庸δ堋?/p>
