2008年9月30日 星期二

HelloWicket

開始接觸wicket的我,先寫些老掉牙程式囉,寫支HelloWicket吧.
參考網站Wicket Examples

首先開始我們需要的元件有以下幾項
1.Windows XP 或以上版本
2.JDK 1.5 (下載 Java)
3.Tomcat 5.5 (下載 Tomcat)
4.Wicket 1.2.6 或以上版本 (下載 Wicket)
5.Eclipse 3.3 或以上版本 (下載 Eclipse)

安裝好以上版本,就可以開始寫第一支Wicket程式.

步驟一.先在Eclipse建好一個測試專案(WicketExamples)
步驟二.修改web.xml


<web-app>
.............
<servlet>
<servlet-name>webApplication</SERVLET-NAME>
<servlet-class>
wicket.protocol.http.WicketServlet
</SERVLET-CLASS>
<init-param>
<param-name>applicationClassName</PARAM-NAME>
<param-value>
wicket.examples.WicketApplication
</PARAM-VALUE>
</INIT-PARAM>
<load-on-startup>1</LOAD-ON-STARTUP>
</servlet>
<servlet-mapping>
<servlet-name>webApplication</SERVLET-NAME>
<url-pattern>/main/*</URL-PATTERN>
</SERVLET-MAPPING>
.............
</web-app>

步驟三.將wicket.jar檔放在lib目錄夾中
步驟四.新增HelloWicket.html

<html>
<body>
<div wicket:id="hello" >這裡顯示Hello Wicket </div>
</body>
</html>

步驟五.新增HelloWicket.java

package wicket.examples.hellowicket;

import wicket.markup.html.WebPage;
import wicket.markup.html.basic.Label;

public class HelloWicket extends WebPage {

public HelloWicket(){
super();
add(new Label("hello","Hello Wicket"));
}
}

步驟六.新增WicketApplication.java

package wicket.examples;

import wicket.examples.hellowicket.HelloWicket;
import wicket.protocol.http.WebApplication;

public class WicketApplication extends WebApplication {

@Override
public Class getHomePage() {
return HelloWicket.class;
}

}

步驟七.建立Tomcat service並開啟Service
步驟八.打開IE執行以下網址,可看見Hello Wicket字樣
http://localhost:8083/WicketExamples/main

2008年9月28日 星期日

利用Eclipse建置一個Web專案

先安裝好Eclipse(Eclipse 3.3 或以上版本,下載Eclipse)
步驟一.新增一專案
1.選擇File --> New --> Project


2.Dynamic Web Project


3.Project name 輸入一專案名稱


4.Web Content 可以不用改


5.建置好一個專案了


6.在WebContent新增一個index.jsp檔案(在WebContent按滑鼠右鍵--> New --> Other)


7.選擇(Web --> JSP)


8.File name輸入index.jsp


9.修改index.jsp的內容


10.建置一個可以運作的Server(在servers按滑鼠右鍵 New --> Server)


11.選擇使用的Web Server


12.選擇Web Server存放的路徑


13.選擇這Server執行的專案




14.啟動Server


16.打開瀏覽器輸入http://localhost:83/tkpos/可看見剛才新增的網頁