UISYS的使用

最新推荐文章于 2020-04-14 18:10:47 发布

超级太空人

最新推荐文章于 2020-04-14 18:10:47 发布

阅读量580

点赞数 1

分类专栏： AIroot UISYS 文章标签： UISYS react nodejs vue ui-system

原文链接：https://gitee.com/uucckk/AIroot-UISYS

版权

AIroot UISYS 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

UI-SYSTEM

http://www.airoot.cn/

说明

UI-SYSTEM 是一套轻巧、高性能、静态前端系统，可以快速构建稳健的WEB服务。
整套系统采用了混合式的开发思想，即“选择合适的技术做擅长的事，各尽其职，优势融合”。
UI-SYSTEM 设计思想是 “简单明了，直截了当”，让前端工程师直接进入开发状态。
UI-SYSTEM 在模块化设计上，采用微模块方案，你可以把他理解为DNA和氨基酸的配合，一切展现模块都是即时组合，并且在渲染上做了大量优化，能提供原生性能的渲染体验。
UI-SYSTEM 提供了命令行控制服务和自动配置文件两种方式部署，服务采用热更新方式，动态切换服务参数。
UI-SYSTEM 采用Go作为开发语言，充分利用了Go的高并发能力，很高兴选择了Go作为服务开发（之前一直使用Java，实际上GO在复杂业务上处理速度已经远远高于Java这门语言，网上很多人用JIT命中高例子和Go对比是不正确的。）

支持自定义HTML标签可以自己动手编写一个标签，完全由你定义，支持使用HTML、CSS、JavaScript混合编写。	支持HTML封装为控件 HTML页就是控件(模块页)，你可以发布这个模块到任何人的Super HTML平台上使用。
更好的Script语法糖支持更好的面向对象特性，同时兼容JavaScript的写法。	支持继承和扩展支持继承HTML页，同时可以对HTML页元素扩展。支持public、private、static等关键字。
自动生成API文档完成一个HTML模块页，平台会自动生成模块的API说明文档。不用人工干涉。	支持 UI 模块单页测试每一个模块都可以独立测试，可以通过Console方便的调试。解决了单页WEB应用的测试问题。

前端渲染平台

UI-SYSTEM (代号), 是一款编译系统,可以将WEB页封装和发布。它不是JS框架、也不是DOM框架。
其内建的编译引擎可以升级当前WEB平台，使它具备面向对象的特性。
UI-SYSTEM的优势是抛开了以往语言级别的面向对象设计，采用全面向对象设计（包含HTML、CSS、JavaScript等）。
UI-SYSTEM的开发和普通的WEB开发没有什么区别，几乎零学习成本。

与Node.js区别

首先，UI-SYSTEM不负责后台开发，也就是说它只面向前端开发，你不可以把它作为动态服务器来学习。

优势

UI-SYSTEM 不需要安装、即学即用。程序体积小，在性能及易用性上都做了深度考量。
UI-SYSTEM 即面向普通WEB开发，同时也面向模块化开发。
UI-SYSTEM 即适合初学者人群，同时也适合高级JavaScript开发人群。

面向对象的模块化能力

UI-SYSTEM 相比现在的WEB 模块化框架,其在设计之初就是以模块化思想为基础，UI-SYSTEM 的开发体验更加友好，拥有高效的编程方案，同时兼备了友好的开发体验。
UI-SYSTEM 在设计之初，就将模块化、资源管理、整合其他框架作为其创建目标，所以你会发现，当你开启UI-SYSTEM编程第一个Hello World的页面时，其背后已经帮你解决了许多关键问题。不需要什么全家桶、不需要什么机制，加载、渲染、卸载、资源管理、网络资源、外部包等等，都已经考虑了。

UI-SYSTEM 是重量级框架吗？

