JSFアプリケーションの動作とUIの開発
ご覧のページは、お客様の利便性のために一部機械翻訳されています。また、ドキュメントは頻繁に更新が加えられており、翻訳は未完成の部分が含まれることをご了承ください。最新情報は都度公開されておりますため、必ず英語版をご参照ください。翻訳に問題がある場合は、こちらまでご連絡ください。
現在のJSFアプリケーションは、ポートレット記述子とWARスタイル構造の要件を満たしていますが、まだ何もしていません。 次に、JSFアプリケーションのバックエンドを開発し、シンプルなUIを提供する方法を学びます。
最初に行うことは、モジュールのJavaクラスを作成することです。 JSFポートレットの動作はここで定義されます。 Hello Userポートレットの場合、名前を取得/設定し、送信プロセスを容易にするJavaメソッドを提供する必要があります。
- モジュールの
src / main / javaフォルダーに一意のパッケージ名を作成し、そのパッケージにExampleBacking.javaという名前の新しいパブリックJavaクラスを作成します。 たとえば、クラスのフォルダー構造はsrc / main / java / com / liferay / example / ExampleBacking.javaます。 クラスに @RequestScoped および @ManagedBean注釈が付けられていることを確認し
。
@RequestScoped
@ManagedBean
public class ExampleBacking {
管理対象Beanは、JSFフレームワークによって管理されるJava Beanです。 @RequestScoped アノテーションが付けられたマネージドBeanは通常、アクションとリスナーの処理を担当します。 JSF 管理 サーバからBeanオブジェクトを作成し、除去することにより、これらのBeanを。 詳細については、上記のリンクされた注釈をご覧ください。
2 ExampleBacking.java クラスに次のメソッドとフィールドを追加します`
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
public void submit(ActionEvent actionEvent) {
FacesContextHelperUtil.addGlobalSuccessInfoMessage();
}
private String name;
`プライベート 名前 フィールドに取得メソッドと設定メソッドを提供しました。 また、提供してきました （...）を提出 時に呼び出されるメソッド、 提出 ボタンが選択されています。 メソッドが呼び出されると、成功情報メッセージが表示されます。
Hello UserポートレットのJava動作を定義しました。 UIを作成してください！
3 webapp / WEB-INF / views フォルダーに view.xhtml ファイルを作成します。 そのファイルに次のロジックを追加します。
<?xml version="1.0"?>
<f:view
xmlns="http://www.w3.org/1999/xhtml"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:h="http://java.sun.com/jsf/html"
>
<h:head>
<h:outputStylesheet library="css" name="main.css" />
</h:head>
<h:form>
<h:messages globalOnly="true" />
<h:outputLabel value="#{i18n['enter-your-name']}" />
<h:inputText value="#{exampleBacking.name}" />
<h:commandButton actionListener="#{exampleBacking.submit}" value="#{i18n['submit']}">
<f:ajax execute="@form" render="@form" />
</h:commandButton>
<br />
<h:outputText value="Hello #{exampleBacking.name}" />
</h:form>
</f:view>
最初に気付くのは、作成した main.css ファイルがここで指定されていることです。これにより、ポートレットの見出し書体が太字になります。 次に、フォームは <h:form> タグ内で定義されます。 フォームはユーザーに名前を入力するように要求し、その値をJavaクラスの name フィールドに設定します。 フォームは <h:commandButton> タグを使用して[送信]ボタンを実行し、送信後にフォームをレンダリングします。
名前入力 と submit プロパティに対する i18n オブジェクト呼び出しに注目してください。 Enter-your-name プロパティは、指定した i18n.properties ファイルに設定されていますが、 submit プロパティはどうですか？ これは、ポートレットの i18n.properties ファイルで定義されていなかったので、ボタンに文字列 Submit を使用することをポートレットはどのように知っていますか？ 思い出すと、 i18n オブジェクトはLiferay DXPの Language.properties ファイルのメッセージにもアクセスできます。 これは、 submit 言語キーの由来です。
最後に、 <h:outputText> タグは、ページに送信された名前に Helloプレフィックスを付けて印刷します。
驚くばかり\！ Hello User JSFアプリケーションが完成しました！ Deploy your WAR to @<product@>. WARスタイルのポートレットがデプロイされると、WAB Generatorを介してWABに変換されることに注意してください。 訪問 WABジェネレータ使用 このプロセスの詳細や、ポートレットの結果のフォルダ構造のためのチュートリアルを。
Hello User JSFアプリケーションの完成版を表示するには、 ZIPファイルダウンロードします。