かんたんかんたんJSF
@den2sn
0.じゅんび
NetBeans入れて
プロジェクト作れば
じゅんび完了!
1.がめんひょうじ
がめん作って
<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://...
実行すると
できた!
2.がめんせんい
リンク足して
<h:body>
Hello!
<h:link outcome="index2" value="Next" />
</h:body>
index.xhtml
画面もう1つ作ると
<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http...
完成!
3.データの表示
クラス作って
@Named
@RequestScoped
public class HogeBean {
private String msg = "Hello!";
public String getMsg() {
return msg;
}...
ELかくと
<h:body>
Next
#{hogeBean.msg}
</h:body>
index2.xhtml
完成!
4.ボタンの処理
処理かいて
public class HogeBean {
private String msg = "Hello!";
public String getMsg() {
return msg;
}
public void exec() {
m...
ボタンかくと
<h:body>
Next
#{hogeBean.msg}
<h:form>
<h:commandButton action="#{hogeBean.exec}" value="Exec" />
</h:form>
</h:bod...
完成!
5.入力
せったーかいて
public String getMsg() {
return msg;
}
public void setMsg(String msg) {
this.msg = msg;
}
処理たして
public void exec() {
msg = msg + " Exec!!";
}
入力かくと
<h:form>
<h:inputText id="msg" value="#{hogeBean.msg}" />
<h:commandButton action="#{hogeBean.exec}" value="Exec" />...
完成!
6.ばりでーしょん
アノテーションかいて
@Size(min = 1, max = 10)
private String msg = "Hello!";
メッセージかくと
<h:form>
<h:inputText id="msg" value="#{hogeBean.msg}" />
<h:message for="msg" />
<h:commandButton action="#{hoge...
完成!
ね、かんたんでしょ
かんたんかんたんJSF
おしまい
Upcoming SlideShare
Loading in...5
×

かんたんかんたんJSF

1,314

Published on

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,314
On Slideshare
0
From Embeds
0
Number of Embeds
6
Actions
Shares
0
Downloads
6
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

かんたんかんたんJSF

  1. 1. かんたんかんたんJSF @den2sn
  2. 2. 0.じゅんび
  3. 3. NetBeans入れて
  4. 4. プロジェクト作れば
  5. 5. じゅんび完了!
  6. 6. 1.がめんひょうじ
  7. 7. がめん作って <?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"> <h:body> Hello! </h:body> </html> index.xhtml
  8. 8. 実行すると
  9. 9. できた!
  10. 10. 2.がめんせんい
  11. 11. リンク足して <h:body> Hello! <h:link outcome="index2" value="Next" /> </h:body> index.xhtml
  12. 12. 画面もう1つ作ると <?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"> <h:body> Next </h:body> </html> index2.xhtml
  13. 13. 完成!
  14. 14. 3.データの表示
  15. 15. クラス作って @Named @RequestScoped public class HogeBean { private String msg = "Hello!"; public String getMsg() { return msg; } }
  16. 16. ELかくと <h:body> Next #{hogeBean.msg} </h:body> index2.xhtml
  17. 17. 完成!
  18. 18. 4.ボタンの処理
  19. 19. 処理かいて public class HogeBean { private String msg = "Hello!"; public String getMsg() { return msg; } public void exec() { msg = " Exec!!"; } }
  20. 20. ボタンかくと <h:body> Next #{hogeBean.msg} <h:form> <h:commandButton action="#{hogeBean.exec}" value="Exec" /> </h:form> </h:body> index2.xhtml
  21. 21. 完成!
  22. 22. 5.入力
  23. 23. せったーかいて public String getMsg() { return msg; } public void setMsg(String msg) { this.msg = msg; }
  24. 24. 処理たして public void exec() { msg = msg + " Exec!!"; }
  25. 25. 入力かくと <h:form> <h:inputText id="msg" value="#{hogeBean.msg}" /> <h:commandButton action="#{hogeBean.exec}" value="Exec" /> </h:form> index2.xhtml
  26. 26. 完成!
  27. 27. 6.ばりでーしょん
  28. 28. アノテーションかいて @Size(min = 1, max = 10) private String msg = "Hello!";
  29. 29. メッセージかくと <h:form> <h:inputText id="msg" value="#{hogeBean.msg}" /> <h:message for="msg" /> <h:commandButton action="#{hogeBean.exec}" value="Exec" /> </h:form> index2.xhtmlindex2.xhtml
  30. 30. 完成!
  31. 31. ね、かんたんでしょ
  32. 32. かんたんかんたんJSF
  33. 33. おしまい
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×