//static file server
for prefix, staticDir := range StaticDir {
    if strings.HasPrefix(r.URL.Path, prefix) {
        file := staticDir + r.URL.Path[len(prefix):]
        http.ServeFile(w, r, file)
        w.started = true
        return
    }
}

StaticDir里面保存的是相應的url對應到靜態(tài)文件所在的目錄，因此在處理URL請求的時候只需要判斷對應的請求地址是否包含靜態(tài)處理開頭的url，如果包含的話就采用http.ServeFile提供服務。

舉例如下：

beego.StaticDir["/asset"] = "/static"

那么請求url如http://www.beego.me/asset/bootstrap.css就會請求/static/bootstrap.css來提供反饋給客戶端。

bootstrap集成

Bootstrap是Twitter推出的一個開源的用于前端開發(fā)的工具包。對于開發(fā)者來說，Bootstrap是快速開發(fā)Web應用程序的最佳前端工具包。它是一個CSS和HTML的集合，它使用了最新的HTML5標準，給你的Web開發(fā)提供了時尚的版式，表單，按鈕，表格，網格系統(tǒng)等等。

組件　　Bootstrap中包含了豐富的Web組件，根據(jù)這些組件，可以快速的搭建一個漂亮、功能完備的網站。其中包括以下組件：　　下拉菜單、按鈕組、按鈕下拉菜單、導航、導航條、面包屑、分頁、排版、縮略圖、警告對話框、進度條、媒體對象等
Javascript插件　　Bootstrap自帶了13個jQuery插件，這些插件為Bootstrap中的組件賦予了“生命”。其中包括：　　模式對話框、標簽頁、滾動條、彈出框等。
定制自己的框架代碼　　可以對Bootstrap中所有的CSS變量進行修改，依據(jù)自己的需求裁剪代碼。

http://wiki.jikexueyuan.com/project/go-web-programming/images/14.1.bootstrap.png?raw=true" alt="" />

圖14.1 bootstrap站點

接下來我們利用bootstrap集成到beego框架里面來，快速的建立一個漂亮的站點。

首先把下載的bootstrap目錄放到我們的項目目錄，取名為static，如下截圖所示

http://wiki.jikexueyuan.com/project/go-web-programming/images/14.1.bootstrap2.png?raw=true" alt="" />

圖14.2 項目中靜態(tài)文件目錄結構
因為beego默認設置了StaticDir的值，所以如果你的靜態(tài)文件目錄是static的話就無須再增加了：

StaticDir["/static"] = "static"

模板中使用如下的地址就可以了：

  //css文件
  <link href="/static/css/bootstrap.css" rel="stylesheet">

  //js文件
  <script src="/static/js/bootstrap-transition.js"></script>

  //圖片文件
  <img src="/static/img/logo.png">

上面可以實現(xiàn)把bootstrap集成到beego中來，如下展示的圖就是集成進來之后的展現(xiàn)效果圖：

http://wiki.jikexueyuan.com/project/go-web-programming/images/14.1.bootstrap3.png?raw=true" alt="" />

圖14.3 構建的基于bootstrap的站點界面

這些模板和格式bootstrap官方都有提供，這邊就不再重復貼代碼，大家可以上bootstrap官方網站學習如何編寫模板。

上一篇：2.8 總結下一篇：12 部署與維護

在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

14.1 靜態(tài)文件支持

beego靜態(tài)文件實現(xiàn)和設置

bootstrap集成