프레임 "GIN"을 사용해 보았습니다(스타일시트 및 템플릿 호출 방법).
가져오기, 스타일시트 및 템플릿 호출 설명
폴더 구성 .
├── main.go
├── asset
│ └── css
│ └── style.css
├── templates
│ ├── hello.html
│ └── layout.html
└── routes
├── routes.go
└── api.go
MAIN
main.gopackage main
import (
"routes"
"github.com/gin-gonic/gin"
)
func main() {
router := gin.Default()
// 事前にテンプレートをロード 相対パス
// router.LoadHTMLGlob("templates/*/**") などもいけるらしい
router.LoadHTMLGlob("templates/*.html")
// 静的ファイルのパスを指定
router.Static("/assets", "./assets")
// ハンドラの指定
router.GET("/hello", routes.Hello)
// グルーピング
user := router.Group("/api")
{
user.GET("/hello", routes.HelloJson)
}
router.NoRoute(routes.NoRoute) // どのルーティングにも当てはまらなかった場合に処理
router.Run(":8080")
}
처리 프로그램
routes/routes.gopackage routes
import (
"net/http"
"github.com/gin-gonic/gin"
)
func Hello(c *gin.Context) {
c.HTML(http.StatusOK, "layout.html", gin.H{
"name": "Taro",
})
}
func NoRoute(c *gin.Context) {
// helloに飛ばす(ログインしていない場合に、ログイン画面に飛ばす
c.Redirect(http.StatusMovedPermanently, "/hello")
}
routes/api.gopackage routes
import (
"github.com/gin-gonic/gin"
)
func HelloJson(c *gin.Context) {
c.JSON(200, gin.H{
"name": "taro",
})
}
템플릿 파일
templates/layouts.html<html>
<head>
<link rel="stylesheet" href="assets/css/style.css">
<title>Sample</title>
</head>
<body>
<!-- Render the current template here -->
{{template "content" .}}
</body>
</html>
templates/hello.html{{define "content"}}
<h2>Hello {{.name}}!</h2>
{{end}}
스타일 시트
assets/css/style.cssh2 {
color: red;
}
실행 결과
Reference
이 문제에 관하여(프레임 "GIN"을 사용해 보았습니다(스타일시트 및 템플릿 호출 방법).), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/koshi_an/items/9754ce406184ce4e0a5e
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
.
├── main.go
├── asset
│ └── css
│ └── style.css
├── templates
│ ├── hello.html
│ └── layout.html
└── routes
├── routes.go
└── api.go
main.go
package main
import (
"routes"
"github.com/gin-gonic/gin"
)
func main() {
router := gin.Default()
// 事前にテンプレートをロード 相対パス
// router.LoadHTMLGlob("templates/*/**") などもいけるらしい
router.LoadHTMLGlob("templates/*.html")
// 静的ファイルのパスを指定
router.Static("/assets", "./assets")
// ハンドラの指定
router.GET("/hello", routes.Hello)
// グルーピング
user := router.Group("/api")
{
user.GET("/hello", routes.HelloJson)
}
router.NoRoute(routes.NoRoute) // どのルーティングにも当てはまらなかった場合に処理
router.Run(":8080")
}
처리 프로그램
routes/routes.gopackage routes
import (
"net/http"
"github.com/gin-gonic/gin"
)
func Hello(c *gin.Context) {
c.HTML(http.StatusOK, "layout.html", gin.H{
"name": "Taro",
})
}
func NoRoute(c *gin.Context) {
// helloに飛ばす(ログインしていない場合に、ログイン画面に飛ばす
c.Redirect(http.StatusMovedPermanently, "/hello")
}
routes/api.gopackage routes
import (
"github.com/gin-gonic/gin"
)
func HelloJson(c *gin.Context) {
c.JSON(200, gin.H{
"name": "taro",
})
}
템플릿 파일
templates/layouts.html<html>
<head>
<link rel="stylesheet" href="assets/css/style.css">
<title>Sample</title>
</head>
<body>
<!-- Render the current template here -->
{{template "content" .}}
</body>
</html>
templates/hello.html{{define "content"}}
<h2>Hello {{.name}}!</h2>
{{end}}
스타일 시트
assets/css/style.cssh2 {
color: red;
}
실행 결과
Reference
이 문제에 관하여(프레임 "GIN"을 사용해 보았습니다(스타일시트 및 템플릿 호출 방법).), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/koshi_an/items/9754ce406184ce4e0a5e
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
package routes
import (
"net/http"
"github.com/gin-gonic/gin"
)
func Hello(c *gin.Context) {
c.HTML(http.StatusOK, "layout.html", gin.H{
"name": "Taro",
})
}
func NoRoute(c *gin.Context) {
// helloに飛ばす(ログインしていない場合に、ログイン画面に飛ばす
c.Redirect(http.StatusMovedPermanently, "/hello")
}
package routes
import (
"github.com/gin-gonic/gin"
)
func HelloJson(c *gin.Context) {
c.JSON(200, gin.H{
"name": "taro",
})
}
templates/layouts.html
<html>
<head>
<link rel="stylesheet" href="assets/css/style.css">
<title>Sample</title>
</head>
<body>
<!-- Render the current template here -->
{{template "content" .}}
</body>
</html>
templates/hello.html{{define "content"}}
<h2>Hello {{.name}}!</h2>
{{end}}
스타일 시트
assets/css/style.cssh2 {
color: red;
}
실행 결과
Reference
이 문제에 관하여(프레임 "GIN"을 사용해 보았습니다(스타일시트 및 템플릿 호출 방법).), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/koshi_an/items/9754ce406184ce4e0a5e
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
h2 {
color: red;
}
Reference
이 문제에 관하여(프레임 "GIN"을 사용해 보았습니다(스타일시트 및 템플릿 호출 방법).), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/koshi_an/items/9754ce406184ce4e0a5e텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)