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