Wicket Hello Worldの例
Wicketの単純なhello worldの例では、Wicket Webアプリケーションの基本構造を示しています。
この記事で使用されているツールとテクノロジ
-
Apache Wicket 1.4.17
-
Eclipse 3.6
-
Maven 3.0.3
-
JDK 1.6.0.13
1.ディレクトリ構造
このWicket hello world Webアプリケーションの最終的なディレクトリ構造を参照してください。 Wicketでは、すべてのファイル “.html”と “.java”を同じパッケージディレクトリに置く必要があります。
下記の図を参照してください。
次の手順に従ってディレクトリ構造全体を作成します。
2. Mavenのクイックスタート
Mavenを使用して簡単なWebアプリケーションを作成します。
mvn archetype:generate -DgroupId=com.mkyong.core -DartifactId=WicketExamples -DarchetypeArtifactId=maven-archetype-webapp -DinteractiveMode=false
これで、標準のWebフォルダ構造がすべて作成されます。
3.ウィッケットの依存性
あなたのMaven `pom.xml`ファイルにWicket依存関係を追加してください。
ファイル:pom.xml
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4__0__0.xsd"> <modelVersion>4.0.0</modelVersion> <groupId>com.mkyong.core</groupId> <artifactId>WicketExamples</artifactId> <packaging>war</packaging> <version>1.0-SNAPSHOT</version> <name>WicketExamples</name> <url>http://maven.apache.org</url> <dependencies> <dependency> <groupId>org.apache.wicket</groupId> <artifactId>wicket</artifactId> <version>1.4.17</version> </dependency> <!-- slf4j-log4j --> <dependency> <groupId>org.slf4j</groupId> <artifactId>slf4j-log4j12</artifactId> <version>1.5.6</version> </dependency> </dependencies> <build> <finalName>WicketExamples</finalName> <resources> <resource> <directory>src/main/resources</directory> </resource> <resource> <filtering>false</filtering> <directory>src/main/java</directory> <includes> <include>** </include> </includes> <excludes> <exclude>** ** /** .java</exclude> </excludes> </resource> </resources> <plugins> <plugin> <inherited>true</inherited> <groupId>org.apache.maven.plugins</groupId> <artifactId>maven-compiler-plugin</artifactId> <configuration> <source>1.6</source> <target>1.6</target> <optimise>true</optimise> <debug>true</debug> </configuration> </plugin> </plugins> </build> </project>
-
WicketはSLF4Jを必要とします!** slf4jのログ実装をインクルードする必要があります。そうしないと、Wicketは起動に失敗します。
-
Wicketはリソースフィルターを必要とします
リソースフィルターを追加することを忘れないでください.Wicketはすべてのファイルを同じパッケージフォルダーに置きます。
“include”
</include>
“、” html ” 、 “プロパティ”またはその他のリソースファイルが正しいターゲットフォルダにコピーできなかった可能性があります。
4. Wicketアプリケーション
Wicketでは、大部分のものは規約で
働いていますので、設定する必要はありません。この場合、 `WebApplication`はWicketがこの”
Hello.class
“を見ると、” html “ページが”
Hello.html ** “でなければならないマークアップを知っているので、デフォルトページとして” Hello.class “同じパッケージディレクトリで見つけることができるはずです。これがWicketが “html”クラスと “java”クラスを一緒に使う必要がある理由です。
ファイル:MyApplication.java – メインアプリケーションの入り口。
package com.mkyong; import org.apache.wicket.Page; import org.apache.wicket.protocol.http.WebApplication; import com.mkyong.hello.Hello; public class MyApplication extends WebApplication { @Override public Class<? extends Page> getHomePage() { return Hello.class;//return default page } }
File:Hello.java
package com.mkyong.hello; import org.apache.wicket.PageParameters; import org.apache.wicket.markup.html.basic.Label; import org.apache.wicket.markup.html.WebPage; public class Hello extends WebPage { private static final long serialVersionUID = 1L; public Hello(final PageParameters parameters) { add(new Label("message", "Hello World, Wicket")); } }
File:Hello.html
<html> <head> <title>Wicket Hello World</title> </head> <body> <h1> <span wicket:id="message">message will be replace later</span> </h1> </body> </html>
5.ウィケットフィルター
Wicketを動作させるには、 `web.xml`ファイルにWicketフィルタを登録する必要があります。
File:web.xml
<?xml version="1.0" encoding="ISO-8859-1"?> <web-app xmlns="http://java.sun.com/xml/ns/j2ee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app__2__4.xsd" version="2.4"> <display-name>Wicket Web Application</display-name> <filter> <filter-name>wicket.wicketTest</filter-name> <filter-class>org.apache.wicket.protocol.http.WicketFilter</filter-class> <init-param> <param-name>applicationClassName</param-name> <param-value>com.mkyong.MyApplication</param-value> </init-param> </filter> <filter-mapping> <filter-name>wicket.wicketTest</filter-name> <url-pattern>/** </url-pattern> </filter-mapping> </web-app>
6.それを構築する
すべてのファイルは準備ができており、Mavenでビルドできます。
mvn eclipse:eclipse -Dwtpversion=2.0
Eclipseにインポートしてプロジェクトを開始します。
7.テストする
-
http://localhost:8080/WicketExamples/**
を参照してください(図参照)。
完了しました。
ダウンロードする – リンク://wp-content/uploads/2009/02/Wicket-HelloWorld-Examples.zip[Wicket-HelloWorld-Examples.zip](6KB)
-
Wicketの例** wicketコンポーネントの詳細については、
あなたの地域の環境でのwicketの例
を設定してください。