MESSION 05 | 动态创建模块

之前的任务,UISYS引入模块都是通过“超文本”(HTML)方式引入。
而交互性强的UI单独靠HTML描述是不够的,那么UISYS可以使用JS之类的语言来动态创建模块吗?
今天我们来看下UISYS 动态创建模块的例子。
1. 首先我们准备一个交互模块,他是一个 64x64 正方形,点击时可以切换颜色。文件保存为 D:/mession/05/Box.ui
Box.ui
2. 接下来我们创建一个 640x640 像素的div。保存为 D:/mession/05/Index.ui
Index.ui
3. 启动UISYS工具,在平台中输入 pub D:/mession/05 :80, 如果命令行出现如下图绿色的文字,代表此目录已经发布成功了。
您可以进行Web访问了。
AIroot UISYS v0.9.9
AIroot UISYS - http://www.airoot.cn/
Bootup successful
Date 2020-01-01 22:00:37
pub D:/mession05/ :80
The [p0] seted in [D:\mession\05].
The [p0] starting at [:80].
web server is a ui-system server.
WEB Server Started at [:80]. Use protocol http
5. 接下来,请打开Chrome浏览器,如果您能看到下面的页面,说明您成功了!
上图中右侧浏览器的“S”字符是是通过鼠标点击的,您也可以通过点击Box切换三种颜色。
考虑下如果想通过点击把Box重新置回白色应该怎样做呢?