亚洲综合色成在线播放,亚洲高清免费视频,91久久亚洲国产成人精品性色

iTopoview Java網絡拓撲圖組件 ---官網

幻海藍夢 — Wed, 14 Jul 2010 23:06:00 GMT

原文：http://www.zhtelecom.com/itopoview.htm
iTopoview Java網絡拓撲圖組件

系統介紹
??? iTopoview是專門面向網絡拓撲圖領域的界面組件，采用Java技術開發，為軟件開發人員準備。使用者無需了解任何圖形技術，無需借助其他腳本，通過簡單的Java數據定義和操縱，即可創建出專業高效的網絡拓撲圖；并且提供了菜單、鼠標、用戶業務數據、用戶業務處理、告警等操作，讓網絡拓撲圖的工作變得愉悅高效。iTopoview附帶了一個完整網絡拓撲圖界面源代碼，供用戶學習參考，可用于Java GUI、Web Applet或Ajax + iTopoview等環境中。

在線體驗

Java Web Start方式演示(需Java插件)?????????? 瀏覽器在線方式演示

iTopoview界面樣例
采用iTopoview API開發的界面

幻海藍夢 2010-07-15 07:06 發表評論

用wz_jsgraphics.js（javascript圖形庫）進行畫矢量圖,兼容多瀏覽器

幻海藍夢 — Wed, 14 Jul 2010 03:22:00 GMT

原文： http://squll.blogbus.com/logs/3932957.html
序：在 www.sitepoint.com 上看了 Simon 的一篇 BLOG ，引導我去了一個很棒的 Web 開發站點 http://www.walterzorn.com/ ，并在那里獲得了一個僅用 DHTML 和 Javscript 技術開發的一個高性能的矢量圖形庫 wz_jsgraphics.js （感謝 Walter Zorn 開發了這個圖形庫），使用它就可以在你的網頁上畫出漂亮的矢量圖形了。進入這個圖形庫的介紹頁面 http://www.walterzorn.com/jsgraphics/jsgraphics_e.htm ，映入眼簾的是折線、多邊形、圓等常見的一些幾何圖形，起初我以為不過是一些圖片罷了，當我看到這行小字 These are not image files. Shapes & text have been dynamically drawn with wz_jsgraphics.js 后，并細細閱讀了關于它的說明后，才意識到除了VML 和 SVG可以在網頁上繪制顯示矢量圖形，僅用DHTML 和 Javascript 同樣可以做到這一切！是不是覺得很吃驚呢？(雙擊一下這個文檔，看看放大后的矢量圖形吧)，ok!廢話少說，下面我將詳細介紹一下這個圖形庫。

★ 總覽 (overview)

該圖形庫使用了 DHTML 和 Javascript 技術，它可以畫線，圓，橢圓，折線，多邊形，矩形。對于一個不太了解 Javascript 的人來說使用這個圖形庫也是非常容易的，另外，使用這個圖形庫畫出的圖形是完全被優化到像素級的！

★ 瀏覽器的兼容性

Linux 系統 :
Browsers with Gecko-Engine (Mozilla, Netscape 6+, Galeon), Konqueror 3.0.3 ( 非常慢 ), Netscape 4, Opera 5 and 6.

Windows 系統 :
Gecko-Browsers, IE 4, 5 and 6, Netscape 4, Opera 5, 6 and 7.

說明：如果在網頁全部加載完成后，使用這個矢量圖形庫進行繪制，在 Opera 版本 7 以前的瀏覽器中不會執行， Netscape 版本 4 也不會執行。相反，當 HTML 頁面正在被解析時，使用這個圖形庫進行繪制是全部瀏覽器均能做到的。

★ 怎樣使用這個矢量圖形庫？

1 ．包含這個庫

插入下面的代碼到你的 html 文件的開頭部分（在和之間）：

2 ．使用層（ div 或 layer ）作為畫布（ canvases ）
如果是當頁面正被載入時，直接在 html 頁面中繪制，那么這個步驟不是必須的。

如果在頁面加載完成后繪制，應該設置幾個具有絕對坐標的層，作為你的畫布，每一個層應該有一個唯一的 id:

...

3 ．下載并保存這個圖形庫

到這個地址 http://www.walterzorn.com/scripts/wz_jsgraphics.zip 下載，將解壓后的 wz_jagraphics.js 與你的 html 文件放至相同的目錄中，如果你的 wz_jagraphics.js 與 html 文件處于不同的目錄下，記得在 src=”wz_jsgraphics.js” 中指示 wz_jagraphics.js 的相對路徑。

★ 怎樣使用這個矢量圖形庫中的繪制函數？

1 ． 創建一個 jsGraphics 對象

a) 在頁面完全載入后繪制：

（這種方式不會在 Netscape 版本 4 和 Opera 版本小于 7 的瀏覽器中執行）

還記得前面用 div 元素創建的畫布嗎？看下面的示例，需要為 div 創建相應的 jsGraphics 對象，這些代碼必須插入到相關的 div 元素結束標志后面，但必須在的前面， div 元素的 id 作為 new jsGraphics(); 的構造參數，像下面這樣：

如果有多個 div 元素，每一個 div 都需要有它自已的 jsGraphics 對象：

b ）在頁面載入的時候繪制
（在 Netscape 4 和 Opera 5/6 可以執行）

只需要將構造參數設為空：

你可以選擇 jg,jg2 或 jg_doc 其它的變量名，只要不違反 Javascript 的命名規則就可以。

2. 圖形繪制函數

為確保所有瀏覽器能正確執行，這里選擇頁面載入時進行繪制，即上文的 b 方式

一旦產生這些圖形對象（在這個示例中 jg, jg2 或 jg_doc ），就可以使用它來調用繪制圖形的方法。由圖形對象所繪制的圖形將會在相關的 div 元素上顯示（采用上文 a 方式構造圖形對象）：

