300粉丝集结号吹响了,可以开源重量级的流程引擎或UI引擎

关注这两个方面的同学个踊跃加粉了~~同时在下面回复期望开源哪一个,将先开源呼声高的一个。

好吧,先小秀一下UI:

增加下面的pom依赖,表示此工程需要org.tinygroup.aerowindow

        <dependency>
            <groupId>org.tinygroup</groupId>
            <artifactId>org.tinygroup.aerowindow</artifactId>
            <version>1.0.0-SNAPSHOT</version>
        </dependency>

接下来就可以在页面文件中编写内容了:

比如创建aero.page文件

#@aeroWindow("Demo" "演示" "400" "300")
<ul>
	<li><strong>Special feature:</strong> Live animated Aero Glossy look (see header when moving) </li>
	<li>Usual window buttons: Minimize, Zoom, Maximize and Close </li>
	<li>Double-click support, such as in windows (maximize, zoom out) </li>
	<li>Active window is highlighted visually, as in Windows </li>
	<li>User-infinitely scalable window size </li>
	<li>Sliding window by mouse dragging </li>
	<li>Usual Z-order management, as in Windows </li>
	<li>+ Animated change of window size</li>
	<li>+ Multiple configuration options </li>
</ul>
#end

#@aeroWindow("hundsun" "百度" "800" "400")
<iframe src="http://www.baidu.com" width="100%" height="100%" style="border: 0px;" frameborder="0"></iframe>
#end

#@iconContainer("abc")
	#@icon("firefox" "DesktopIcon-Firefox.png")
	alert(1);
	#end
#end

运行结果:

300粉丝集结号吹响了,可以开源重量级的流程引擎或UI引擎_第1张图片

简单吧。

实际上,这个效果要出来,需要用到aero window jquery plugin,它还用到了jqueryui,JqueryUI还用到了jquery,但是所有的这一切程序员都不用管了。

只要引用了UI组件包org.tinygroup.aerowindow,什么jss,css,什么图片资源,字体资源统统不用管。

#@aeroWindow("Demo" "演示" "400" "300")
......
#end

只要在页面中写入上面的内容,......就会自动放入到窗口中去。

再看一个例子:

增加下面的pom依赖,表示此工程需要org.tinygroup.arctext

        <dependency>
            <groupId>org.tinygroup</groupId>
            <artifactId>org.tinygroup.arctext</artifactId>
            <version>1.0.0-SNAPSHOT</version>
        </dependency>

然后编写下在的页面文件arctext.page:

#@arcText ("abc" 3 "100" 1 "200pt" "200pt")中华人民共和国#end
#@arcText ("aaa" 3 "100" -1 "200pt" "200pt")中华人民共和国#end



然后执行,就可以执行出下面的效果:

300粉丝集结号吹响了,可以开源重量级的流程引擎或UI引擎_第2张图片

只要去掉上面的POM依赖,它们就会消失的干干净净。

你可能感兴趣的:(UI,流程,flow,tiny)