2017-01-19 156 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')。可能是另一个简单的原因。