Add 14.1.md syntax highlighting
This commit is contained in:
13
zh/14.1.md
13
zh/14.1.md
@@ -3,6 +3,7 @@
|
|||||||
|
|
||||||
## beego静态文件实现和设置
|
## beego静态文件实现和设置
|
||||||
Go的net/http包中提供了静态文件的服务,`ServeFile`和`FileServer`等函数。beego的静态文件处理就是基于这一层处理的,具体的实现如下所示:
|
Go的net/http包中提供了静态文件的服务,`ServeFile`和`FileServer`等函数。beego的静态文件处理就是基于这一层处理的,具体的实现如下所示:
|
||||||
|
```Go
|
||||||
|
|
||||||
//static file server
|
//static file server
|
||||||
for prefix, staticDir := range StaticDir {
|
for prefix, staticDir := range StaticDir {
|
||||||
@@ -13,13 +14,14 @@ Go的net/http包中提供了静态文件的服务,`ServeFile`和`FileServer`
|
|||||||
return
|
return
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
```
|
||||||
StaticDir里面保存的是相应的url对应到静态文件所在的目录,因此在处理URL请求的时候只需要判断对应的请求地址是否包含静态处理开头的url,如果包含的话就采用http.ServeFile提供服务。
|
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`来提供反馈给客户端。
|
那么请求url如`http://www.beego.me/asset/bootstrap.css`就会请求`/static/bootstrap.css`来提供反馈给客户端。
|
||||||
|
|
||||||
## bootstrap集成
|
## bootstrap集成
|
||||||
@@ -47,11 +49,14 @@ Bootstrap是Twitter推出的一个开源的用于前端开发的工具包。对
|
|||||||
图14.2 项目中静态文件目录结构
|
图14.2 项目中静态文件目录结构
|
||||||
|
|
||||||
2. 因为beego默认设置了StaticDir的值,所以如果你的静态文件目录是static的话就无须再增加了:
|
2. 因为beego默认设置了StaticDir的值,所以如果你的静态文件目录是static的话就无须再增加了:
|
||||||
|
```Go
|
||||||
|
|
||||||
StaticDir["/static"] = "static"
|
StaticDir["/static"] = "static"
|
||||||
|
```
|
||||||
3. 模板中使用如下的地址就可以了:
|
3. 模板中使用如下的地址就可以了:
|
||||||
|
|
||||||
|
```html
|
||||||
|
|
||||||
//css文件
|
//css文件
|
||||||
<link href="/static/css/bootstrap.css" rel="stylesheet">
|
<link href="/static/css/bootstrap.css" rel="stylesheet">
|
||||||
|
|
||||||
@@ -60,7 +65,7 @@ Bootstrap是Twitter推出的一个开源的用于前端开发的工具包。对
|
|||||||
|
|
||||||
//图片文件
|
//图片文件
|
||||||
<img src="/static/img/logo.png">
|
<img src="/static/img/logo.png">
|
||||||
|
```
|
||||||
上面可以实现把bootstrap集成到beego中来,如下展示的图就是集成进来之后的展现效果图:
|
上面可以实现把bootstrap集成到beego中来,如下展示的图就是集成进来之后的展现效果图:
|
||||||
|
|
||||||

|

|
||||||
|
|||||||
Reference in New Issue
Block a user