Szoftverfejlesztés J2EE platformon - Labor: Java Server Faces forrásának megtekintése

{{Vissza|Szoftverfejlesztés J2EE platformon}}

==Inicializalas==

* Sun Java Studio Creator 2 Update 1-et hasznalunk
* El kell inditani a Deployment es a Bundled Database servert
* New Project, name: TravelWeb, package: travel
* Jobb also sarokban lehet valasztani a projekt es a file nezetek kozott. A file nezet ugyanaz, mint NetBeansben, JSP projekt eseten

==DropDownList es tablazat osszekotese==

* Huzzunk ra egy DropDown controlt a palettarol a design nezetre. A Java Studio Creator general egy DropDown1DefaultOptions osztalyt. Vessuk ossze a java kodot a foliakon szereplo eletciklus modellel.
* Huzzunk egy table-t a DropDownList ala. Nezzuk meg a generalt JSP kodot.
* Huzzuk ra a Servers / Data Sources / Travel / Tables / PERSON tablat a DropDownList-re. Ilyenkor a JSF es a java kod egyszerre valtozik, erdemes egyszerre Save All-lal mindent menteni.
* dropDown1-en jobb gomb, Auto-Submit on Change menupontot ikszeljuk be. A JavaScript kodba bekerul egy OnChange esemenykezelo.
* Huzzuk ra a TRIP tablat a tablazatra. 
* Outline / SessionBean1 / tripRowSet / Edit SQL Statement
** Huzzuk fel a TRIPTYPE tablat es allitsuk be, hogy milyen oszlopokat akarunk latni.
** PersonID-n Edit Query Criteria, OK
** table1-en Table Layout, selected: DEPDATE, DEPCITY, DESTCITY, NAME
** Options fulon Enable Pagination, 3 rekord/oldal
* Duplakattintas a DropDownList-en
* Illesszuk be a Samples / Travel: dropdown minta kodot a dropDown1_processValueChange esemenykezelobe es Ctrl+Shift+F-fel formazzuk meg
<pre>		 try {
			  getSessionBean1().setPersonId((Integer)dropDown1.getSelected());
			  personDataProvider.setCursorRow(personDataProvider.findFirst("PERSON.PERSONID", dropDown1.getSelected()));
			  getSessionBean1().getTripRowSet().setObject(1, dropDown1.getSelected());
			  tripDataProvider.refresh();
		 } catch (Exception e) {
			  error("Cannot switch to person " + personDataProvider.getValue("PERSON.PERSONID"));
			  log("Cannot switch to person " + personDataProvider.getValue("PERSON.PERSONID"), e);
		 }</pre>
* A Travel: prerender kodot pedig huzzuk bele a prerender metodusba
<pre>		 if (getSessionBean1().getPersonId() == null ) {
			  try {
					personDataProvider.cursorFirst();
					getSessionBean1().getTripRowSet().setObject(1, personDataProvider.getValue("PERSON.PERSONID"));
					getSessionBean1().setPersonId((Integer)personDataProvider.getValue("PERSON.PERSONID"));
					tripDataProvider.refresh();
			  } catch (Exception e) {
					error("Cannot switch to person " + personDataProvider.getValue("PERSON.PERSONID"));
					log("Cannot switch to person " + personDataProvider.getValue("PERSON.PERSONID"), e);
			  }
		 } else {
			  dropDown1.setSelected(getSessionBean1().getPersonId());
		 }</pre>
* SessionBean1 / Add / Property, name: personId, type: Integer
* Projects fulon tudunk masik temat valasztani

* Futtatas: TravelWeb projekten Run, ha nem indul el a bongeszo, nezzuk ki a logbol az url-t. localhostot cserelni kell zoneX-re

==Tobb oldalas web alkalmazas==

