「Tapestry」(2005/10/17 (月) 13:19:10) の最新版変更点
追加された行は緑色になります。
削除された行は赤色になります。
<h1><b>Tapestry</b></h1>
<b>Tapestryってなに?<br></b>Webデザイナーとプログラマーの作業を完全に分離し、両者が並行して作業を進めることを可能にするプレゼンテーション層用のフレームワーク<br>
<br>
<b>オブジェクトを操作するための言語「OGNL」<br>
<span style=
"color: rgb(255, 153, 0);">OGNLってなに?</span><br></b>Object-Graph Navigation Language<br>
オブジェクトを操作するための式記述言語という意味<br>
<br>
Tapestryでは仕様からJava特定のプロパティやフィールド、メソッドにアクセスするために、OGNLという表記方法を用いる。<br>
<br>
<br>
<br>
任意のHTMLタグに対して「<span style=
"color: rgb(51, 204, 0);">jwcid</span>」という属性を埋め込むことで<br>
コンポーネントとのマッピングを行う。<br>
<br>
これによってTapestryのページテンプレートはWebブラウザでプレビューすることができるし、オーサリングツールで直接編集することも可能になる。<br>
<br>
JSFの場合はカスタムタグでUIコンポーネントを指定するので<br>
そこがちがう。<br>
<br>
<ul>
<li>JSF(※名前入力欄とパスワード入力欄の例)</li>
</ul>
<h:inputText value="#{form.name}" /><br/><br>
<h:inputSecret value="#{form.passwd}" /><br>
<ul>
<li>Tapestry(※同上)</li>
</ul>
<input type="text" jwcid="name"/><br/><br>
<input type="password" jwcid="password"/><br>
<hr size="2" width="100%">
<br>
<br>
<h1><b>Tapestry</b></h1>
<b>Tapestryってなに?<br></b>Webデザイナーとプログラマーの作業を完全に分離し、両者が並行して作業を進めることを可能にするプレゼンテーション層用のフレームワーク<br>
<br>
<b>オブジェクトを操作するための言語「OGNL」<br>
<span style=
"color: rgb(255, 153, 0);">OGNLってなに?</span><br></b>Object-Graph Navigation Language<br>
オブジェクトを操作するための式記述言語という意味<br>
<br>
Tapestryでは仕様からJava特定のプロパティやフィールド、メソッドにアクセスするために、OGNLという表記方法を用いる。<br>
<br>
<br>
<br>
任意のHTMLタグに対して「<span style=
"color: rgb(51, 204, 0);">jwcid</span>」という属性を埋め込むことで<br>
コンポーネントとのマッピングを行う。<br>
<br>
これによってTapestryのページテンプレートはWebブラウザでプレビューすることができるし、オーサリングツールで直接編集することも可能になる。<br>
<br>
JSFの場合はカスタムタグでUIコンポーネントを指定するので<br>
そこがちがう。<br>
<br>
<ul>
<li>JSF(※名前入力欄とパスワード入力欄の例)</li>
</ul>
<h:inputText value="#{form.name}" /><br/><br>
<h:inputSecret value="#{form.passwd}" /><br>
<ul>
<li>Tapestry(※同上)</li>
</ul>
<input type="text" jwcid="name"/><br/><br>
<input type="password" jwcid="password"/><br>
<hr size="2" width="100%">
Tapestryアプリケーションは「Home」という名のページを必ず含んでいないといけない。<br>
HomeはユーザがTapestryに最初にアクセスしたときに表示される特別なページ。<br>
<br>
<b>Tapestryアプリケーションの単純な開発</b><br>
まず、最初にアプリケーション仕様を作成。<br>
続いて、ページごとに以下の作業を繰り返す。<br>
<ol>
<li>ページテンプレートを作成</li>
<li>ページ仕様を作成</li>
<li>ページコンポーネントを作成</li>
<li>アプリケーション仕様に作成したページを追加する</li>
</ol>
<br>
表示オプション
横に並べて表示:
変化行の前後のみ表示: