2017-01-19 152 views
0

我在我的web根目錄中創建了一個名爲'views'的子文件夾。在View文件夾中,我有包含css和js文件的靜態文件夾。 當我在web根目錄下有html文件時,就會呈現html頁面。但是,如果放置在視圖文件夾中,它們不會呈現。我正在使用template.ParseGlob解析文件和ExecuteTemplate進行渲染。Golang模板不呈現html

package main 

import (
    "html/template" 
    "net/http" 

    "github.com/gorilla/mux" 
) 

var router = mux.NewRouter() 

var tmpl *template.Template 

func init() { 
    tmpl = template.Must(template.ParseGlob("view/*.html")) 
} 
func indexPage(w http.ResponseWriter, r *http.Request) { 
    err := tmpl.ExecuteTemplate(w, "signin", nil) 
    if err != nil { 
     http.Error(w, err.Error(), http.StatusInternalServerError) 
    } 
} 

func main() { 
    http.Handle("/static/", http.StripPrefix("/static/", http.FileServer(http.Dir("static")))) 
    router.PathPrefix("/").Handler(http.StripPrefix("/", http.FileServer(http.Dir("view/")))) 
    router.HandleFunc("/", indexPage) 
    http.ListenAndServe(":8091", router) 
} 

HTML文件:中定義了index.html中的頁眉和頁腳,我在signin.html文件refernce

{{ define "header"}} 
<html> 
<head> 
<meta charset="utf-8"> 
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
<title>User Sign in</title> 
<meta name="description" content=""> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 

<link rel="stylesheet" href="/static/css/bootstrap.min.css"> 
<link rel="stylesheet" href="/static/css/bootstrap-theme.min.css"> 
<link rel="stylesheet" href="/static/css/main.css"> 

<script src="/static/js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script> 
</head> 
<body> 
{{end}} 

{{define "footer"}} 
<footer class="panel-footer"><p>&copy; Company 2016</p></footer> 

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> 
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.11.2.min.js"><\/script>')</script> 

<script src="/static/js/vendor/bootstrap.min.js"></script> 

<script src="/static/js/main.js"></script> 

<!-- Google Analytics: change UA-XXXXX-X to be your site's ID. --> 
<script> 
      (function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]= 
      function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date; 
      e=o.createElement(i);r=o.getElementsByTagName(i)[0]; 
      e.src='//www.google-analytics.com/analytics.js'; 
      r.parentNode.insertBefore(e,r)}(window,document,'script','ga')); 
      ga('create','UA-XXXXX-X','auto');ga('send','pageview'); 
</script> 
</body> 
</html> 
{{end}} 

signin.html文件:

{{define "signin"}} 
{{template "header" .}} 
<h1 class="alert alert-info">Login</h1> 
<div class="container"> 
    {{with .Errors.message}} 
    <div class="alert alert-danger"> 
     {{.}} 
    </div> 
    {{end}} 
    <form method="POST" action="/"> 
     <label class="form-control" for="uname">User Name</label> 
     <input class="form-control" type="text" id="uname" name="uname"> 
     <label class="form-control" for="password">Password</label> 
     <input class="form-control" type="password" id="password" name="password"> 
     <button class="btn btn-info" type="submit">Submit</button> 
    </form> 

{{template "footer" .}} 
{{end}} 

爲什麼當我將html文件放在子目錄'views'中時,這不起作用。唯一改變的是parseGlob的參數。

+1

你能分享你的文件夾結構像樹嗎? –

回答

0

我相信所有你需要做的就是刪除此行:

router.PathPrefix("/").Handler(http.StripPrefix("/", http.FileServer(http.Dir("view/")))) 

爲我工作。雖然你還需要清理一下你的html,但我發現至少缺少一個</div>

模板在服務器上處理,不需要通過互聯網提供。同時,此路由條目與爲相同路由條目(「/」)定義另一個處理程序的下一條(indexPage)衝突。所以當你在瀏覽器中打開它時,服務器只需通過互聯網發送模板文件。雖然indexPage處理程序從不調用,因爲目錄處理程序首先匹配。

你也在談論「意見」文件夾,但你的代碼說「查看」(最後沒有's')。可能是另一個簡單的原因。