首先，UI-SYSTEM 不是框架，他是一个面向前端的渲染平台，采用Google Golang 开发。UI-SYSTEM的默认发布框架包仅仅只有20KB。UI-SYSTEM的设计初衷就是用最简单的代码解决复杂的问题，平台发布代码均以高扩展性、高复用性、高维护性作为思想基础，你可以想象到，一套轻量级的代码量去构建重量级别的项目。
因此，UI-SYSTEM是轻量级的平台，但是可以承接复杂的项目。UI-SYSTEM发布的项目是轻量级的，但是具备重量级项目的表现力。

如何使用

WINDOWS
点击这里下载 UI-SYSTEM 的演示包

方式1

window系统运行uisys.exe
从example里面添加一个工程，写法如下：

pub example/v1 :80

其中:80是开启服务的端口好，也可以指定发布地址，如127.0.0.1:80
3. 打开chrome浏览器，输入：http://127.0.0.1/

方式2

也可以直接将您的工程目录拖动到uisys.exe图标上。
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Bit1EvIC-1575512929655)(doc/img/dragstart.gif)]
确保弹出的控制台没有端口占用错误错误。
打开chrome浏览器，输入：http://127.0.0.1/

LINUX 和 CENTOS

DARWIN

ARM

服务运行方式

UI-SYS 的服务节点运行方式，默认是以开发(Development) 模式运行的，在此模式下，UISYS的WEB SERVER 会对扩展名为*.ui,*.es 两种文件进行实时解析，当我们要发布的时候，需要切换到静态发布模式，届时，所有的*.ui,.es都会变成.ui.hmtl这样的扩展名。
如果想了解UISYS的*.ui,*.es扩展名文件的概念可以点击这里。
静态模式命令如下：

$> pub example/v1 :80 -s

命令的格式是在原有格式后加上 -s 即可（-s 代表 static）。

我们介绍下 UISYS 平台的基本命令，包括服务控制命令和项目参数设置命令。

命令解析

服务控制命令

1. help

获取帮助信息

$> --help
---------------------------------------------
    lang Language Setting.
    COMMAND: lang <zh/cn>

    pub Publishing websites.
    COMMAND: pub <path> [HTTP Service IP:PORT]

    ls Show services list.
    COMMAND: ls

    add Add services and don't use command as services name.
    COMMAND: add <Service Name> [Project Path] [HTTP Service IP:PORT]
...

2. version

获取软件版本

$> version
---------------------------------------------
    AIroot UI-SYSTEM 0.9.5beta

3. pub

发布指定目录为网站
命令格式: pub [HTTP Service IP:PORT]

$> pub example/v1
---------------------------------------------
  The [p0] setted in [E:\UISYS-RELEASE\example\v1].
  The [p0] starting at  [:80]
  WEB Server Started At: [:80]. Use protocol http

可以指定端口：

$> pub example/v1 :8888
---------------------------------------------
  The [p0] setted in [E:\UISYS-RELEASE\example\v1].
  The [p0] starting at  [:8888]
  WEB Server Started At: [:8888]. Use protocol http

可以指定绝对路径：

$> pub E:\UISYS-RELEASE\example\v1 :8888
---------------------------------------------
  The [p0] setted in [E:\UISYS-RELEASE-0.9.5BETA\example\v1].
  The [p0] starting at  [:8888]
  WEB Server Started At: [:8888]. Use protocol http

对于带空格的路径可以用引号括起来，如下：

$> pub "E:\UISYS RELEASE\example\v1" :8888
---------------------------------------------
  The [p0] setted in [E:\UISYS RELEASE\example\v1\example\v1].
  The [p0] starting at  [:8888]
  WEB Server Started At: [:8888]. Use protocol http

可以指定https服务

