# 页面静态化
### 什么是页面静态化：
** 文章转自go语言中文文档 [http://www.topgoer.com](http://www.topgoer.com/?from=studygolang "文章转自go语言中文文档http://www.topgoer.com") **
简 单的说，我们如果访问一个链接 ,服务器对应的模块会处理这个请求，转到对应的go方法，最后生成我们想要看到的数据。这其中的缺点是显而易见的：因为每次请求服务器都会进行处理，如 果有太多的高并发请求，那么就会加重应用服务器的压力，弄不好就把服务器 搞down 掉了。那么如何去避免呢？如果我们把请求后的结果保存成一个 html 文件，然后每次用户都去访问 ,这样应用服务器的压力不就减少了？
那么静态页面从哪里来呢？总不能让我们每个页面都手动处理吧？这里就牵涉到我们要讲解的内容了，静态页面生成方案… 我们需要的是自动的生成静态页面，当用户访问 ,会自动生成html文件 ,然后显示给用户。
**为了路由方便我用的gin框架但是不管用在什么框架上面都是一样的**
项目目录：
project
-tem
--index.html
-main.go
main.go文件代码：
```go
package main
import (
"fmt"
"net/http"
"os"
"path/filepath"
"text/template"
"github.com/gin-gonic/gin"
)
type Product struct {
Id int64 `json:"id"` //字段一定要大写不然各种问题
Name string `json:"name"`
}
//模拟从数据库查询过来的消息
var allproduct []*Product = []*Product{
{1, "苹果手机"},
{2, "苹果电脑"},
{3, "苹果耳机"},
}
var (
//生成的Html保存目录
htmlOutPath = "./tem"
//静态文件模版目录
templatePath = "./tem"
)
func main() {
r := gin.Default()
r.LoadHTMLGlob("tem/*")
r.GET("/index", func(c *gin.Context) {
GetGenerateHtml()
c.HTML(http.StatusOK, "index.html", gin.H{"allproduct": allproduct})
})
r.GET("/index2", func(c *gin.Context) {
c.HTML(http.StatusOK, "htmlindex.html", gin.H{})
})
r.Run()
}
//生成静态文件的方法
func GetGenerateHtml() {
//1.获取模版
contenstTmp, err := template.ParseFiles(filepath.Join(templatePath, "index.html"))
if err != nil {
fmt.Println("获取模版文件失败")
}
//2.获取html生成路径
fileName := filepath.Join(htmlOutPath, "htmlindex.html")
//4.生成静态文件
generateStaticHtml(contenstTmp, fileName, gin.H{"allproduct": allproduct})
}
//生成静态文件
func generateStaticHtml(template *template.Template, fileName string, product map[string]interface{}) {
//1.判断静态文件是否存在
if exist(fileName) {
err := os.Remove(fileName)
if err != nil {
fmt.Println("移除文件失败")
}
}
//2.生成静态文件
file, err := os.OpenFile(fileName, os.O_CREATE|os.O_WRONLY, os.ModePerm)
if err != nil {
fmt.Println("打开文件失败")
}
defer file.Close()
template.Execute(file, &product)
}
//判断文件是否存在
func exist(fileName string) bool {
_, err := os.Stat(fileName)
return err == nil || os.IsExist(err)
}
```
tem/index.html文件代码：
```html
{{define "index.html"}}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>商品列表页</title>
</head>
<tbody>
<div><a href="#">商品列表页</a></div>
<table border="1">
<thead>
<tr>
<th>ID</th>
<th>商品名称</th>
</tr>
</thead>
<tbody>
{{range .allproduct}}
<tr>
<td>{{.Id}}</td>
<td>{{.Name}}</td>
</tr>
{{end}}
</tbody>
</table>
</html>
{{end}}
```
有疑问加站长微信联系（非本文作者）
