1. package main
    3. import (
    4.     "net/http"
    6.     "github.com/gin-gonic/gin"
    7. )
    9. func main() {
    10.     // 创建一个默认的路由引擎
    11.     r := gin.Default()
    12.     //配置路由
    13.     r.GET("/", func(c *gin.Context) {
    14.         c.String(http.StatusOK, "值:%v", "你好gin")
    15.     })
    16.     r.GET("/news", func(c *gin.Context) {
    17.         c.String(http.StatusOK, "我是新闻页面 111")
    18.     })
    20.     r.POST("/add", func(c *gin.Context) {
    21.         c.String(http.StatusOK, "这是一个post--主要用于增加数据")
    22.     })
    24.     r.PUT("/edit", func(c *gin.Context) {
    25.         c.String(200, "这是一个put请求 主要用于编辑数据")
    26.     })
    28.     r.DELETE("/delete", func(c *gin.Context) {
    29.         c.String(200, "这是一个DELETE请求 用于删除数据")
    30.     })
    31.     // r.Run()  启动 HTTP 服务，默认在 0.0.0.0:8080 启动服务
    33.     r.Run(":8000") //启动一个web服务
    35. }
    1. package main
    3. import (
    4.     "net/http"
    6.     "github.com/gin-gonic/gin"
    7. )
    9. type Article struct {
    10.     Title   string `json:"title"`
    11.     Desc    string `json:"desc"`
    12.     Content string `json:"content"`
    13. }
    15. func main() {
    16.     r := gin.Default()
    17.     //配置模板的文件
    18.     r.LoadHTMLGlob("templates/*")
    20.     r.GET("/", func(c *gin.Context) {
    21.         c.String(200, "值：%v", "首页")
    22.     })
    23.     r.GET("/json1", func(c *gin.Context) {
    24.         c.JSON(200, map[string]interface{}{
    25.             "success": true,
    26.             "msg":     "你好gin",
    27.         })
    28.     })
    30.     r.GET("/json2", func(c *gin.Context) {
    31.         c.JSON(200, gin.H{
    32.             "success": true,
    33.             "msg":     "你好gin--22",
    34.         })
    35.     })
    37.     r.GET("/json3", func(c *gin.Context) {
    39.         a := &Article{
    40.             Title:   "我是一个标题",
    41.             Desc:    "描述",
    42.             Content: "测试内容",
    43.         }
    44.         c.JSON(200, a)
    45.     })
    47.     //响应Jsonp请求
    48.     // http://localhost:8080/jsonp?callback=xxxx
    49.     // xxxx({"title":"我是一个标题-jsonp","desc":"描述","content":"测试内容"});
    50.     r.GET("/jsonp", func(c *gin.Context) {
    52.         a := &Article{
    53.             Title:   "我是一个标题-jsonp",
    54.             Desc:    "描述",
    55.             Content: "测试内容",
    56.         }
    57.         c.JSONP(200, a)
    58.     })
    60.     r.GET("/xml", func(c *gin.Context) {
    61.         c.XML(http.StatusOK, gin.H{
    62.             "success": true,
    63.             "msg":     "你好gin 我是一个xml",
    64.         })
    65.     })
    67.     r.GET("/news", func(c *gin.Context) {
    68.         //r.LoadHTMLGlob("templates/*")
    69.         c.HTML(http.StatusOK, "news.html", gin.H{
    70.             "title": "我是后台的数据",
    71.         })
    72.     })
    74.     r.GET("/goods", func(c *gin.Context) {
    75.         c.HTML(http.StatusOK, "goods.html", gin.H{
    76.             "title": "我是商品页面",
    77.             "price": 20,
    78.         })
    79.     })
    81.     r.Run()
    82. }
    1. <!DOCTYPE html>
    2. <html lang="en">
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
    6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    7.     <title>Document</title>
    8. </head>
    9. <body>
    10.     <h2>{{.title}}</h2>
    11.     <br>
    12.     {{.price}}
    14.     <br>
    15.     <h5>html的数据</h5>
    16. </body>
    17. </html>
    1. <!DOCTYPE html>
    2. <html lang="en">
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
    6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    7.     <title>Document</title>
    8. </head>
    9. <body>
    10.     <h2>{{.title}}</h2>
    11. </body>
    12. </html>
    1. package main
    3. import (
    4.     "net/http"
    6.     "github.com/gin-gonic/gin"
    7. )
    9. type Article struct {
    10.     Title   string
    11.     Content string
    12. }
    14. func main() {
    15.     r := gin.Default()
    16.     //加载模板
    17.     r.LoadHTMLGlob("templates/*")
    18.     r.GET("/", func(c *gin.Context) {
    19.         c.HTML(http.StatusOK, "index.html", gin.H{
    20.             "title": "首页",
    21.         })
    22.     })
    23.     r.GET("/news", func(c *gin.Context) {
    24.         news := &Article{
    25.             Title:   "新闻标题",
    26.             Content: "新闻详情",
    27.         }
    28.         c.HTML(http.StatusOK, "news.html", gin.H{
    29.             "title": "新闻页面",
    30.             "news":  news,
    31.         })
    32.     })
    33.     r.Run()
    34. }
    1. <!DOCTYPE html>
    2. <html lang="en">
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
    6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    7.     <title>Document</title>
    8. </head>
    9. <body>
    10.     <h2>{{.title}}</h2>
    11. </body>
    12. </html>
    1. <!DOCTYPE html>
    2. <html lang="en">
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
    6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    7.     <title>Document</title>
    8. </head>
    9. <body>
    10.     <h2>{{.title}}</h2>
    12.     <p>
    13.         {{.news.Title}}
    14.     </p>
    15.     <p>
    16.         {{.news.Content}}
    17.     </p>
    18. </body>
    19. </html>
    1. package main
    3. import (
    4.     "net/http"
    6.     "github.com/gin-gonic/gin"
    7. )
    9. type Article struct {
    10.     Title   string
    11.     Content string
    12. }
    14. func main() {
    15.     r := gin.Default()
    16.     //加载模板 放在配置路由上面
    17.     r.LoadHTMLGlob("templates/**/*")
    19.     //前台
    20.     r.GET("/", func(c *gin.Context) {
    21.         c.HTML(http.StatusOK, "default/index.html", gin.H{
    22.             "title": "首页",
    23.             "msg":   " 我是msg",
    24.             "score": 89,
    25.             "hobby": []string{"吃饭", "睡觉", "写代码"},
    26.             "newsList": []interface{}{
    27.                 &Article{
    28.                     Title:   "新闻标题111",
    29.                     Content: "新闻详情111",
    30.                 },
    31.                 &Article{
    32.                     Title:   "新闻标题222",
    33.                     Content: "新闻详情222",
    34.                 },
    35.             },
    36.             "testSlice": []string{},
    37.             "news": &Article{
    38.                 Title:   "新闻标题",
    39.                 Content: "新闻内容",
    40.             },
    41.         })
    42.     })
    43.     r.GET("/news", func(c *gin.Context) {
    44.         news := &Article{
    45.             Title:   "新闻标题",
    46.             Content: "新闻详情",
    47.         }
    48.         c.HTML(http.StatusOK, "default/news.html", gin.H{
    49.             "title": "新闻页面",
    50.             "news":  news,
    51.         })
    52.     })
    54.     //后台
    55.     r.GET("/admin", func(c *gin.Context) {
    56.         c.HTML(http.StatusOK, "admin/index.html", gin.H{
    57.             "title": "后台首页",
    58.         })
    59.     })
    60.     r.GET("/admin/news", func(c *gin.Context) {
    61.         c.HTML(http.StatusOK, "admin/news.html", gin.H{
    62.             "title": "新闻页面",
    63.         })
    64.     })
    66.     r.Run()
    67. }
    1. {{ define "admin/index.html" }}
    3. <!DOCTYPE html>
    4. <html lang="en">
    5. <head>
    6.     <meta charset="UTF-8">
    7.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
    8.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    9.     <title>Document</title>
    10. </head>
    11. <body>
    12.     <h2>这是后台首页</h2>
    13. </body>
    14. </html>
    15. {{ end }}
    1. {{ define "admin/news.html" }}
    3. <!DOCTYPE html>
    4. <html lang="en">
    5. <head>
    6.     <meta charset="UTF-8">
    7.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
    8.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    9.     <title>Document</title>
    10. </head>
    11. <body>
    12.     <h2>后台新闻页面</h2>
    13. </body>
    14. </html>
    15. {{ end }}
    1. <!-- 相当于给模板定义一个名字 define end 成对出现-->
    2. {{ define "default/index.html" }}
    3. <!DOCTYPE html>
    4. <html lang="en">
    5. <head>
    6.     <meta charset="UTF-8">
    7.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
    8.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    9.     <title>Document</title>
    10. </head>
    11. <body>
    12.     <h2>{{.title}}</h2>
    14.     <!-- 定义变量 -->
    15.     {{$t := .title}}
    17.     <br>
    18.     <h4>
    19.         {{$t}}
    20.     </h4>
    21.     <!-- 条件判断 -->
    23.     {{if ge .score 60}}
    24.         <p>及格</p>
    25.     {{else}}
    26.         <p>不及格</p>
    27.     {{end}}
    30.     {{if gt .score 90}}
    31.         <p>优秀</p>
    32.     {{else if gt .score 80}}
    33.         <p>良好</p>
    34.     {{else if gt .score 60}}
    35.         <p>及格</p>
    36.         {{else}}
    37.     <p>不及格</p>
    38.     {{end}}
    41.     <!-- 循环遍历数据 -->
    43.     <ul>
    44.         {{range $key,$value:=.hobby}}
    45.         <li>{{$key}}----{{$value}}</li>
    46.         {{end}}
    48.     </ul>
    50.     <br>
    53.     <ul>
    54.         {{range $key,$value:=.newsList}}
    55.                 <li>{{$key}}----{{$value.Title}}---{{$value.Content}}</li>
    56.         {{end}}        
    57.     </ul>
    59.     <br>
    60.     <ul>
    61.         {{range $key,$value:=.testSlice}}
    62.              <li>{{$key}}----{{$value}}</li>
    64.         {{else}}
    65.             <li>数组中没有数据</li>
    66.         {{end}}        
    67.     </ul>
    69.     <!-- with 解构结构体 -->
    71.     <p>{{.news.Title}}</p>
    72.     <p>{{.news.Content}}</p>
    74.     <br>
    76.     {{with .news}}
    77.          <p>{{.Title}}</p>
    78.         <p>{{.Content}}</p>
    79.     {{end}}
    80. </body>
    81. </html>
    82. {{ end }}
    1. <!-- 相当于给模板定义一个名字 define end 成对出现-->
    2. {{ define "default/news.html" }}
    3. <!DOCTYPE html>
    4. <html lang="en">
    5. <head>
    6.     <meta charset="UTF-8">
    7.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
    8.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    9.     <title>Document</title>
    10. </head>
    11. <body>
    12.     <h2>{{.title}}</h2>
    14.     <p>
    15.         {{.news.Title}}
    16.     </p>
    17.     <p>
    18.         {{.news.Content}}
    19.     </p>
    20. </body>
    21. </html>
    23. {{end}}
    1. package main
    3. import (
    4.     "fmt"
    5.     "html/template"
    6.     "net/http"
    7.     "time"
    9.     "github.com/gin-gonic/gin"
    10. )
    12. type Article struct {
    13.     Title   string
    14.     Content string
    15. }
    17. //时间戳转换成日期
    18. func UnixToTime(timestamp int) string {
    19.     fmt.Println(timestamp)
    20.     t := time.Unix(int64(timestamp), 0)
    21.     return t.Format("2006-01-02 15:04:05")
    22. }
    24. func Println(str1 string, str2 string) string {
    25.     fmt.Println(str1, str2)
    26.     return str1 + "----" + str2
    27. }
    29. func main() {
    30.     // 创建一个默认的路由引擎
    31.     r := gin.Default()
    32.     //自定义模板函数  注意要把这个函数放在加载模板前
    33.     r.SetFuncMap(template.FuncMap{
    34.         "UnixToTime": UnixToTime,
    35.         "Println":    Println,
    36.     })
    37.     //加载模板 放在配置路由上面
    38.     r.LoadHTMLGlob("templates/**/*")
    39.     //配置静态web目录   第一个参数表示路由, 第二个参数表示映射的目录
    40.     r.Static("/static", "./static")
    41.     //前台
    42.     r.GET("/", func(c *gin.Context) {
    43.         c.HTML(http.StatusOK, "default/index.html", gin.H{
    44.             "title": "aaa",
    45.             "msg":   " 我是msg",
    46.             "score": 89,
    47.             "hobby": []string{"吃饭", "睡觉", "写代码"},
    48.             "newsList": []interface{}{
    49.                 &Article{
    50.                     Title:   "新闻标题111",
    51.                     Content: "新闻详情111",
    52.                 },
    53.                 &Article{
    54.                     Title:   "新闻标题222",
    55.                     Content: "新闻详情222",
    56.                 },
    57.             },
    58.             "testSlice": []string{},
    59.             "news": &Article{
    60.                 Title:   "新闻标题",
    61.                 Content: "新闻内容",
    62.             },
    63.             "date": 1629423555,
    64.         })
    65.     })
    66.     r.GET("/news", func(c *gin.Context) {
    67.         news := &Article{
    68.             Title:   "新闻标题",
    69.             Content: "新闻详情",
    70.         }
    71.         c.HTML(http.StatusOK, "default/news.html", gin.H{
    72.             "title": "新闻页面",
    73.             "news":  news,
    74.         })
    75.     })
    77.     //后台
    78.     r.GET("/admin", func(c *gin.Context) {
    79.         c.HTML(http.StatusOK, "admin/index.html", gin.H{
    80.             "title": "后台首页",
    81.         })
    82.     })
    83.     r.GET("/admin/news", func(c *gin.Context) {
    84.         c.HTML(http.StatusOK, "admin/news.html", gin.H{
    85.             "title": "新闻页面",
    86.         })
    87.     })
    89.     r.Run()
    90. }
    1. <!-- 相当于给模板定义一个名字 define end 成对出现-->
    2. {{ define "public/page_footer.html" }}
    4.     <h1>
    5.         我是一个公共的底部
    6.     </h1>
    7. {{end}}
    1. <!-- 相当于给模板定义一个名字 define end 成对出现-->
    2. {{ define "public/page_header.html" }}
    4.     <h1>
    5.         我是一个公共的标题---{{.title}}
    6.     </h1>
    7. {{end}}
    1. {{ define "admin/index.html" }}
    3. <!DOCTYPE html>
    4. <html lang="en">
    5. <head>
    6.     <meta charset="UTF-8">
    7.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
    8.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    9.     <title>Document</title>
    10. </head>
    11. <body>
    12.     <h2>这是后台首页</h2>
    13. </body>
    14. </html>
    15. {{ end }}
    1. {{ define "admin/news.html" }}
    3. <!DOCTYPE html>
    4. <html lang="en">
    5. <head>
    6.     <meta charset="UTF-8">
    7.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
    8.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    9.     <title>Document</title>
    10. </head>
    11. <body>
    12.     <h2>后台新闻页面</h2>
    13. </body>
    14. </html>
    15. {{ end }}
    1. <!-- 相当于给模板定义一个名字 define end 成对出现-->
    2. {{ define "default/index.html" }}
    3. <!DOCTYPE html>
    4. <html lang="en">
    5. <head>
    6.     <meta charset="UTF-8">
    7.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
    8.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    9.     <title>Document</title>
    10.     <link rel="stylesheet" href="/static/css/base.css">
    11. </head>
    12. <body>
    14.     {{template "public/page_header.html" .}}
    16.     <img src="/static/images/node.jpg" alt="">
    18.     <h2>{{.title}}</h2>
    20.     <!-- 定义变量 -->
    21.     {{$t := .title}}
    23.     <br>
    24.     <h4>
    25.         {{$t}}
    26.     </h4>
    27.     <!-- 条件判断 -->
    29.     {{if ge .score 60}}
    30.         <p>及格</p>
    31.     {{else}}
    32.         <p>不及格</p>
    33.     {{end}}
    36.     {{if gt .score 90}}
    37.         <p>优秀</p>
    38.     {{else if gt .score 80}}
    39.         <p>良好</p>
    40.     {{else if gt .score 60}}
    41.         <p>及格</p>
    42.         {{else}}
    43.     <p>不及格</p>
    44.     {{end}}
    47.     <!-- 循环遍历数据 -->
    49.     <ul>
    50.         {{range $key,$value:=.hobby}}
    51.         <li>{{$key}}----{{$value}}</li>
    52.         {{end}}
    54.     </ul>
    56.     <br>
    59.     <ul>
    60.         {{range $key,$value:=.newsList}}
    61.                 <li>{{$key}}----{{$value.Title}}---{{$value.Content}}</li>
    62.         {{end}}        
    63.     </ul>
    65.     <br>
    66.     <ul>
    67.         {{range $key,$value:=.testSlice}}
    68.              <li>{{$key}}----{{$value}}</li>
    70.         {{else}}
    71.             <li>数组中没有数据</li>
    72.         {{end}}        
    73.     </ul>
    75.     <!-- with 解构结构体 -->
    77.     <p>{{.news.Title}}</p>
    78.     <p>{{.news.Content}}</p>
    80.     <br>
    82.     {{with .news}}
    83.          <p>{{.Title}}</p>
    84.         <p>{{.Content}}</p>
    85.     {{end}}
    86.     <br>
    87.     <!-- 预定义函数 （了解） -->
    89.     {{len .title}}
    91.     <br>
    92.     <br>
    93.     <!-- 自定义模板函数 -->
    95.     {{.date}}
    98.     <br>
    99.     <br>
    101.     {{UnixToTime .date}}
    102.     <br>
    103.     <br>
    104.     {{Println .title .msg}}
    105.     <br> <br>
    106.     {{template "public/page_footer.html" .}}
    107. </body>
    108. </html>
    109. {{ end }}
    1. <!-- 相当于给模板定义一个名字 define end 成对出现-->
    2. {{ define "default/news.html" }}
    3. <!DOCTYPE html>
    4. <html lang="en">
    5. <head>
    6.     <meta charset="UTF-8">
    7.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
    8.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    9.     <title>Document</title>
    10.     <link rel="stylesheet" href="static/css/base.css">
    11. </head>
    12. <body>
    13.     {{template "public/page_header.html" .}}
    15.     <h2>{{.title}}</h2>
    17.     <p>
    18.         {{.news.Title}}
    19.     </p>
    20.     <p>
    21.         {{.news.Content}}
    22.     </p>
    24.     <br>
    25.     <br>
    27.     {{template "public/page_footer.html" .}}
    28. </body>
    29. </html>
    31. {{end}}