More than 1 year has passed since last update.

jsf学習日記

Last updated at 2023-05-24Posted at 2023-04-05

JSF(Jakarta Server Faces)　←　なにこれ？
JSPとか画面実装関連が楽にできるのか、なるほど。

この状態からスタートしてます。
お知らせ：脳が無事死亡しました
xhtml あかんわ

DAY 1 (2023/04/04)

eclipseで動的プロジェクト作成

とりあえずweb.xml デプロイメント記述しの生成しとくか

で、他のサイトを参考にしつつxhtmlを表示させると
変換されてないページが表示されます。あれぇ？
なんでや！と思って知っている人に教えてもらいました。

上の画像に書かれてる　URLマッピングパターン確認すると
/faces/*
ふむ

DAY 2 (2023/04/05)

やっぱ　URLマッピングパターン変更しちゃおう

web.xml

  <servlet-mapping>
    <servlet-name>Faces Servlet</servlet-name>
    <url-pattern>/faces/*</url-pattern>
  </servlet-mapping>

web.xml

  <servlet-mapping>
    <servlet-name>Faces Servlet</servlet-name>
    <url-pattern>*.xhtml</url-pattern>
  </servlet-mapping>

これでURLが
http://localhost:/faces/.xhtmlから
http://localhost:/.xhtmlになる
ただ WEB-INF とか META-INF は認識しない

専門学校で習った知識（ガバ記憶）なのでDAY 1で WEB-INF に配置してる
これは草リソース認識するわけないやん

ついでに Java7 にしとく

index.xhtml

<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html>
<html 
xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:f="http://xmlns.jcp.org/jsf/core" 
xmlns:i="http://xmlns.jcp.org/jsf/component"
xmlns:jsf="http://xmlns.jcp.org/jsf" 
xmlns:ui="http://java.sun.com/jsf/facelets">

    <h:head>
    	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    	<title>トップページ</title>
    </h:head>

    <h:body>
    	#{currentTime}
    </h:body>

</html>

TimeBean.java

package example;

import java.text.SimpleDateFormat;
import java.util.Calendar;

import javax.faces.bean.ManagedBean;
import javax.faces.bean.NoneScoped;

@ManagedBean(name = "currentTime")
@NoneScoped
public class TimeBean {

	private static final long CURRENT_TIME_LONG = System.currentTimeMillis();
	private static final Calendar CURRENT_TIME_CALENDAR = Calendar.getInstance();

	private static final SimpleDateFormat FORMATTER = new SimpleDateFormat("yyyy年MM月dd日 hh時mm分ss秒");

	public long get() {
		return CURRENT_TIME_LONG;
	}

	@Override
	public String toString() {
		return FORMATTER.format(CURRENT_TIME_CALENDAR.getTime());
	}
}

http://localhost:8080/TestJSF/index.xhtml にアクセスして
今日の日付表示されればおｋだ

実行確認する

問題なしだ

index.xhtml

<html 
xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:f="http://xmlns.jcp.org/jsf/core" 
xmlns:i="http://xmlns.jcp.org/jsf/component"
xmlns:jsf="http://xmlns.jcp.org/jsf" 
xmlns:ui="http://java.sun.com/jsf/facelets">

こいつ、わからんので明日調べる

DAY 3(2023/04/10)

途中で判明したことが一つ
実はプログラムは正常に動作していません。
ブラウザの開発者ツールでソースコードを確認したところ
EL式だけ変換されていてjsfのタグ(h:とかi:とか)が無変換で表示されているということ。

原因としては３つあるらしい

web.xmlの指定ミス
URLのアクセスミス
xmlns:h=とかのURLミス

今回の場合だと、「xmlns:h=とかのURLミス」それとプラスで原因があった。
そりゃお前、マーケットプレイスからJBossToolsインストールしてないからだよ。無事にインストールしたらでけた

正常に動いてる場合だと xhtml から jsf に自動的に変換されるということURLをちゃんと確認しましょう。

おかしいんだよなー。環境 JSF 2.2選んだから一つ目のやつで問題ないだけどな

http://xmlns.jcp.org/jsf/ 間違い x
http://java.sun.com/jsf/ 正しい o

参考サイト

JSF Facelet タグライブラリのXMLネームスペースについて

DAY 4(2023/04/12)

デザイナーが書くのはhtmlタグなの（多分）。わざわざJSFタグに書き換える作業が必要になるし学習しなくちゃいけない。
とてもつらいらしい。

JacaEE 2.2以降から色々優しくなったんだってよ

<h:inputText/>

<input jsfc="h:inputText"/>

jsfcつけないと認識されないらしい注意やね

参考サイト

DAY 5(2023/04/14)

動的コンテンツ

削除ボタンおしたら行削除
追加ボタンおしたら行末尾追加
保存ボタンおしたらDBとか何かしらに保存

学生時代に考え付いたのがフロントエンドサイドのjsで色々やりとりしてjson形式でデータ送るっていう。
今回バックエンドサイドでやりたいってことで調べた。
なるほど同じページぐるぐる遷移するのか。
結構、回線に負荷がかかるのかな？どうなんだろ。

で作ってボタンぽちぽちして動作の確認をすると


あぁん♡見事に中身消えた

で？理由は

immediate=trueのせい
なんか色々処理を吹っ飛ばす、らしいので削除したら動作した。

文字化けしたなんで？

１回目は文字化けして２回目以降はしない
オーマン　ひどすぎる
フィルター通せば治るらしい

EncodingFilter.java

import java.io.IOException;

import javax.servlet.Filter;
import javax.servlet.FilterChain;
import javax.servlet.FilterConfig;
import javax.servlet.ServletException;
import javax.servlet.ServletRequest;
import javax.servlet.ServletResponse;
import javax.servlet.annotation.WebFilter;

/**
 * Servlet Filter implementation class EncodingFilter
 */
@WebFilter("/*")
public class EncodingFilter implements Filter {

	/* (非 Javadoc)
	 * @see javax.servlet.Filter#init(javax.servlet.FilterConfig)
	 */
	public void init(FilterConfig fConfig) throws ServletException {}
	/* (非 Javadoc)
	 * @see javax.servlet.Filter#destroy()
	 */
	public void destroy() {}

	/* (非 Javadoc)
	 * @see javax.servlet.Filter#doFilter(javax.servlet.ServletRequest, javax.servlet.ServletResponse, javax.servlet.FilterChain)
	 */
	public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain) throws IOException, ServletException {
               request.setCharacterEncoding("UTF-8");
		chain.doFilter(request, response);
	}
}

参考サイト

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up