* Project / Page Navigation-on dupla kattintas
* Hozzunk letre egy Page2-t es egy Page3-at
* Page1-re rakjunk fel ket gombot: Button2 es Button3
* Page Navigation nezetben kattintsunk a Page1-re, es huzzuk ossze a gombokat Page2-vel illetve Page3-mal
** Nezzuk meg a web.xml-ben, hogy milyen navigacios szabalyok jottek letre
** Page2-nek es Page3-nak adjunk cimet (Palette / Basic / Static Text)
** A navigacios nezetet ugy tudjuk atlathatobba tenni, ha a context menuben bekattintjuk, hogy Draggable, es a Shiftet nyomva tartva atrendezzuk a grafot
* A Button2 a Page1-nek kuldi a kerest, ezert az url-ben is Page1 jelenik meg. Kezzel irt esemenykezelovel tudjuk javitani:

<pre>	 public String button2_action() {
		  try {
				ExternalContext e = FacesContext.getCurrentInstance().getExternalContext();
				e.redirect(e.encodeActionURL(e.getRequestContextPath()+"/faces/Page2.jsp"));
		  } catch (IOException e) {
				throw new RuntimeException(e);
		  }
		  return null;
	 }</pre>

==Szamologep==

Page2.java

===Design===

Felhuzzuk:
* Text Field, id=a, converter=new longConverter, validator=new longRangeValidator
** Outline / longRangeValidator1-ben allitsuk be a minimumot es a maximumot
* Drop Down List, id=muvelet
* Text Field, id=b, converter=longConverter1, validator=longRangeValidator1
* Button, text="="
* Static Text, id=eredmeny

===Muvelet lista bekotese===

<pre>
	 private Collection ops = new ArrayList();
	 public Collection getOps() {
		  return ops;
	 }
	 public void setOps(Collection ops) {
		  this.ops = ops;
	 }
</pre>

Alt+Shift+F: Fix Imports

init()-ben feltoltjuk a Drop Down List-et (de a muveletek megadhatok lennenek statikusan is)

<pre>
	 ops.add(new Option("+"));
	 ops.add(new Option("-"));
	 ops.add(new Option("*"));
	 ops.add(new Option("/"));
</pre>

Listan Jobb click / Bind to Data... / Page2 / ops

==== gomb bekotese===

Dupla kattintas rajta

<pre>	 public String button1_action() {
		  // TODO: Process the button click action. Return value is a navigation
		  // case name where null will return to the same page.
		  String op = muvelet.getValue().toString();
		  long a = ((Long)this.a.getValue()).longValue();
		  long b = ((Long)this.b.getValue()).longValue();
		  if ("+".equals(op)) eredmeny.setText(""+(a+b));
		  else if ("-".equals(op)) eredmeny.setText(""+(a-b));
		  else if ("*".equals(op)) eredmeny.setText(""+(a*b));
		  else if ("/".equals(op)) eredmeny.setText(""+(a/b));
		  else eredmeny.setText("?");
		  return null;
	 }</pre>

preRender() metodusban allitsuk az eredmenyt ures stringre, hogy hiba eseten ne jegyezze meg az elozo eredmenyt

===Hibauzenetek===

Huzzunk fel ket Message controlt, es Ctrl+Shift-et nyomva huzzuk ra a Text Fieldeket

==Tobbnyelvusites==

Reszletes tutorial: http://developers.sun.com/prodtech/javatools/jscreator/reference/techart/2/il8n.html\

* SessionBean1-ben kell egy locales nevu property
* Page3-ra tegyunk fel egy Drop Down Listet (id=lang) es kossuk a locales-hez
* uj elem valasztasa eseten
<pre>	 String l = lang.getSelected().toString();
	 FacesContext.getCurrentInstance().getViewRoot().setLocale(new Locale(l));
	 getSessionBean1().setCurrentLocale(l);</pre>
* Kell egy Load Bundle control (Advanced csoport), var=m
* A Source Packages / travel / Bundle Properties / Add Locale ablakban hozzunk letre kulonbozo nyelveket
* A hu_HU es az en_US eroforras file-ban toltsuk ki a hello kulcshoz tartozo szoveget, irhatunk html kodot is
* Huzzunk fel egy Static Text controlt es a text propertyjet allitsuk #{m.hello}-ra

==Onallo feladat==

* Felhasznalo beleptetese
* Form, ami a TRIP tablaba felvesz uj adatokat

-- [[PallosPeter|Peti]] - 2006.10.25.

[[Category:Valaszthato]]