開始畫時應首先選擇畫筆顏色，否則，畫筆的顏色取默認值－黑色。坐標值作為繪制圖形方法的參數，如果采用上文的 a 方式構造圖形對象，那么坐標值是相對于 div 元素的左上角的。每一個畫布（圖形對象），它的 paint 方法必須被顯示的調用以產生 html 格式的圖形，否則，在你的屏幕上什么都不會發生。

函數名（方法）	示例代碼（用 jg 圖形對象）
setColor( "#HexColor" ); 指定畫筆顏色，一旦設置后，這個顏色會一直保留，直到下一次再重新指定畫筆顏色，這個顏色值可以類似于 html 中的 #rrggbb 顏色表示，用名稱表示顏色也可以，例如：“ maroon ”	jg.setColor("#ff0000"); or with identical result jg.setColor("red");
setStroke( Number ); 指定畫筆采用的線厚度，這個厚度一旦被設置，會一直保留，直到下一次重新指定一，默認厚度是 1px. 要設置點劃線型，需要傳 Stroke.DOTTED 參數，點劃線型同樣適用于矩形，多邊型，折線和橢圓。	jg.setStroke(3); or jg.setStroke(Stroke.DOTTED);
drawLine( X1, Y1, X2, Y2 ); 畫線。從第一個坐標點到第二個坐標點，線的厚度由 setStroke 設置。	jg.drawLine(20,50,453,40);
drawPolyline( Xpoints, Ypoints ); 一條折線是一系列線段的集合， Xpoints 和 Ypoints 是每個點的 x 坐標和 y 坐標的數組集合，必須像下面這樣聲明： var Xpoints = new Array(x1,x2,x3,x4,x5); var YPoints = new Array(y1,y2,y3,y4,y5);	var Xpoints = new Array(10,85,93,60); var YPoints = new Array(50,10,105,87); jg.drawPolyline(Xpoints,Ypoints);
drawRect( X, Y, width, height ); 一個矩形的外邊線。參照左上角的坐標點，并指定矩形的寬度和高度。	jg.drawRect(20,50,70,140);
fillRect( X, Y, width, height ); 填充矩形，參照左上角的坐標點，并指定矩形的寬度和高度。	jg.fillRect(20,50,453,40);
drawPolygon( Xpoints, Ypoints ); 多邊形。 Xpoints 和 Ypoints 是每個點的 x 坐標和 y 坐標的數組集合，必須像下面這樣聲明： var Xpoints = new Array(x1,x2,x3,x4,x5); var YPoints = new Array(y1,y2,y3,y4,y5); 如果始點和終點末被指定，多邊線將會自動閉合。	var Xpoints = new Array(10,85,93,60); var Ypoints = new Array(50,10,105,87); jg.drawPolygon(Xpoints, Ypoints); Instead of Xpoints and Ypoints you may use another name provided it follows the rules for variable names.
fillPolygon( Xpoints, Ypoints ); 填充矩形。參數作用見 drawPolygon()	jg.fillPolygon(new Array(10,85,93,60), new Array(50,10,105,87));
drawEllipse( X, Y, width, height ); 畫橢圓邊線。參照橢圓的外接矩形， x 和 y 是這個外接矩形的左上角坐標	jg.drawEllipse(20,50,70,140); or jg.drawOval(20,50,70,140);
fillEllipse( X, Y, width, height ); 填充橢圓。參數見 drawEllipse()	jg.fillEllipse(20,50,71,141); or jg.fillOval(20,50,71,141);
drawString( "Text", X, Y ); 寫文本至由 x 和 y 坐標指定的位置。不同于 Java ，坐標值是第一行文本的左上角坐標值。如果文本中包含有 HTML 標記將被轉義，舉個例子： "Some Text more Text" 會被轉義為兩行 setFont( "font-family", "size+unit", Style ); 在 drawString() 之前調用。指定字體，大小，樣式，字體和大小可以是與 HTML 中指示的一樣，至于樣式，可以使用的有： Font.PLAIN 默認樣式，非粗體和斜體 Font.BOLD 粗體 Font.ITALIC 斜體它們可以結合使用	jg.setFont("arial","15px",Font.BOLD); jg.drawString("Some Text",20,50);
drawImage( "src", X, Y, width, height ); 在指定的位置畫圖像， ”src” 參數指定圖像所在路徑， width 和 height 參數允許調整圖像寬高。	jg.drawImage("friendlyDog.jpg", 20,50,100,150);
paint(); 必須顯示調用，才能真正在 html 頁面上畫圖形，不推薦每隔一段（每畫一個圖形）就調用一次。像下面這樣的調用應該避免 : jg.drawEllipse(0, 0, 100, 100); jg.paint(); jg.drawLine(200, 10, 400, 40); jg.paint(); ... 像下面這樣的調用性能會很高 : jg.drawEllipse(0, 0, 100, 100); jg.drawLine(200, 10, 400, 40); /... 還有其它畫的方法 ... / jg.paint(); // 最后調用 paint()	jg.paint();
clear(); 與圖形對象關聯的 div 畫布中的圖形被清除（在 div 中不是由這個圖形對象創建的內容是不會被改變的）	jg.clear();
setPrintable( true ); 默認情況下，打印這些圖形是不太可行的，因為瀏覽器的默認打印設置中會關閉打印背景，調用 setPrintable() ，并設置參數為 true ，將重置圖形為可打印的（至少在 Mozilla/Netscape 6+ and IE 中）

幻海藍夢 2010-07-14 11:22 發表評論

ZK + Spring + Hibernate最簡單的例子

幻海藍夢 — Sun, 11 Jul 2010 08:25:00 GMT

?
原文：http://chanson.javaeye.com/blog/164786
1、Spring+Hibernate配置起來很簡單，具體就不細說了，網上多的是。

2、ZK顯示頁面
【query.zul】

?
???
?????
?????
?????
?????
???
???
?????
?????
?????
?????
???
?