$> pub "E:\UISYS-RELEASE\example\v1" https://:80
---------------------------------------------
  The [p0] starting at  [https://:80]
  WEB Server Started At: [:80]. Use protocol https

可以全部制定：

$> pub "E:\UISYS-RELEASE\example\v1" https://10.110.10.34:80
---------------------------------------------
  The [p0] starting at  [https://10.110.10.34:80]
  WEB Server Started At: [10.110.10.34:80]. Use protocol https

4. ls

列出当前存在的服务节点。

$> ls
---------------------------------------------
  0. p1 Running 2019-07-10 23:43:28     D:\UISYS-RELEASE\example\v1       http://0.0.0.0:80/
  1. a2 Stopping        2019-07-10 23:43:43     D:\UISYS-RELEASE\example\v2     http:///
  ----list over----

5. add

Add services and don’t use command as services name.
添加服务节点，用于挂在被发布的工程。
注意：服务名称不能使用add作为服务的名字。

命令格式: add <Service Name> [Project Path] [HTTP Service IP:PORT]

$> add a0 example/v1 :80
---------------------------------------------
  The [a0] setted in [E:\UISYS-RELEASE\example\v1].
  The [a0] starting at  [:80]
  WEB Server Started At: [:80]. Use protocol http

也可以只创建服务节点，但是不挂在项目：

$> add a0
---------------------------------------------
  The [a0] added successfully.

如果需要挂在节点，可以通过 stp（set project）命令挂在项目目录：

$> a0 stp example/v1
---------------------------------------------
  The [a0] setted in [C:\Users\Administrator\Desktop\UISYS-RELEASE-0.9.5BETA\example\v1].

此时，我们只是挂在了项目，如果要运行需要使用 run 命令：

$> run a0 :80
---------------------------------------------
  The [a0] starting at  [:80]
  WEB Server Started At: [:80]. Use protocol http

6. run

Start service.
运行服务节点

命令格式: run <Service Name> [IP:PORT], For Example:run test 127.0.0.1:1511

$> run a0
---------------------------------------------
  The [a2] starting at  [:80]
  WEB Server Started At: [:80]. Use protocol http

可以指定端口

$> run a0 :80
---------------------------------------------
  The [a2] starting at  [:80]
  WEB Server Started At: [:80]. Use protocol http

可以指定IP

$> run a0 10.110.10.34:80
---------------------------------------------
  The [a2] starting at  [10.110.10.34:80]
  WEB Server Started At: [10.110.10.34:80]. Use protocol http

可以指定https服务

$> run a0 https://:80
---------------------------------------------
  The [a2] starting at  [https://:80]
  WEB Server Started At: [:80]. Use protocol https

可以全部制定：

$> run a0 https://10.110.10.34:80
---------------------------------------------
  The [a2] starting at  [https://10.110.10.34:80]
  WEB Server Started At: [10.110.10.34:80]. Use protocol https

7. stop

停止服务

命令格式: stop <Service Name>

$> stop a0
---------------------------------------------
  a0 Stop [a0]
  status: [:80]http: Server closed.
  [:80]JUS Server END.

8. rm

移除服务

命令格式: rm <Service Name>

$> rm a0
---------------------------------------------
  [a0] remove success.
  status: [:80]http: Server closed.
  [:80]JUS Server END.

9. nat

实现端口穿透功能。

命令格式: nat <-add/-remove> <本机端口> <映射机器IP:端口号>
例如，我们希望将本机的12000端口映射到10.110.10.28的3389端口。
3389 端口是window服务器的远程桌面服务端口，这样就可以暴露本机的12000端口来对外提供服务。
写法如下：

$> nat -add desktop :12000 10.110.10.28:3389
---------------------------------------------
  The [desktop] starting at  [:12000-->10.110.10.28:3389]
  ----list over----

查看本平台用了多少个对外映射可以：

$> nat
---------------------------------------------
  desktop       [:12000-->127.0.0.1:3389]       Running 0
  ----list over----

如果要删除这个映射服务可以用一下命令：

$> nat -remove desktop
---------------------------------------------
>> accept tcp [::]:12000: use of closed network connection
desktop Close havs error:  close tcp [::]:12000: use of closed network connection
  ----list over----

10. -c

关闭控制台（Console）的输入功能。

$> -c
---------------------------------------------
  Console Input Method Unabled.

11. webc

启动Web版的服务器命令窗口。该功能默认以https发布。

命令格式: webc [HTTP Service IP:PORT]

$> webc
---------------------------------------------
Web Control Server Started At: [:3690]. Use protocol https

如果自己设定服务端口，可以用：

$> webc :10000
---------------------------------------------
Web Control Server Started At: [:10000]. Use protocol https

12. bat

执行批处理命令，可以指定多个批处理文件。

命令格式：bat [batch file Name…]
UI-SYSTEM 可以运行多个WEB服务，因此如果每次服务重启都要手工重新敲击一边太慢了。
我们可以将经常重服务输入的命令写在一个文件或多个文件里。

例如，我们编写一个“config.conf”，如下：

#发布example/v1工程到80端口
pub example/v1 :80
#发布example/v2工程到90端口
pub example/v2 :90

然后保存到uisys.exe 可以访问的目录，例如，放到uisys目录下。
然后再uisys控制台输入命令：

$> bat config.conf
---------------------------------------------
#发布example/v1工程到80端口
  The [p0] setted in [C:\UISYS-RELEASE\example\v1].
  The [p0] starting at  [:80]
#发布example/v2工程到90端口
  WEB Server Started At: [:80]. Use protocol http
  The [p1] setted in [C:\UISYS-RELEASE\example\v2].
  The [p1] starting at  [:90]
  WEB Server Started At: [:90]. Use protocol http

bat 多个执行多个命令文件，如下：

$> bat config.conf config1.conf "E:/uisys conf/config2.conf"
---------------------------------------------
  ...

13. stat

get application status，for example time and so on.
获取平台的运行状态，用以显示当前平台的起始时间和运行时间。

$> stat
---------------------------------------------
    Date 2019-07-13 23:27:45
    Now  2019-07-13 23:33:20

14. exit

Exit.
退出服务

项目参数设置

1. ctp

create project dir.
创建一个UI交互工程目录，ctp 是 create project 的缩写。
COMMAND: ctp <Project Path>
命令格式：ctp <项目路径>
说明：被创建的工程平台会直接帮您挂在到一个临时服务节点上。

$> ctp D:\uisys\project01
---------------------------------------------
  create project [D:\uisys\project01].

  The [a0] added successfully.
  The [a0] setted in [D:\uisys\project01].
  The project mount at[a0] server.

2. stp

set project dir.
重新设置一个服务节点的工程目录,stp 是 set project 的缩写。
COMMAND: stp <Service Name>
例如，如果平台已有一个服务节点a0，可以重新让其指向"D:\uisys\project01"的路径。

$> stp a0 D:\uisys\project01
---------------------------------------------
  The [a0] setted in [D:\uisys\project01].

3. ctf

create module file.
COMMAND: ctf [-Create Method(-h|m|s|r)] <Service Name>
For Example:ctf test component.Test
ctf test -hr component.Test

4. release

release project.
发布工程为原生工程，以便其他服务器可以使用。
COMMAND: release <Service Name> [Project Path]

$> release a0 D:\uisys\project-release\
---------------------------------------------
  ----Release Complete----

5. send

push data to Service by websocket.
通过UI-System自建的websocket数据服务，推送数据到WEB客户端。
COMMAND: send <Service Name> <User ID> <UUID> <Value>

6. lw

display websocket list of Service
查看服务节点提供的websocket服务被多少个WEB客户端连接。
COMMAND: lw <Service Name> [-h]

7. info

The project infomation
显示项目信息
COMMAND: rm <Service Name>

8. set

Set project attributes.
设置WEB工程的属性
COMMAND: set <Service Name> <AttributeName> <Value> [Value…]

9. ret

Remove project attributes.
COMMAND: ret <Service Name> <AttributeName>