본문 바로가기
개발/Fiber

[Fiber] Fiber Template 사용하기

by devhooney 2022. 11. 8.
728x90

Fiber Template 사용하기

Springboot처럼 Fiber로 백엔드를 개발하고, 화면은 프론트엔드 프레임워크를 사용하거나 템플릿 엔진을 사용한다.

 

난 회사에서 Springboot + Thymeleaf로 개발하는데, Fiber에서는 Html을 템플릿 엔진으로 사용할 수 있다.

 

Fiber에서 제공하는 템플릿 엔진은

  • html
  • ace
  • amber
  • django
  • handlebars
  • jet
  • mustache
  • pug

이렇게 8가지 이다.

 

난 전회사에서 사용했었던 html을 템플릿으로 사용하고, 포스팅을 작성했다.

 

- 사용법

package main

import (
	"github.com/gofiber/fiber/v2"
	"github.com/gofiber/template/html"
)

func main() {
	// Initialize standard Go html template engine
	engine := html.New("./views", ".html")

	app := fiber.New(fiber.Config{
		Views: engine,
	})
	app.Get("/", func(c *fiber.Ctx) error {
		// Render index template
		return c.Render("index", fiber.Map{
			"Title": "Hello, World!",
		})
	})
	app.Listen(":3000")
}

 

main.go와 같은 경로에 views라는 폴더를 생성한다.

그리고 views안에 index.html 파일을 생성한다.

 

{{template "partials/header" .}}

<h1>{{.Title}}</h1>

 

views폴더 안에 partials폴더 생성 후 

header.html을 생성하여 다음과 같이 작성한다.

<h2>Header</h2>

 

views폴더 안에 layouts폴더를 생성 후

main.html을 생성하여 다음과 같이 작성한다.

<!DOCTYPE html>
<html>

<head>
  <title>Main</title>
</head>

<body>
  {{embed}}
</body>

</html>

 

이렇게 해주고 서버 실행 후 localhost:3000 url에 접속하면

화면을 확인할 수 있다.

 

 

- 참조

https://github.com/gofiber/template/tree/master/html

 

GitHub - gofiber/template: 🧬 Template engine middleware for Fiber

🧬 Template engine middleware for Fiber. Contribute to gofiber/template development by creating an account on GitHub.

github.com

 

728x90

'개발 > Fiber' 카테고리의 다른 글

[Fiber] Fiber Routing과 Grouping  (0) 2022.11.07
[Fiber] Fiber 설정 및 에러  (0) 2022.11.05
[Fiber] Fiber 기본  (0) 2022.11.04
[Fiber] Go로 DB Connect하기(MariaDB)  (0) 2022.08.13
[Fiber] Go로 Backend 시작하기  (2) 2022.08.10