《說明》：
A、
這個別忘記了，剛學的時候就是因為它報了不少錯誤。
B、use="chanson.common.web.ui.ListTestBean"
這個類就是銜接前后臺的關鍵類。
C、${*.*}這個是標準的EL寫法。

3、ListTestBean——最關鍵的銜接類
public class ListTestBean extends Listbox {

??? public void onCreate() {
??? ? ITestLogic testLogic = (ITestLogic) SpringFactory
? .getBeanFactory().getBean("testLogic");
??? ? List testList = testLogic.find("from Test");
??????? Iterator it = testList.iterator();
??????? while(it.hasNext()) {
??????????? Test test = (Test) it.next();
??????????? Long id = test.getId();
??????????? String name = test.getName();
??????????? Integer sex = test.getSex();
??????????? Date birthday =test.getBirthday();
??????????? Double money = test.getMoney();??????

??????????? Listitem listitem = new Listitem();
??????????? listitem.setValue(id);
??????????? listitem.setParent(this);

??????????? Listcell nameCell = new Listcell(name);
??????????? Listcell sexCell = new Listcell(sex.toString());
??????????? Listcell birthdayCell = new Listcell(birthday.toString());
??????????? Listcell moneyCell = new Listcell(money.toString());
??????????? nameCell.setParent(listitem);
??????????? sexCell.setParent(listitem);
??????????? birthdayCell.setParent(listitem);
??????????? moneyCell.setParent(listitem);
??????? }
???? }
}
《說明》：
A、例子是一個簡單的查詢，所以看起來也比較簡單。
B、該類的作用有點像似servlet，只是省略了頁面跳轉
C、setter/getter真是麻煩，得找找更簡潔的方法

【附錄】
1）、數據庫設計——test表
CREATE TABLE `test` (
? `id` decimal(22,0) NOT NULL default '0',
? `name` varchar(100) default NULL,
? `sex` int(1) default NULL,
? `birthday` datetime default NULL,
? `money` decimal(15,4) default NULL,
? PRIMARY KEY? (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8;
2）、其他應該沒什么了吧？
3）、頁面效果圖

幻海藍夢 2010-07-11 16:25 發表評論

ZK--學習研究1/2/3

幻海藍夢 — Sun, 11 Jul 2010 08:01:00 GMT

原文：http://jerrysun.blog.51cto.com/745955/280525
由于工作的變動，已經很久沒有更新Blog了。來到新公司又馬不停蹄的開始了自己的工作，現在終于可以忙里偷閑了，呵呵。

　　雖然說新公司的業務和自己之前從事的是兩個領域，不過好在技術還是Java，而且在新公司的第一個項目還和之前的一樣，開發一個內容管理系統，哈哈，這個可是我比較擅長的。在經歷兩月的時間之后，終于滿足了需求的內容，順利上線。不過又出了新問題，就是界面比較難看，這時領導提議說“要不你用ZK改造吧，公司之前的系統也是ZK做的”。這個提議倒是不錯，不過對于我來說又是一個挑戰。

　　google了一下，發現ZK在國內使用的不是很多，資料也不是很全。只能是摸著河過石頭了。不會寫，還不會抄嗎，先下載ZK官網的Demo看看再說

　　下了Demo，搭建環境，運行，發現ZK確實比較好用，非常類似于微軟的.Net，它提供了很多組件，使用這些組件可以很快的進行開發。我認為ZK最好的地方在于code-behind，這一點和.Net是非常類似的。這樣就不用再像寫JSP的時候那樣將一些具體的操作代碼寫到頁面中，使頁面代碼非常難閱讀；而它又比WebWork更加靈活，有些東西不需要再重新修改WebWork中的組件（由于敝人對于WebWork的使用不是很精通，請各位WebWork、Structs達人不要拍磚）。

　　也許是我接觸的東西少吧（作為一個程序員，實在是慚愧啊），總之ZK讓我覺得很容易上手，后面的應用也說明了這一點。

書接上回，前面說了那么多，到底ZK有啥好處呢？這個就只可意會不可言傳了，呵呵。

　　舉個例子，假設有個列表需要顯示，在頁面中可以使用table或者是ul li來實現，table的代碼如下：

"0" cellpadding="0" width="90%" border="0"class="table_cont">
??
<%
????//判斷列表是否為空
????if(activeList==null || activeList.isEmpty() || activeList.size()<1)
????{
??????//為空，顯示提示信息
??????out.print("");
????}
????else
????{
??????//不為空，顯示列表內容
??????out.println("\n\n");
??????Iterator iter = activeList.iterator();
??????Active active = null;
??????while(iter.hasNext())
??????{
????????active = (Active)iter.next();
????????out.println("");
????????out.print("");
????????if(active.getCreateDt()!=null)
????????{
??????????out.print("");
????????}
????????else
????????{
??????????out.print("");
????????}
????????if(active.getStatus()==1)
????????{
??????????out.print("");
????????}
????????elseif(active.getStatus()==2)
????????{
??????????out.print("");
????????}
????????out.print("");
????????out.println("");
??????}
????}
%>
??

名稱	活動日期	狀態	操作
目前 "+strProvinceName+" 還沒有活動
"+active.getTitle()+"	"+active.getCreateDt().toString().substring(0,10)+"	?	上線	下線	+province+"&activeId="+active.getId()+"\">修改??"); ????????out.print("+province+"&activeId="+active.getId()+"\">刪除

　　效果圖如下：

可以看出其中有一些的判斷，然后還要擔心“<%”和“%>”是否匹配，“{”和“}”是否匹配等等情況。如果是ZK的話，這些不必要的擔心就可以省去了。

　　頁面（list.zul）代碼：

xmlversion="1.0"encoding="UTF-8"?>
pagetitle="列表"contentType="text/html;charset=UTF-8"?>
<zk>
<windowstyle="heigth:100%; border:0; text-align:center;"id="winList">
??<stylesrc="../styles/global.css">style>
??<divstyle="padding-top:20px; vertical-align:bottom;">
????<labelvalue="列表"/><separator/>
??div>
??<divstyle="padding:0px 0px 0px 0px;text-align:center;width:80%;">
????<labelid="lblTips"visible="false"style="color:#FF0000;"/>
????<listboxid="blacklistList"style="width:100%;">
??????<listheadstyle="text-align:center;">
????????<listheaderlabel="用戶號碼"style="width:15%;"/>
????????<listheaderlabel="用戶類別"style="width:15%;"/>
????????<listheaderlabel="說明"style="width:35%;"/>
????????<listheaderlabel="添加日期"style="width:15%;"/>
????????<listheaderlabel="操作"style="width:20%;"/>
??????listhead>
????listbox>
??div>
??<zscriptlanguage="Java">
???????????????? import com.zk.list;
???????????? list ui = new list();
???????????? ui.setWinMain(winlList);
???????????? ui.showAllBlacklist();
????]]>
??zscript>
window>
zk>

