daz

达兹

Golang的组合HTML组件

DAZ是使用模板的“功能性”替代方法，并且允许嵌套组件/列表还可以启用无模板的服务器端渲染组件，并支持嵌套列表。它的灵感来自Hyperscript。

可以创建一个组件并与简单功能一起使用：

 // Example prop for a component
type User struct {
	Name string
	// ...
}

func MyComponent ( user User ) HTML {
	return H (
		"div" ,
		Attr { "class" : "bg-grey-50" },
		user . Name ,
	)
}

func Root () HTML {
	user := User { Name : "Daz" }
	return H ( "html" , MyComponent ( user ))
}

// And used in a handler:

func Handler ( w http. ResponseWriter , r * http. Request ) {
	w . Write ([] byte ( Root ()()))
}

可以轻松地创建列表，而无需将range / end嵌入模板中：

 items := [] HTML {
	H ( "li" , "item one" ),
	H ( "li" , "item two" ),
}

element := H ( "ul" , Attr { "class" : "bg-grey-50" }, items )

div := H ( "div" , element )

安装

 import (
	"github.com/stevelacy/daz"
)

用法

功能H

创建HTML元素：

 H ( "div" , ... attrs )

struct Attr

HTML属性：

 Attr {
	"class" : "app" ,
	"onClick" : "javascriptFunc()" ,
}

功能UnsafeContent

这将绕过HTML消毒，并允许直接注射

 injection := "<script>alert('xss')</script>"
root := H ( "div" , UnsafeContent ( injection ))
// <script>alert('xss')</script>