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

相关推荐
f***686010 分钟前
【SpringBoot篇】详解Bean的管理(获取bean,bean的作用域,第三方bean)
java·spring boot·后端
z***75151 小时前
【Springboot3+vue3】从零到一搭建Springboot3+vue3前后端分离项目之后端环境搭建
android·前端·后端
胡萝卜3.02 小时前
掌握C++ map:高效键值对操作指南
开发语言·数据结构·c++·人工智能·map
电子_咸鱼3 小时前
【STL string 全解析:接口详解、测试实战与模拟实现】
开发语言·c++·vscode·python·算法·leetcode
w***95493 小时前
SQL美化器:sql-beautify安装与配置完全指南
android·前端·后端
沐知全栈开发3 小时前
ionic 选项卡栏操作详解
开发语言
曹牧3 小时前
C#中,#region和#endregion
开发语言·c#
顾安r3 小时前
11.22 脚本打包APP 排错指南
linux·服务器·开发语言·前端·flask
橙子家4 小时前
Serilog 日志库简单实践(三)集中式日志与分析平台 Sinks(.net8)
后端