FlowyLabs/explore-go-htmx
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add simple htmx example

Browse Source
This commit is contained in:
talksik
2025-11-09 13:47:32 -08:00
parent d0fd2be150
commit 4138e72f63
1 changed files with 21 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
cmd/main.go
+21
View File
@@ -9,6 +9,22 @@ import (
var x = 2 var x = 2
func main() { func main() {
http.HandleFunc("/data", func(w http.ResponseWriter, req *http.Request) {
w.WriteHeader(200)
const tpl = `
<p>Hey check out the data</p>
`
t, err := template.New("default").Parse(tpl)
if err != nil {
http.Error(w, err.Error(), http.StatusInternalServerError)
return
}
err = t.Execute(w, nil)
if err != nil {
http.Error(w, err.Error(), http.StatusInternalServerError)
return
}
})
http.HandleFunc("/", func(w http.ResponseWriter, req *http.Request) { http.HandleFunc("/", func(w http.ResponseWriter, req *http.Request) {
w.WriteHeader(200) w.WriteHeader(200)
// fmt.Fprintf(w, "Welcome to the home page!") // fmt.Fprintf(w, "Welcome to the home page!")
@@ -19,9 +35,14 @@ func main() {
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>{{.Title}}</title> <title>{{.Title}}</title>
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script> <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/htmx.min.js"></script>
</head> </head>
<body> <body>
{{range .Items}}<div class="bg-red-200">{{ . }}</div>{{else}}<div><strong>no rows</strong></div>{{end}} {{range .Items}}<div class="bg-red-200">{{ . }}</div>{{else}}<div><strong>no rows</strong></div>{{end}}
<button hx-post="/data" hx-swap="outerHTML" class="bg-pink-500">
Click Me
</button>
</body> </body>
</html>` </html>`