• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

    airoot-uisys: 精简的WEB前端模块化工具,UI 引擎可以充分的发挥HTML“语义化”的思想 ...

    原作者: [db:作者] 来自: 网络 收藏 邀请

    开源软件名称:

    airoot-uisys

    开源软件地址:

    https://gitee.com/uucckk/AIroot-UISYS

    开源软件介绍:

    AIroot UISYS

    www.airoot.cn

    A powerful web ui tool, so we call it uisys!

    For example

    <@pub/><!-- define a module --><@define name="MyBox">  <div>Hello Baby!</div></@define><!-- you code here. --><div>  <MyBox/>  <MyBox/></div>

    How to run it?

    1. You need to use uisys, download
    2. Then save the above file to D:\test\index.ui
    3. Finally, run uisys.exe, and enter the following command in the terminal:
    pub D:\test\ :90

    OK, open Chrome / Firefox and type http://localhost:90/index.ui

    you can see double "Hello Baby!" in your broswer.

    Other examples

    You can also use JavaScript as follows:

    <@pub/><!-- define a module --><@define name="MyBox">  <div>Hello Baby!</div></@define><!-- you code here. --><div>  <!-- dom area --></div><script>  function init(){    var box = new MyBox();    dom.appendChild(box);  }</script>

    mybe ...

    <@pub/><!-- define a module --><@define name="MyBox">  <div>Hello Baby!</div></@define><!-- you code here. --><div id="ct"></div><script>  function init(){    var box = new MyBox();    #ct.appendChild(box);  }</script>

    If you want the MyBox module to be a file, you can save it, for example:

    Create the file MyBox.ui, and the code is as follows:

    <!-- module MyBox code in D:\test\MyBox.ui --><div>Hello Baby!</div>

    Then create the file Index.ui with the following code:

    <!-- module Index code in D:\test\Index.ui --><@pub/><div>  <MyBox/>  <MyBox/></div>

    open the browser to see the results,You can still see double "Hello Baby!" words.

    use package

    If you want to put files in a folder, you can do this:

    For example, take the D:\test\MyBox.ui move to D:\test\mymod\mybox.ui.

    Then Index.ui import MyBox.ui should be changed to the following code:

    <!-- module Index code in D:\test\Index.ui --><@pub/><div>  <mymod.MyBox/>  <mymod.MyBox/></div>

    Or it can be imported globally:

    <!-- module Index code in D:\test\Index.ui --><@pub/><@import value="mymod.MyBox" /><div>  <MyBox/>  <MyBox/></div>

    open the browser to see the results,You can still see double "Hello Baby!" words.


    鲜花

    握手

    雷人

    路过

    鸡蛋
    该文章已有0人参与评论

    请发表评论

    全部评论

    专题导读
    热门推荐
    阅读排行榜

    扫描微信二维码

    查看手机版网站

    随时了解更新最新资讯

    139-2527-9053

    在线客服(服务时间 9:00~18:00)

    在线QQ客服
    地址:深圳市南山区西丽大学城创智工业园
    电邮:jeky_zhao#qq.com
    移动电话:139-2527-9053

    Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap