【go】仅设想,能不能通过pure go编写页面。

设想

通过pure-go编写页面, 似乎不太好实现, 就当学习前端html基础了。

完成度 0.5%

App.go:

go 复制代码
package src

import (
	d "github.com/go-webtools/wgo/core/document"
	"github.com/go-webtools/wgo/core/react"
	"github.com/go-webtools/wgo/core/window"
)

func App() d.Html {

	state, setState := react.UseState("Hello")

	handleClick := func() {
		window.Alert("Clicked")
		setState("world")
	}
	return d.Html{
		Child: []d.Element{
			d.H1{Child: "Hello World"}, // 添加一个 H1 元素
			d.Div{Child: []d.Child{
				"Nested Child And State is:", // 字符串作为子元素
				state,
				d.H1{Child: "Nested H1"}, // 嵌套一个 H1
				d.Button{
					Child:   "按钮",
					OnClick: handleClick,
				},
			}},
		},
	}
}

wgo

编写一个wgo。

wgo run 等价于 yarn serve, 开发模式的页面,加载html到内存

wgo build 等价于yarn build, 构建html到dist/目录下。

相关推荐
熬夜学编程的小王8 分钟前
【C++篇】从基础到进阶:全面掌握C++ List容器的使用
开发语言·c++·list·双向链表·迭代器失效
悄悄敲敲敲10 分钟前
C++:智能指针
开发语言·c++
书埋不住我16 分钟前
java第三章
java·开发语言·servlet
好开心3324 分钟前
javaScript交互案例2
开发语言·前端·javascript·html·ecmascript·交互
tian-ming27 分钟前
(十八)JavaWeb后端开发案例——会话/yml/过滤器/拦截器
java·开发语言·前端
Ztiddler36 分钟前
【npm设置代理-解决npm网络连接error network失败问题】
前端·后端·npm·node.js·vue
快意咖啡~37 分钟前
java.nio.charset.MalformedInputException: Input length = 1
java·开发语言·nio
李钢蛋41 分钟前
PHP函数---function_exists()详解
开发语言·php
halo14161 小时前
uni-app 界面TabBar中间大图标设置的两种方法
开发语言·javascript·uni-app
货拉拉技术1 小时前
多元消息融合分发平台
javascript·后端·架构