1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
|
# Getting Started
This document explains a basic usage of Ace by showing a simple example.
## 1. Create Ace templates
Create the following Ace templates.
base.ace
```ace
= doctype html
html lang=en
head
meta charset=utf-8
title Ace example
= css
h1 { color: blue; }
body
h1 Base Template : {{.Msg}}
#container.wrapper
= yield main
= yield sub
= include inc .Msg
= javascript
alert('{{.Msg}}');
```
inner.ace
```ace
= content main
h2 Inner Template - Main : {{.Msg}}
= content sub
h3 Inner Template - Sub : {{.Msg}}
```
inc.ace
```ace
h4 Included Template : {{.}}
```
## 2. Create a web application
Create the following web application.
main.go
```go
package main
import (
"net/http"
"github.com/yosssi/ace"
)
func handler(w http.ResponseWriter, r *http.Request) {
tpl, err := ace.Load("base", "inner", nil)
if err != nil {
http.Error(w, err.Error(), http.StatusInternalServerError)
return
}
if err := tpl.Execute(w, map[string]string{"Msg": "Hello Ace"}); err != nil {
http.Error(w, err.Error(), http.StatusInternalServerError)
return
}
}
func main() {
http.HandleFunc("/", handler)
http.ListenAndServe(":8080", nil)
}
```
## 3. Check the result.
Run the above web application and access [localhost:8080](http://localhost:8080). The following HTML will be rendered.
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Ace example</title>
<style type="text/css">
h1 { color: blue; }
</style>
</head>
<body>
<h1>Base Template : Hello Ace</h1>
<div id="container" class="wrapper">
<h2>Inner Template - Main : Hello Ace</h2>
<h3>Inner Template - Sub : Hello Ace</h3>
<h4>Included Template : Hello Ace</h4>
</div>
<script type="text/javascript">
alert('Hello Ace');
</script>
</body>
</html>
```
|
