關注這兩個方面的同學個踴躍加粉了~~同時在下面回復期望開源哪一個，將先開源呼聲高的一個。
好吧，先小秀一下UI：
增加下面的pom依賴，表示此工程需要org.tinygroup.aerowindow
| 1 2 3 4 5 | ????????<dependency> ????????????<groupId>org.tinygroup</groupId> ????????????<artifactId>org.tinygroup.aerowindow</artifactId> ????????????<version>1.0.0-SNAPSHOT</version> ????????</dependency> |
接下來就可以在頁面文件中編寫內容了：
比如創建aero.page文件
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | #@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 |
運行結果：
簡單吧。
實際上，這個效果要出來，需要用到aero window jquery plugin,它還用到了jqueryui，JqueryUI還用到了jquery，但是所有的這一切程序員都不用管了。
只要引用了UI組件包org.tinygroup.aerowindow，什么jss,css,什么圖片資源，字體資源統統不用管。
| 1 2 3 | #@aeroWindow("Demo"?"演示"?"400"?"300")......#end |
只要在頁面中寫入上面的內容，......就會自動放入到窗口中去。
再看一個例子：
增加下面的pom依賴，表示此工程需要org.tinygroup.arctext
| 1 2 3 4 5 | ????????<dependency> ????????????<groupId>org.tinygroup</groupId> ????????????<artifactId>org.tinygroup.arctext</artifactId> ????????????<version>1.0.0-SNAPSHOT</version> ????????</dependency> |
然后編寫下在的頁面文件arctext.page：
| 1 2 | #@arcText?("abc"?3?"100"?1?"200pt"?"200pt")中華人民共和國#end #@arcText?("aaa"?3?"100"?-1?"200pt"?"200pt")中華人民共和國#end |
然后執行，就可以執行出下面的效果：
只要去掉上面的POM依賴，它們就會消失的干干凈凈。
)
 ：Preview6 緩存和限流)
