MESSION 04 | HTML页面加载模块

之前的例子都是在使用UISYS的模块的能力，那么原生的HTML也如何加载UISYS的模块呢？
下面我们来看下，具体实现方法。

1. 首先我们新建一个UISYS的模块文件 Index.ui,保存到 D:/mession/目录下，内容如下：

Index.ui

2. 接着我们编写一个静态页面 index.html,保存到 D:/mession/目录下，内容如下：

index.html

上面的的代码有几处需要注意：

引用模块需要引入模块类库 uisys.js,否则没有模块加载的API。
uisys.js 你手里不需要有，一会使用AIroot UISYS工具作为WEB服务的时候回自动提供。也就是说你必须要写 /uisys.js 这样的路径,否则UISYS的服务不会解析此路径。
加载模块到指定节点下用 [HTML节点名].loadModule([模块地址]) 这样的方式加载。本例中 document.body.loadModule("Index"); 代表把Index.ui这个模块加载到document的body节点下。
写模块名称时，直接写模块名称即可，不需要把扩展名带上(*.ui),如 document.body.loadModule("Index.ui"); 这么写就是错误的。

3. 启动UISYS工具，在平台中输入 pub D:/mession/ :80, 如果命令行出现如下图绿色的文字，代表此目录已经发布成功了。
您可以进行Web访问了。

AIroot UISYS v0.9.9

AIroot UISYS - http://www.airoot.cn/

Bootup successful

Date 2020-01-01 22:00:37

pub D:/mession/ :80

The [p0] seted in [D:\mession].

The [p0] starting at [:80].

web server is a ui-system server.

WEB Server Started at [:80]. Use protocol http

5. 接下来，请打开Chrome浏览器，如果您能看到下面的页面，说明您成功了！

有兴趣的朋友可以在开发者模式下,找到network的加载内容，如图 /uisys.js 即使在mession目录下没有仍然可以被加载。