2019-03-03

JSFにマネージドビーンを追加する　その２

JavaEE7

前回、作成してうまく動かなった部分ですが、単純にアノテーションのimportがまちがっており、修正したら正しく動作しました。

では今回は、「投稿」ボタンを押下したら、レスが上に表示されるような仕組みを作成します。

細かい体裁やクラス構造はいったん無視します。リクエスト送って、再度表示ができるとこまでです。

XHTMLはいかのように修正

    <h:body>

        <h:outputText value="#{responseBean.responseList}"></h:outputText>
        <h:form>
            <h:outputLabel>名前</h:outputLabel>
            <h:inputText  value="#{responseBean.name}" p:placeholder="#{responseBean.defaultName}"></h:inputText>
            <h:outputLabel>e-mail</h:outputLabel>
            <h:inputText value="#{responseBean.EMail}" p:placeholder="#{responseBean.defaultEMail}"></h:inputText>
            <div>
                <h:inputTextarea cols="50" rows="10" value="#{responseBean.res}"></h:inputTextarea>
            </div>
            <h:commandButton action="#{responseBean.tweetResponse()}" value="投稿"></h:commandButton>
        </h:form>
    </h:body>

管理beanはボタン押下時のメソッドを作成します。

    public void tweetResponse(){
        this.responseList += this.name + this.EMail + this.Res;
        return;
    }

とりあえずこんな感じになりました。　体裁やクラス構造は気にしない！

f:id:hirohisoEx:20190303182805p:plain — 結果

2019-03-02

JSFにマネージドビーンを追加する

JavaEE7

前回作成したJSFにマネージドビーン(管理Bean)を紐付けてみます。

まず初期表示時に、管理Beanの指定する文字列を各テキストエリアのプレースホルダとして表示するようにしてみたいと思います。

投稿管理ということで、ResponseBeanとし、定数文字列を追加し、JSFに関連付けてみます。。

ところでJSFでplaceholdertってどうやって指定するのでしょうか・・・・・

なんか以下のサイトを見るに、パススルーアトリビュートってやつを使用するみたいです。 https://ittoybox.com/archives/175

とりあえずこれで一回動かしてみます。

うん。なんかエラー出た。

Bean declaring a passivating scope must be passivation capable

このページを見ると、シリアライズ　インターフェースを実装すればよいっぽい https://sites.google.com/site/javar4java/contexts-and-dependency-injection-cdi/scope

エラーにはならなくなったが、値が出ないorz 初期表示から管理Beanで値を設定することってできないんでしょうかね？

ちょっと調べが必要です。

定数にしたのがわるいのか？プロパティにしてPostConstructで設定。

でない。

getterの戻りをべた書きで設定。でない。

JSFにべた書き。これは出ました。

管理Beanの値をとれてないってことがわかったので、後日もうちょっと調べていきたいと思いまあす。

2019-02-25

JSFでWEBページを作成する　その3

JavaEE7

前回作成したJSFページをいじって入力フォームを備えたページにしてみます。

某掲示板ぱくって名前とメアドと投稿内容を指定できるformを作成してみました。

で、出力されたHTMLは以下みたいな感じです。

<html xmlns="http://www.w3.org/1999/xhtml"><head id="j_idt2">
        <title>Facelet Title</title></head><body>
<form name="j_idt5" id="j_idt5" action="/javaWebApplication-1.0-SNAPSHOT/faces/sample.xhtml" enctype="application/x-www-form-urlencoded" method="post">
<input name="j_idt5" type="hidden" value="j_idt5">
<label>名前</label><input name="j_idt5:j_idt8" type="text"><label>e-mail</label><input name="j_idt5:j_idt11" type="text">
            <div><textarea name="j_idt5:j_idt13" rows="10" cols="50"></textarea>
            </div><input name="javax.faces.ViewState" id="j_id1:javax.faces.ViewState:0" type="hidden" value="2296767451131191362:61443582680465282" autocomplete="off">
</form>
</body></html>

2019-02-25

JSFでWEBページを作成する　その２

JavaEE7

前回JSFでページ作ったときに、追加されたweb.xmlを見ていたのですが、ひとつ重要なことを見逃してました。

    <servlet>
        <servlet-name>Faces Servlet</servlet-name>
        <servlet-class>javax.faces.webapp.FacesServlet</servlet-class>
        <load-on-startup>1</load-on-startup>
    </servlet>
    <servlet-mapping>
        <servlet-name>Faces Servlet</servlet-name>
        <url-pattern>/faces/*</url-pattern>
    </servlet-mapping>