Format and remove 14.1.md spaces
This commit is contained in:
36
zh/14.1.md
36
zh/14.1.md
@@ -5,22 +5,22 @@
|
||||
Go的net/http包中提供了静态文件的服务,`ServeFile`和`FileServer`等函数。beego的静态文件处理就是基于这一层处理的,具体的实现如下所示:
|
||||
```Go
|
||||
|
||||
//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
|
||||
}
|
||||
//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对应到静态文件所在的目录,因此在处理URL请求的时候只需要判断对应的请求地址是否包含静态处理开头的url,如果包含的话就采用http.ServeFile提供服务。
|
||||
|
||||
举例如下:
|
||||
```Go
|
||||
|
||||
beego.StaticDir["/asset"] = "/static"
|
||||
beego.StaticDir["/asset"] = "/static"
|
||||
```
|
||||
那么请求url如`http://www.beego.me/asset/bootstrap.css`就会请求`/static/bootstrap.css`来提供反馈给客户端。
|
||||
|
||||
@@ -51,20 +51,20 @@ Bootstrap是Twitter推出的一个开源的用于前端开发的工具包。对
|
||||
2. 因为beego默认设置了StaticDir的值,所以如果你的静态文件目录是static的话就无须再增加了:
|
||||
```Go
|
||||
|
||||
StaticDir["/static"] = "static"
|
||||
StaticDir["/static"] = "static"
|
||||
```
|
||||
3. 模板中使用如下的地址就可以了:
|
||||
|
||||
```html
|
||||
|
||||
//css文件
|
||||
<link href="/static/css/bootstrap.css" rel="stylesheet">
|
||||
|
||||
//js文件
|
||||
<script src="/static/js/bootstrap-transition.js"></script>
|
||||
|
||||
//图片文件
|
||||
<img src="/static/img/logo.png">
|
||||
//css文件
|
||||
<link href="/static/css/bootstrap.css" rel="stylesheet">
|
||||
|
||||
//js文件
|
||||
<script src="/static/js/bootstrap-transition.js"></script>
|
||||
|
||||
//图片文件
|
||||
<img src="/static/img/logo.png">
|
||||
```
|
||||
上面可以实现把bootstrap集成到beego中来,如下展示的图就是集成进来之后的展现效果图:
|
||||
|
||||
|
||||
Reference in New Issue
Block a user