教程集 www.jiaochengji.com
教程集 >  Golang编程  >  golang教程  >  正文 vugu,golang面向WebAssembly的WebUI库

vugu,golang面向WebAssembly的WebUI库

发布时间:2021-12-08   编辑:jiaochengji.com
教程集为您提供vugu,golang面向WebAssembly的WebUI库等资源,欢迎您收藏本站,我们将为您提供最新的vugu,golang面向WebAssembly的WebUI库资源

Vugu是一个用Go编写的面向WebAssembly的Web UI实验库

开源:github.com/vugu/vugu

官网在这里:https://www.vugu.org/

文档在这里:https://www.vugu.org/doc

也可以即时运行 https://play.vugu.org

<code>root.vugu 这是主要的文件,Web呈现。</code>

<pre class="has"><code class="language-Go"><div class="my-first-vugu-comp"> <button @click="data.Toggle()">Test</button> <div vg-if="data.Show">I am here!</div> </div> <style> .my-first-vugu-comp { background: #eee; } </style> <script type="application/x-go"> type RootData struct { Show bool } func (data *RootData) Toggle() { data.Show = !data.Show } </script></code></pre>

<code>devserver.go 这是运行文件,名字随意,注意第一行。</code>

<pre class="has"><code class="language-html">// build ignore package main import ( "log" "net/http" "os" "github.com/vugu/vugu/simplehttp" ) func main() { wd, _ := os.Getwd() l := "127.0.0.1:8844" log.Printf("Starting HTTP Server at %q", l) h := simplehttp.New(wd, true) // include a CSS file // simplehttp.DefaultStaticData["CSSFiles"] = []string{ "/my/file.css" } log.Fatal(http.ListenAndServe(l, h)) }</code></pre>

运行后,可以通过浏览器http://127.0.0.1:8844看到效果。

1. <code>root.vugu只支持一个顶级div,当然你可以嵌套
2.root.vugu中的script不再支持javascript,只允许</code>application/x-go,使用<code>golang代码</code>
3. 像模板一样,vugu可以使用一些关键词,完成判断,循环,事件,动态,模块化等功能。

服务器部份还是主要看看引用的github.com/vugu/vugu/simplehttp/simple-handler.go文件,这里包括了页面的默认定义等等。

到此这篇关于“vugu,golang面向WebAssembly的WebUI库”的文章就介绍到这了,更多文章或继续浏览下面的相关文章,希望大家以后多多支持JQ教程网!

您可能感兴趣的文章:
vugu,golang面向WebAssembly的WebUI库
Python3爬虫入门:pyspider的用法详解
Go 语言十年而立,Go2 蓄势待发
Python3爬虫入门:pyspider 框架介绍
jQuery选择头像并实时显示的代码
Go 开发关键技术指南 | 为什么你要选择 Go?(内含超全知识大图)
快速开发WebUI jQuery MiniUI
Golang各版本特点以及安装包下载地址
Python3爬虫利器:pyspider的安装
Golang核心知识总结

[关闭]
~ ~