摘要:從模板文件構建首頁新聞手動的指定每一個模板文件,在一些場景下難免難以滿足需求,我們可以使用通配符正則匹配載入。
從字符串載入模板
我們可以定義模板字符串,然后載入并解析渲染:
template.New(tplName string).Parse(tpl string)
// 從字符串模板構建 tplStr := ` {{ .Name }} {{ .Age }} ` // if parse failed Must will render a panic error tpl := template.Must(template.New("tplName").Parse(tplStr)) tpl.Execute(os.Stdout, map[string]interface{}{Name: "big_cat", Age: 29})從文件載入模板 模板語法
模板文件,建議為每個模板文件顯式的定義模板名稱:{{ define "tplName" }},否則會因模板對象名與模板名不一致,無法解析(條件分支很多,不如按一種標準寫法實現),另展示一些基本的模板語法。
使用 {{ define "tplName" }} 定義模板名
使用 {{ template "tplName" . }}引入其他模板
使用 . 訪問當前數據域:比如range里使用.訪問的其實是循環項的數據域
使用 $. 訪問絕對頂層數據域
views/header.html{{ define "header" }}views/footer.html{{ .PageTitle }} {{ end }}
{{ define "footer" }} {{ end }}views/index/index.html
{{ define "index/index" }} {{/*引用其他模板 注意后面的 . */}} {{ template "header" . }}views/news/index.htmlhello, {{ .Name }}, age {{ .Age }}{{ template "footer" . }} {{ end }}
{{ define "news/index" }} {{ template "header" . }} {{/* 頁面變量定義 */}} {{ $pageTitle := "news title" }} {{ $pageTitleLen := len $pageTitle }} {{/* 長度 > 4 才輸出 eq ne gt lt ge le */}} {{ if gt $pageTitleLen 4 }}template.ParseFiles{{ $pageTitle }}
{{ end }} {{ $c1 := gt 4 3}} {{ $c2 := lt 2 3 }} {{/*and or not 條件必須為標量值 不能是邏輯表達式 如果需要邏輯表達式請先求值*/}} {{ if and $c1 $c2 }}1 == 1 3 > 2 4 < 5
{{ end }}{{ template "footer" . }} {{ end }}{{ range .List }} {{ $title := .Title }} {{/* .Title 上下文變量調用 func param1 param2 方法/函數調用 $.根節點變量調用 */}}
{{/* !empty Total 才輸出*/}} {{ with .Total }}- {{ $title }} -- {{ .CreatedAt.Format "2006-01-02 15:04:05" }} -- Author {{ $.Author }}
{{end}}總數:{{ . }}{{ end }}
手動定義需要載入的模板文件,解析后制定需要渲染的模板名news/index。
// 從模板文件構建 tpl := template.Must( template.ParseFiles( "views/index/index.html", "views/news/index.html", "views/header.html", "views/footer.html", ), ) // render template with tplName index _ = tpl.ExecuteTemplate( os.Stdout, "index/index", map[string]interface{}{ PageTitle: "首頁", Name: "big_cat", Age: 29, }, ) // render template with tplName index _ = tpl.ExecuteTemplate( os.Stdout, "news/index", map[string]interface{}{ "PageTitle": "新聞", "List": []struct { Title string CreatedAt time.Time }{ {Title: "this is golang views/template example", CreatedAt: time.Now()}, {Title: "to be honest, i don"t very like this raw engine", CreatedAt: time.Now()}, }, "Total": 1, "Author": "big_cat", }, )template.ParseGlob
手動的指定每一個模板文件,在一些場景下難免難以滿足需求,我們可以使用通配符正則匹配載入。
1、正則不應包含文件夾,否則會因文件夾被作為視圖載入無法解析而報錯
2、可以設定多個模式串,如下我們載入了一級目錄和二級目錄的視圖文件
// 從模板文件構建 tpl := template.Must(template.ParseGlob("views/*.html")) template.Must(tpl.ParseGlob("views/*/*.html")) // render template with tplName index // render template with tplName index _ = tpl.ExecuteTemplate( os.Stdout, "index/index", map[string]interface{}{ PageTitle: "首頁", Name: "big_cat", Age: 29, }, ) // render template with tplName index _ = tpl.ExecuteTemplate( os.Stdout, "news/index", map[string]interface{}{ "PageTitle": "新聞", "List": []struct { Title string CreatedAt time.Time }{ {Title: "this is golang views/template example", CreatedAt: time.Now()}, {Title: "to be honest, i don"t very like this raw engine", CreatedAt: time.Now()}, }, "Total": 1, "Author": "big_cat", }, )Web服務器
結合html/template模板庫和net/http實現一個可以使用模板渲染并返回html頁面的web服器。
package main import ( "html/template" "log" "net/http" "time" ) var ( htmlTplEngine *template.Template htmlTplEngineErr error ) func init() { // 初始化模板引擎 并加載各層級的模板文件 // 注意 views/* 不會對子目錄遞歸處理 且會將子目錄匹配 作為模板處理造成解析錯誤 // 若存在與模板文件同級的子目錄時 應指定模板文件擴展名來防止目錄被作為模板文件處理 // 然后通過 view/*/*.html 來加載 view 下的各子目錄中的模板文件 htmlTplEngine = template.New("htmlTplEngine") // 模板根目錄下的模板文件 一些公共文件 _, htmlTplEngineErr = htmlTplEngine.ParseGlob("views/*.html") if nil != htmlTplEngineErr { log.Panic(htmlTplEngineErr.Error()) } // 其他子目錄下的模板文件 _, htmlTplEngineErr = htmlTplEngine.ParseGlob("views/*/*.html") if nil != htmlTplEngineErr { log.Panic(htmlTplEngineErr.Error()) } } // index func IndexHandler(w http.ResponseWriter, r *http.Request) { _ = htmlTplEngine.ExecuteTemplate( w, "index/index", map[string]interface{}{"PageTitle": "首頁", "Name": "sqrt_cat", "Age": 25}, ) } // news func NewsHandler(w http.ResponseWriter, r *http.Request) { _ = htmlTplEngine.ExecuteTemplate( w, "news/index", map[string]interface{}{ "PageTitle": "新聞", "List": []struct { Title string CreatedAt time.Time }{ {Title: "this is golang views/template example", CreatedAt: time.Now()}, {Title: "to be honest, i don"t very like this raw engine", CreatedAt: time.Now()}, }, "Total": 1, "Author": "big_cat", }, ) } func main() { http.HandleFunc("/", IndexHandler) http.HandleFunc("/index", IndexHandler) http.HandleFunc("/news", NewsHandler) serverErr := http.ListenAndServe(":8085", nil) if nil != serverErr { log.Panic(serverErr.Error()) } }
注意:模板對象是有名字屬性的,template.New("tplName"),如果沒有顯示的定義名字,則會使用第一個被載入的視圖文件的baseName做默認名,比如我們使用template.ParseFiles/template.ParseGlob直接生成模板對象時,沒有指定模板對象名,則會使用第一個被載入的文件,比如views/index/index.html的baseName即index.html做默認名,而后如果tplObj.Execute方法執行渲染時,會去查找名為index.html的模板,所以常用的還是tplObj.ExecuteTemplate自己指定要渲染的模板名,省的一團亂。
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/53928.html
摘要:更好的方案模板分離原則模板分離原則將定義模板的那一部分,與的代碼邏輯分離開來,讓代碼更加優雅且利于維護。 showImg(https://segmentfault.com/img/bVJ73t?w=800&h=316); 引言 在前端開發中,經常需要動態添加一些元素到頁面上。那么如何通過一些技巧,優化動態創建頁面元素的方式,使得代碼更加優雅,并且更易于維護呢?接下來我們通過研究一些實例...
摘要:更好的方案模板分離原則模板分離原則將定義模板的那一部分,與的代碼邏輯分離開來,讓代碼更加優雅且利于維護。 showImg(https://segmentfault.com/img/bVJ73t?w=800&h=316); 引言 在前端開發中,經常需要動態添加一些元素到頁面上。那么如何通過一些技巧,優化動態創建頁面元素的方式,使得代碼更加優雅,并且更易于維護呢?接下來我們通過研究一些實例...
摘要:但由于和技術過于和復雜,并沒能得到廣泛的推廣。但是在瀏覽器內并不適用。依托模塊化編程,的實現方式更為簡單清晰,一個網頁不再是傳統的類似文檔的頁面,而是一個完整的應用程序。到了這里,我們的主角登場了年此處應有掌聲。和差不多同期登場的還有。 Github:https://github.com/fenivana/w...webpack 更新到了 4.0,官網還沒有更新文檔。因此把教程更新一下...
摘要:方法三使用調用父作用域中的函數實例地址同樣采用了缺省寫法,運行之后,彈出窗口布爾值或者字符,默認值為這個配置選項可以讓我們提取包含在指令那個元素里面的內容,再將它放置在指令模板的特定位置。 準備代碼,會在實例中用到 var app = angular.module(app, []); angular指令定義大致如下 app.directive(directiveName, functi...
摘要:方法三使用調用父作用域中的函數實例地址同樣采用了缺省寫法,運行之后,彈出窗口布爾值或者字符,默認值為這個配置選項可以讓我們提取包含在指令那個元素里面的內容,再將它放置在指令模板的特定位置。 準備代碼,會在實例中用到 var app = angular.module(app, []); angular指令定義大致如下 app.directive(directiveName, functi...
閱讀 2929·2021-10-14 09:43
閱讀 2867·2021-10-14 09:42
閱讀 4640·2021-09-22 15:56
閱讀 2356·2019-08-30 10:49
閱讀 1587·2019-08-26 13:34
閱讀 2370·2019-08-26 10:35
閱讀 591·2019-08-23 17:57
閱讀 2023·2019-08-23 17:15