　　邏輯處理代碼（list.java）：

publicvoid showAllBlacklist()
{
??try
??{
????// 得到列表
????BlacklistIF blacklistIf = ServiceLocator.getBlacklistIF();
????List blacklistList = blacklistIf.findAllBlacklist(-1);
????
????// 判斷列表是否為空
????if(blacklistList.size()>0 && !blacklistList.isEmpty())
????{
??????this.showList(blacklistList);
????}
??}
??catch(Exception ex)
??{
????ex.printStackTrace();
??}
}

privatevoid showList(List blacklistList)
{
??// 得到列表組件，用于顯示群發安排列表
??Listbox listbox = (Listbox)winMain.getFellow("blacklistList");
????
??// 列表的行組件
??Listitem listitem = new Listitem();
????
??// 列表的列組件
??Listcell listcell = new Listcell();
????
??for(int i=0;i??{
????// 用戶號碼
????listcell.setLabel(blacklistList.get(i).getMobile());
????listitem.appendChild(listcell);
????
????// 用戶類別
????listcell = new Listcell();
????switch(blacklistList.get(i).getType())
????{
??????case 1:
????????listcell.setLabel("黑名單");
????????break;
??????case 2:
????????listcell.setLabel("黃名單");
????????break;
??????case 3:
????????listcell.setLabel("綠名單");
????????break;
??????case 4:
????????listcell.setLabel("非彩信用戶");
????????break;
????}
????listitem.appendChild(listcell);
????
????// 說明
????listcell = new Listcell();
????if(blacklistList.get(i).getDescription().equals(""))
????{
??????listcell.setLabel("暫無");
????}
????else
????{
??????listcell.setLabel(blacklistList.get(i).getDescription());
????}
????listitem.appendChild(listcell);
????
????// 添加日期
????listcell = new Listcell();
????listcell.setLabel(blacklistList.get(i).getCreateDate().toString().substring(0,10));
????listitem.appendChild(listcell);
????
????// 顯示操作按鈕
????Hbox hbox = new Hbox();
????
????// 彩信產品的id，添加事件監聽時要用final修飾的變量
????finalint id = Integer.parseInt(blacklistList.get(i).getId().toString().trim());
????// 添加一個查看按鈕
????Button button = new Button();
????button.setLabel("查看");
????// 為查看按鈕添加一個
????button.addEventListener(Events.ON_CLICK, new EventListener()
????{
??????publicvoid onEvent(Event arg0) throws Exception {
????????showBlacklistDetail(String.valueOf(id));
??????}
????});
????button.setVisible(false);
????hbox.appendChild(button);
????
????// 添加一個刪除按鈕
????button = new Button();
????button.setLabel("刪除");
????// 為刪除按鈕添加一個
????button.addEventListener(Events.ON_CLICK, new EventListener()
????{
??????publicvoid onEvent(Event arg0) throws Exception {
????????delBlacklist(String.valueOf(id));
??????}
????});
????hbox.appendChild(button);
????
????listcell = new Listcell();
????listcell.appendChild(hbox);
????listitem.appendChild(listcell);
????
????// 將當前行在列表中顯示
????listbox.appendChild(listitem);
????
????listitem = new Listitem();
????listcell = new Listcell();
??}
}

　　效果圖如下：

　　可以看到，這樣就達到了邏輯處理和頁面顯示的代碼分離，使得頁面顯示的代碼更加清晰，而邏輯處理類的作用也更加明顯。
前面已經看見效果了，咱們就來開始實際應用它吧。首先要做的是搭建開發環境，訪問ZK的官方網站http://www.zkoss.org/，在頁面的頂部導航，或者右側可以看到download，點擊download進去，在頁面的Downloads列表中選擇第二項“ZK studio”，這時會進入另一個頁面，此時我們只要在MyEclipse中的插件管理面板中將“Online Installation”下面的地址粘貼進去，點擊OK就好了。接下來就是等待MyEclipse幫我們把ZK插件安裝好。

　　安裝好以后，會彈出一個對話框，要輸入用戶名和密碼，這個只要在ZK的網站上注冊一下就好了。我嘗試過不輸入用戶名、密碼，結果ZK不能正常使用了

　　開發環境有了，接下來就是來編寫我們的第一個ZK工程了。在MyEclipse中選擇file->new->project 然后選擇ZK Project，然后next，輸入工程名，finish就可以了。這時會詢問是否切換到ZK的編輯面板，這個就因人而異吧，自己喜歡就好。

　　在ZUL文件的代碼中，你會看到“New Content Here!” 這句話，把它替換成你自己想寫的內容，保存，然后部署到Tomcat下，訪問這個ZUL文件，就能看到效果了。

　　效果圖如下：

　　代碼如下：

pagetitle="new page title"contentType="text/html;charset=UTF-8"?>
<zk>
<windowtitle="new page title"border="normal">
我的第一個ZK頁面，hoho
window>
zk>

　　嘿嘿，第一個ZK頁面出來嘍

幻海藍夢 2010-07-11 16:01 發表評論

ZK--如何使用JSP

幻海藍夢 — Sun, 11 Jul 2010 07:55:00 GMT

原文：http://hi.baidu.com/zk_ajax/blog/item/883b0f36030da1dca3cc2bb3.html
Zk 使用的是 zul ，據說是 xul 的擴展，反正對于我這種用慣 JSP 的人實在不習慣，于是便嘗試并搜索著如何將 zk 整合到 JSP 中，還真找到了，不過 JSP 文件就必須嚴格遵守 XML 格式了，例如 就得寫成
或

了，剛開始狂報錯，基本上都是標簽未關閉，實在不慣啊。哈，進正題了。

?????? 還記得那個 zkajax 工程嗎，打開它，然后打開 web.xml 文件 ( 如果不知道這個文件的位置，我就該哭了 ) ，如果出現的是圖形，就點下面 Source 即可出現代碼。

?????? 在標簽的前面添加如下的 filter(Ctrl+Shift+F5 可以對齊文本 )

????????????? zkFilter

?????????????

???????????????????? org.zkoss.zk.ui.http.DHtmlLayoutFilter

?????????????

???????????????????? extension

???????????????????? html

????????????????????

?????????????

??????

????????????? zkFilter

????????????? *.jsp

????????????? REQUEST

????????????? INCLUDE

????????????? FORWARD

????????????? ERROR

??????

????

在 WebContent 目錄下新建一個 test_jsp 文件，內容如下

<%@ page language="java" pageEncoding="UTF-8"%>

測試 zk jsp

測試 zk jsp" border="normal" width="100px">

測試 zk jsp

在這文件上點右鍵 ->Rin As->Run on server, ，即可看到運行結果，大概是下圖的樣子：

是不是字體很小？我覺得太小了，于是我修改 css 文件中的字體，我把大部分該成了 10pt ( 原來為 x-small 或 xx-small ) ，此文件為與 zul.jar\web\zul\css\normie.css.dsp ，然后再運行就是下圖的樣子了：

感覺到變化了吧。

幻海藍夢 2010-07-11 15:55 發表評論

ZK DEMO--在本地部署環境

幻海藍夢 — Sun, 11 Jul 2010 07:53:00 GMT

原文：http://hi.baidu.com/zk_ajax/blog/item/05c0f61133ce3d7fcb80c476.html
班主任讓人幫忙做一個教師管理系統，我看著是一個機會，就跟一位同學去了。算是接下了一個項目。另我吃驚的是可以有一小筆收入，心中暗喜。

?????? 接下來不好過了，后臺技術足夠了 , 缺一個做界面的，要是 dorado 不付費早用它了。接下來費了好大勁終于找到了一個開源的東西 ---zk ，一個作界面的不二之選。

?????? 扯遠了，接下來是正題。

??? 可以在 http://www.zkoss.org/ 上下到有關 zk 需要的東西，我用的版本是 zk-2.3.0.zip 。

下面介紹如何在 eclipse 部署 zk 環境

(1)??? 打開 eclipse, File->New->Project->Web->Dynamic Web Project ，即新建一個動態網站，工程名為 zkajax 。我個人傾向于在 Java Psrspective 環境下工作。

(2)??? 將 zk-2.3.0\demo\src\zkdemo\WebContent 下的文件放在工程中的對應位置

(3)??? 將 zk-2.3.0\zk-2.3.0\dist\lib 下的所有 jar 引入路徑 ( 放在 WEB-INF/lib 下 )

(4)??? 將 zk-2.3.0\demo\src\zkdemo\src 下的 java 文件放在工程的三 src 下

(5)??? 最后是下圖的樣子

(6)??? 運行，在工程 zkajax 上點右鍵 ->Run As->Run on Server ，選中 tomcat ，點 Finish 即可，網頁出來后點 Zk Demo ，效果圖如下：

幻海藍夢 2010-07-11 15:53 發表評論

10種加速Ajax開發的主流框架

幻海藍夢 — Thu, 08 Jul 2010 01:19:00 GMT

原文：http://www.slfans.com/?action-viewnews-itemid-17119　
1. APS.NET的官方解決方案
　　ASP.NET AJAX
　　網址：ajax.asp.net

　　ASP.NET AJAX是微軟.NET平臺上的解決方案，提供涵蓋伺服器端與用戶端所需的AJAX技術與JavaScript整合機制。

　　透過與下載與安裝ASP.NET AJAX到Visual Studio 2005當中，即可利用預設的控制項，開發出一些視覺特效與非同步傳輸的應用。

　　另外，ASP.NET AJAX也提供控制項的Toolkit，包含開發人員想自行開發AJAX應用時所需的基底類別與專案范本。

　　ASP.NET AJAX除了處理瀏覽器的相容性問題，也讓用戶端的JavaScript在開發時加入物件導向特性，例如型別系統、資料型別、命名空間、事件等，使得程式碼更容易除錯、維護與重復使用。

　　雖然ASP.NET AJAX提供伺服器與用戶端的解決方案，透過Visual Studio2005加持，也讓開發、除錯的難度降低，不過和其他AJAX框架相比，許多AJAX效果和功能都還在測試階段（在CTP版本中供用戶測試），可以應用的功能有限。

　　2.支援「上一頁」與加入「我的最愛」功能
　　Dojo
　　網址：dojotoolkit.org

　　一些輕巧的Ajax框架，用意在解決JavaScript遇到的易用性或特效問題，相較之下，Dojo更像是個面面俱到的JavaScript 工具套餐，號稱可以降低網頁或網頁應用程式前端開發速度。

　　Dojo支援拖拉、淡出、淡入、移動、透明、操作SVG圖檔等動態效果，它的Widget也讓使用者可以輕易使用選單，分頁標簽（tab）、樹狀結構、日歷、文字編輯器等效果，當然也支援非同步處理的Ajax功能。

　　另外，Ajax由于以動態的方式操作文件物件，導致使用者習于使用上一頁、下一頁的功能無法使用，也無法利用像是「我的最愛」的功能，將使用者所需的頁面留下正確的書簽，但這些需求Dojo都已有解法。

　　比起其他輕巧型的Ajax框架，要摸熟Dojo顯然要下較多的功夫才能掌握，目前文件較少也是個問題。不過由于它的功能更為完整，因此開發人員需要自行加工的地方就相對較少。

　　3.可由JavaScript呼叫Java語法
　　DWR(Direct Web Remoting)
　　網址：www.getahead.ltd.uk/dwr

　　DWR是設計給Java語言的Ajax框架，讓開發人員可以利用JavaScript程式呼叫Java語法。

　　DWR的運作可分為兩個部分，一方面用在瀏覽器上，處理連接伺服器端Java程式，另一部分則是用來展示回傳資料。透過DWR呼叫Java的函式，它會處理連接處理的細節，而當資料被處理完成后，DWR就會執行回呼函式，以進行后續呈現的處理。

　　在安裝DWR時必須編輯Web應用程式的部署描述檔案，而且也要編輯DWR特定檔案。 DWR配置檔案指定了可以遠端建立和呼叫的類別。檔案中包含伺服器程式碼的JAR檔案，另外還有JavaScript檔案，提供一些輔助函式，處理互動呈現的效果。

　　DWR最大的好處就在于讓Java開發人員可以利用熟悉的語法來處理頁面與資料，并且能配合Struts、Tapestry來使用。不過從用戶端呼叫遠端伺服器的Java程式，仍存在一些安全上的疑慮，在使用時必須注意。

　　4.以易用性、簡化語法為目標
　　jQuery
　　網址：jquery.com

　　jQuery是最近大受矚目的Ajax框架，它以Prototype為本，簡化并提升JavaScript語法的功能。

　　jQuery有點像是將Prototype所做的事再推向極端，讓使用者改變原有撰寫JavaScript的方法。它最為人稱道的地方，就在于強大的存取頁面元素功能，無論是文件的節點、CSS的選取子或Xpath表達式，都能利用「$（）」函式快速存取，并賦予它更多的功能。

　　此外，它的chainable方法能將一串處理函式結合在一起，讓程式碼更為簡潔。另外jQuery也提供一些動態效果，不過和其他框架相比，這部分就顯得陽春許多。

　　jQuery的優劣其實都在同一件事情上，一方面它簡化JavaScript的語法，讓撰寫程式更為簡便，就好用的目的而言，的確是相當成功。然而這卻讓JavaScript的程式碼會發展成另一種樣子，對于初學者而言，一開始學習時，必須要花點時間去適應。

　　5.依功能需求，下載模組化工具
　　MooTools
　　網址：mootools.net

　　前身是以輕巧著稱的Moo.fx，與Prototype有著相似的概念和語法，但在物件導向上做得更為徹底，而且在動畫效果和互動行為上，提供更多的功能與應用，能讓使用者更快的寫出物件導向概念的JavaScript語法。

　　MooTools的下載檔依模組分為核心、類別、原生語法、網頁元素、瀏覽器視窗、動畫效果、拖曳、遠端傳輸與外掛程式，除了核心程式是必要下載之外，其他可依使用者需求，下載所需的JavaScript檔案，借此減少檔案的體積。

　　雖然MooTools將JavaScirpt物件導向化的結果做得更徹底，有利于程式的擴展與維護，不過也挑戰原先熟悉JavaScript物件觀的人，需要較多的時間適應。

　　不過無論是網站本身呈現、程式語法展示，甚至是模組下載介面，MooTools都展現相當精致的動態效果，參與網站的示范，很快就能實作。

　　6.大大擴充JavaScript基本功能
　　Prototype
　　網址：prototype.conio.net

　　Prototype不像其他框架，有許多炫人耳目的動態效果，而是專注在改良JavaScript本身的功能，讓JavaScript更容易使用，也更具物件導向風格。

　　Prototype在簡化JavaScript方法上，提供許多方便的語法，最著名的如「$（）」函式，只要將DOM節點的ID傳入這個函式，就能取得這個節點物件，簡化了DOM的操作方法。而這個方式也幾乎成為其他開發框架延用的功能。其他如「$F（）」函數能直接處理Web表單元件的值，「$A（）」函數能將列舉的字串轉換成陣列等，都是Prototype經典功能。

　　在非同步處理上，它也提供了Ajax.Request、Ajax.Updater等類別，讓開發人員在處理非同步運作時可以利用它提供的方法，讓溝通行為更為容易、正確。

　　雖然Prototype沒有太多花俏的功能，不過它簡化JavaScript的特性，仍讓許多Web開發人員衷情于它。

　　7.平順、豐富的動畫效果
　　Rico
　　網址：openrico.org

　　Rico是基于Prototype之上的Ajax框架，在西班牙文中，「rico」即為「rich」的意思，這也說明Rico的目標是提供開發人員利用JavaScript達到豐富的網頁元件與應用。

　　Rico提供非同步的Ajax應用，可讓非同步回應繞送到一個或多個回呼以操作DOM或JavaScript物件。在動畫效果方面，支援如拖曳功能、縮放、過場、進度指標和黃褪技術等，可立即套用豐富的效果。

　　由于Rico志在讓JavaScript也能表現出Flash般的動畫效果，因此像是網頁元件的顏色、形狀或下拉效果的變化都相當平滑，也能讓 DIV方塊做出圓角的效果，讓視覺表現更具Web 2.0風格。

　　Rico的LiveGrid功能同樣是為人所稱道之處。它能讓表單資料產生更多元的表現方式，突破表格的檢視行為。例如它可以讓使用者在觸動卷動軸時，動態下載資料，利用這種方式，可以分段下載，就無需采用分頁檢視的手法。

　　8. RoR與CakePHP的指定框架
　　Script.aculo.us
　　網址：Script.aculo.us

　　Script.aculo.us是建立在Prototype之上的Ajax框架，是解決視覺效果與互動行為的輕巧框架，Ruby on Rails及PHP上的開發框架CakePHP等，都是使用Script.aculo.us作為Ajax的解決方案。

　　在視覺效果上，Script.aculo.us利用改變透明度、大小、位置以及結合以上三種元素，產生更多種變化，例如淡進、淡出、閃動、提示等數十種視覺效果，可讓頁面效果更具變化，引導使用者與介面程式互動等。

　　在互動介面方面，提供了拖曳元件、就地編輯元件（In-Place Editor）、水平、垂直拉動卷軸、自動完成、元件排序、購物車等，這些預先打包成套的功能，解決了瀏覽器相容性的問題，也讓使用者很容易可以直接導入在現有的專案功能中，節省自行開發的時間。

　　此外，Script.aculo.us包含單元測試（Unit Test）框架，可以利用本身的test物件，用來驗證程式執行的狀態，并且支援模擬滑鼠與鍵盤的功能。

　　9.有Yahoo!網站服務背書的框架
　　Yahoo! User Interface
　　網址：developer.yahoo.com/yui/

　　Yahoo! User Interface（YUI）是Yahoo!所提供的Ajax框架，提供便捷的開發方式與許多JavaScript函式庫，使用者可以利用它來開發互動式的介面與Ajax效果。 YUI可分為三大部分，包含工具、CSS和控制元件等函式庫，工具部分是核心物件，負責一些較底層的處理功能，CSS則提供像版面規畫、字體工具。而控制元件則有自動完成、月歷、樹狀結構這些工具。

　　由于YUI實際應用在Yahoo!的網站中，因此實作的可靠性相當不錯，在YUI網站上也提供不少范例與文件，能協助使用者快速上手。雖然 YUI是由Yahoo!所推出，不過它遵循JavaScript的語法規則，并將樣式、內容與行為分離，開發人員如果要擴充功能，也相當容易。

　　一般Ajax框架都需要置放在網站的伺服器端，隨著頁面一起下載，YUI除了采取這種方式之外，也提供使用連結的方式，使用者只要在應用的頁面中將路徑指向YUI主機即可。

　　10.適合Java開發環境的企業級解決方案
　　ZK
　　網址：www.zkoss.org

　　ZK是基于Ajax、XUL（XML User Interface Language）、Java網頁應用程式的開發框架，讓網頁的操作行為可以像是桌面應用程式一般。

　　不同于用戶端的Ajax解決方案，ZK由伺服器端出發，利用ZK處理Ajax互動的引擎，處理用戶端的頁面行為，也因此大為降低利用 JavaScript作為動態開發語法時，常遇到的瀏覽器相容問題。

　　ZK提供超過70個XUL組件及80個XHTML組件，因此一些網頁或應用程式常見的功能，ZK都提供現成的工具可讓使用者立即應用，只需利用 ZK以XML為基礎的使用介面設計語言，即可產生這些組件。應用的人則可在后端利用Java語言進行來處理程式邏輯與資料傳遞。

　　由于ZK利用Java語言開發，屬于以伺服器為中心的解決方案，因此必須安裝支援Java的應用程式伺服器（如Tomcat）才能執行。

幻海藍夢 2010-07-08 09:19 發表評論

ZK框架學習總結

幻海藍夢 — Wed, 07 Jul 2010 12:32:00 GMT

原文：http://qa.taobao.com/?p=7145&cpage=1

1、ZK框架簡介

ZK框架是一個用JAVA實現的簡單但是功能強大的表現層框架。它包括了一個基于Ajax的事件驅動引擎、這也是它的最大特色。可以做到沒有JavaScript，只通過ZUML(ZK User Interface Markup Language)這種標識語言即可做到界面創建和事件響應。

ZK的實現完全用java實現，開發過程中不會有任何的JavaScript代碼，但是通過將zul文件（ZK的源文件，類似于jsp文件）通過ZK引擎編譯后查看頁面源代碼，結果還是可以看到，ZK實現的本質還是通過 JavaScript+CSS來處理異步請求的。

組件是ZK中最常見的元素。有點類似于JAVA Swing或者VB這樣的基于組件的編程。結合ZK Studio，可以達到可視化和動態地查看頁面效果。

特征：

它是一個表現層工具。可以與hibernate,iBatis，spring等凡是與JAVA有關的結合構建一個完整的WEB應用。
以服務端為中心的框架。它封裝了Ajax的后臺處理技術。服務端由兩個重要部分實現：ZK加載器，ZK異步更新引擎。前者負責解析URL請求，生成HTML頁面；后者負責監聽和處理客戶端的Ajax請求，同時更新ZK組件的屬性，然后將Ajax響應發回給客戶端。
基于組件的GUI。頁面的可視部分都是由組件構成。類似于HTML標簽，但是比HTML標簽更靈活。

不足之處：

ZK與JAVA結合緊密。由于ZK的組件都是由JAVA實現，所以對組件的控制也僅限于用JAVA語言。無法與控制層解耦。
學習資料和文檔比較少。最全面的ZK應用其實還是官方的DEMO。連《ZK框架——Ajax開發實踐》一書都是用的官方例子。所以對有些事件或者屬性只有自己探索。
ZK的測試比較薄弱。對頁面無法用工具進行測試。只能用手動測試。調試也不方便。出錯了的話錯誤信息不明確，無法很快定位問題。

2、安裝部署開發環境

2.1??? 工具及安裝

需要安裝的工具有JDK、Tomcat（或者其他服務器）、My Eclipse（或者Eclipse）、 ZK開發包、ZK Studio。JDK、Tomcat、My Eclipse安裝都不用介紹了，主要介紹ZK相關的部門。我的環境是JDK 1.6.0_16+Tomcat 6+My Eclipse 6.0。

準備工作：

l? 下載ZK包和demo。http://www.zkoss.org/download/zk.dsp。在Windows下開發選擇zk-bin-5.0.2.zip，Linux 下選擇zk-bin-5.0.2.tar.gz。下載好后還需要下載一個demo包。這個demo包里面包含了一些xml模板，創建ZK頁面時可以根據模板快速生成。demo下載選擇zk-demo-5.0.2.zip。

然后下載ZK Studio。ZK Studio是My Eclipse一個插件。提供了對ZK文件的時時查看和組件的可視化編輯以及一些通用頁面原型。最好還是下載這個插件，方便開發。這個插件可在線安裝或者直接下載。安裝步驟可參考頁面：
ZK Studio界面1

ZK Studio界面2

2.2 ?? ZK環境的配置

解壓zk-bin-5.0.2.zip，創建用戶自定義庫：在My Eclipse里面選擇windows->Preferences->JAVA->Build Path->User Libraries。添加3個用戶庫。名字隨便取，可以分別叫：ZK Ajax Frame、ZK Ajax Framework Extendsion以及ZK Ajax Framework Forge Library。分別對應zk-bin-5.0.2目錄結構中dist下的lib、lib/ext以及lib/zkforget中的jar包。配置好后的用戶庫如下圖：

: 自定義的用戶庫

添加xsd到用戶xml catalog entry里。這是為了確保可以更好的地使用My Eclipse XML Editor的功能。打開window->preferences->My Eclipse->Files and Editors->XML->XML Catalog。添加zk-bin-5.0.2/dist/xsd/zul.xsd。

添加xml文件模板：將zkdemo\WebContent\WEB-INF下的lang-addon.xml、 portlet.xml，zk.xml和web.xml四個文件復制到My Eclipse安裝目錄下的myeclipse\eclipse\plugins \com.genuitec.eclipse.wizards_6.0.1.zmyeclipse601200710\templates\xml。文件夾名字可能因為My Eclipse版本不同而不同。只要以com.genuitec.eclipse.wazardsXXX這樣開頭的文件夾就行。然后將這四個文件分別改名為：LangAddon.vtl、Portlet.vtl、ZK.vtl、ZKWeb.vtl。打開四個文件，將這一行都改成。繼續在這個xml文件夾里面新建一個名為ZUL.vtl的文件。內容如下：

xmlns:xsi=”http://www.w3.org/2001/XMLSchema-instance”

xsi:schemaLocation=”http://www.zkoss.org/2005/zul http://www.zkoss.org/2005/zul “>

修改 My Eclipse安裝目錄下的myeclipse\eclipse\plugins \com.genuitec.eclipse.wizards_6.0.1.zmyeclipse601200710 \ templates.xml。在后面添加如下代碼：

name=”XML template for a web.xml file with ZK capability”/>

context=”com.genuitec.eclipse.wizards.xml”

script=”templates/xml/LangAddon.vtl”

name=”XML template for a lang-addon.xml file for ZK”/>

context=”com.genuitec.eclipse.wizards.xml”

script=”templates/xml/Portlet.vtl”

name=”XML template for a port-let.xml file for ZK”/>

context=”com.genuitec.eclipse.wizards.xml”

script=”templates/xml/ZK.vtl”

name=”XML template for a zk.xml file”/>

context=”com.genuitec.eclipse.wizards.xml”

script=”templates/xml/ZUL.vtl”

name=”XML template for a *.zul file”/>

添加新的文件類型。打開window->preferences->general-content types，給Java Source File添加*.zs，給XML添加*.zul，給JSP添加*.dsp，給HTML添加*.zhtml。到此，ZK環境完全搭建完成。開發好的ZK應用可以直接打成war包進行部署。十分地簡單。

3、快速搭建頁面

有兩種方式創建ZK Project。第一種方式是直接在ZK Welcome Page里面新建一個ZK工程，這樣不用再添加ZK庫。第二種方式是先創建一個Web Project，然后在Build Path里面添加剛才添加的三個User Libraries。然后在WebRoot里面添加zul文件即可。添加zul文件要選擇新建XML Advanced Tempaltes文件。

打開zul文件可以選擇Open with Zul Editor。這樣便可以利用zk studio的可視化編程進行開發。

除了ZK自己提供的一些組件外，html的標簽在ZK中完全可以繼續用。但是為了避免ZK解釋HTML標簽，通常要使用將HTML標簽圍入其中。換言之，他們并不是子組件。而是被存儲在content屬性內。

組件可以從zk palet直接拖拉進代碼區，然后可以在中查看和設置組件支持的所有屬性和事件。其特點就是高效地組建頁面。如果不添加任何JAVA代碼，那么創建一個頁面的效率不亞于直接用Axure創建界面原型。圖4是一個界面demo。無任何js和CSS代碼。當然，ZK框架并不排斥使用CSS代碼。利用style屬性可以設置CSS樣式，還可以通過

亚洲综合色成在线播放,亚洲高清免费视频,91久久亚洲国产成人精品性色

iTopoview Java網絡拓撲圖組件 ---官網

用wz_jsgraphics.js（javascript圖形庫）進行畫矢量圖,兼容多瀏覽器

ZK + Spring + Hibernate最簡單的例子

ZK--學習研究1/2/3

ZK--如何使用JSP

ZK DEMO--在本地部署環境

10種加速Ajax開發的主流框架

ZK框架學習總結

原文：http://qa.taobao.com/?p=7145&cpage=1

1、ZK框架簡介

2、安裝部署開發環境

2.1??? 工具及安裝

ZK Studio界面2 2.2 ?? ZK環境的配置

3、 快速搭建頁面

ZK Studio界面2

2.2 ?? ZK環境的配置

3、快速搭建頁面