2. さあ、はじめましょう

目次

Hello World!
対話
zscript
スクリプト言語
別ファイルの中のスクリプト
attribute 要素
EL 表記
id 属性
if unless 属性
forEach 属性
use 属性
zscriptでJavaクラスを作る
手動でコンポーネントを作る
ZUMLを使わずにZKアプリケーションを開発
特定のページに新しいコンポーネントを定義する

この章ではどのようにZUMLページを作成するか説明しています。お時間のない方でも、必ずこの章を読んでください。

この章ではXULを用いてZKの要素を説明しますが、ZKで使用可能な他のマークアップ言語も使えます。

Hello World!

ZKをウェブサーバー[8]にインストールしたら、アプリケーションを作成することは難しくありません。下の例を参考にして[9] 適切なディレクトリーの下にhello.zulファイルを作りましょう。

<window title="Hello" border="normal">
    Hello World!    
</window>

そうして、間違えないように http://localhost/myapp/hello.zul を参照すれば以下の結果が表示されます。

ZUMLページの中で、XML要素はどんなコンポーネントを作るかを説明しています。この例では、ひとつのウィンドウです(org.zkoss.zul.Window)。XMLの属性はウィンドウコンポーネントプロパティの値を指定する際に使います。この例では、titleboarderプロパティを「Hello」と「normal」にそれぞれ設定し、ウィンドウが作られています。

XML要素の中で括弧を付けたテキストはラベル(org.zkoss.zui.Latel)と呼ばれる特別なコンポーネントとして指定されます。このようにして、上の例は下記のものと同じ内容になります。

<window title="Hello" border="normal">
    <label value="Hello World!"/>    
</window>


[8] クイックスタートガイドをご覧ください。

[9] 本資料にある例のライブデモを見ることもできます。