【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/目录下。

相关推荐
G018_star sky♬几秒前
nodeJS他是如何用JavaScript封装C++的呢
开发语言·javascript·c++
java_nnnn9 分钟前
Spring MVC小案例(1)
java·后端·spring·mvc
陈随易15 分钟前
从今天起,你只需要一个浏览器之Ego lite
前端·后端·程序员
wyhwust16 分钟前
程序设计基础--C语言输入输出单元测试
c语言·开发语言
云和数据.ChenGuang31 分钟前
python sorted函数详细剖析
开发语言·人工智能·windows·python·1024程序员节
打工仔折腾 AI35 分钟前
AI Agent 工程化实战(二):5 分钟跑通 Deep Agent 并逐层拆解底层链路
java·数据库·人工智能·后端·python·langchain·ai agent 实战
外收内放37 分钟前
FastAPI猜字谜实战(4):让AI主持人开口
开发语言·python·学习·fastapi
云和数据.ChenGuang38 分钟前
Python map() 函数详解:从语法、原理到实战用法
开发语言·人工智能·python·langchain·1024程序员节
秋名RG41 分钟前
(二)存储、CPU 与指令执行——程序为什么快,又为什么慢
java·开发语言
Highcharts.js44 分钟前
Highcharts甘特图开发带导航功能的项目管理图示例
开发语言·前端·javascript·甘特图·highcharts·项目管理图