This package just generate html and css code, it can be used as insertions in templates, or even how template engine.
go get github.com/sg3des/htmlExamples:
div := html.NewObject("div").SetID("yourid").AddClass("classname")
fmt.Println(div)
// <div id="yourid" class="classname"></div>
a := html.NewA("http://somedomain.com/")
a.String()
// <a href="http://somedomain.com/"></a>
div = div.AddChilds(a)
// <div id="yourid" class="classname"><a href="http://somedomain.com/"></a></div>
script := html.NewJavaScript().Src("/assets/script.js").String()
//<script type="application/javascript" src="/assets/script.js"></script>
linkstyle := html.NewStyleLink("/assets/style.css").String()
//<link rel="stylesheet" type="text/css" href="/assets/style.css">Generate page:
page := html.NewPage("page title")
page = page.AddToHead(...)
page = page.AddToBody(...)
page.String()
//<!DOCTYPE html><html><head><title>page title</title>...</head><body>...</body></html>Work how template engine for http hander:
func handler(w http.ResponseWriter, r *http.Request) {
page := html.NewPage("title")
div := html.NewObject("div").AddInnerText("Hello, World!")
page := page.AddToBody(div)
page.WriteTo(w)
}It`s can be before prepared:
type Controller struct {
Page html.Page
}
func (c *Controller) InitPage() {
style := html.NewStyleLink("/assets/style.css")
script := html.NewJavaScript().Src("/assets/script.js")
main := html.NewObject("main").AddChilds(html.NewObject("h1"))
footer := html.NewObject("footer")
c.Page = html.NewPage("title")
c.Page = c.Page.AddToBody(main, footer)
c.Page = c.Page.AddToHead(script, style)
// etc
// ...
}
func (c *Controller) handler(w http.ResponseWriter, r *http.Request) {
page := c.page.AddToBody(
html.NewObject("div").AddInnerText("time: "+time.Now().String()),
html.NewObject("div").AddInnerText("addr: "+r.RemoteAddr),
)
page.WriteTo(w)
} Genereate CSS style:
style := NewStyle("#someid", ".some-class").Color("red").Position("relative")
style.String()
// #someid, .some-class{color: red; position: relative;}
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent