Szoftverfejlesztés J2EE platformon - Labor: Servlet és JSP forrásának megtekintése

{{GlobalTemplate|Valaszthato|J2EELaborJSP}}



__TOC__

==Hello World servlet==

* File / New Project / Web / Web Application
** Name: Hello
** Frameworkot most nem hasznalunk.
* Source Packages / New Servlet
** Name: HelloWorldServletf
** Package: hello.web
* Letrejon a HelloWorldServlet.java, benne a doGet(), doPost() es processRequest() metodusokkal. Az elso ketto atiranyit a processRequest()-re
* &lt;body&gt; es &lt;/body&gt; koze szurjuk be a kovetkezo kodot:

<pre>String nev = request.getParameter("nev");
if (nev!=null) {
	out.println("&lt;font color='red'&gt;Szia " + nev + "!&lt;/font&gt;");
}

out.println("&lt;form action='HelloWorldServlet' method='GET'&gt;");
out.println("&lt;input type='text' name='nev'&gt;");
out.println("&lt;input type='submit' value='Hello'");
out.println("&lt;/form&gt;");</pre>

* Configuration Files / sunweb.xml / Locale ful / New...
** Locale: hu_HU
** Character set: UTF-8
* Inditas: Hello / Deploy Project, majd egy bongeszoben http://zoneX:8080/Hello/HelloWorldServlet (X=1..20)
** altalanosan: &#104;ttp://szerver cime/context-root/eroforras neve
** context-root alapbol a project neve, sun-web.xml-ben atdefinialhato
** ha nem adunk meg eroforras nevet, az index.jsp-re iranyit at, a default oldal a web.xml Pages fulen allithato

==Filterek használata==

* Source Packages / New / File/Folder... / Web / Filter
** Name: HelloFilter
** package: hello.web
* Letrejon a HelloFilter.java, az elcseszett indentalast Ctrl+Shift+F-fel lehet javitani
** Ami erdekes: doBeforeProcessing() es doAfterProcessing() metodusok
* doBeforeProcessing() metodusba irjuk bele a kovetkezo kodot:

<pre>for (Enumeration en = request.getParameterNames(); en.hasMoreElements(); ) {
	String name = (String)en.nextElement();
	if (!"nev".equalsIgnoreCase(name)) {
		HttpServletResponse r = (HttpServletResponse) response;
		r.sendRedirect("HelloWorldServlet?nev=csaltal");
		// redirect utan a chain.doFilter() mar nem csinal semmit
	}
}</pre>

==Hello world alkalmazás jsp-ben==

===Kiíratás beágyazott kóddal===

* A generalt index.jsp-t egeszitsuk ki a kovetkezo sorokkal:
<pre>&lt;% 
	String name = request.getParameter("nev");
	if (name != null) {
%&gt;
		&lt;font color="red"&gt;Hello &lt;%=name%&gt;!&lt;/font&gt;
&lt;%
	}
%&gt;

&lt;form&gt;
	&lt;input type="text" name="nev"&gt;
	&lt;input type="submit" value="Hello"&gt;
&lt;/form&gt;</pre>

===Kiíratás EL segítségével===

* A kiirato sort csereljuk a kovetkezore:

<pre>&lt;font color="red"&gt;Hello ${param.nev}!&lt;/font&gt;</pre>

===Kiíratás JSTL tag library segítségével===

* &lt;%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%&gt; sor ne legyen kikommentezve
* &lt;form&gt; elotti kodot csereljuk a kovetkezore:

<pre>&lt;c:if test="${param.nev != null}"&gt;
	&lt;font color="red"&gt;Hello ${param.nev}!&lt;/font&gt;
&lt;/c:if&gt;</pre>

* Az oldal tamadhato cross-site scriptinggel: irjuk be a textboxba, hogy <br> &lt;script&gt; alert("Tamadas!"); &lt;script&gt;
* javitas: &lt;font color="red"&gt;Hello &lt;c:out value="${param.nev}"/&gt;!&lt;/font&gt;
* ha nem akarjuk, hogy kiirataskor escape-elje a stringet, &lt;c:out value="..." escapeXml="false"/&gt;

==DisplayTag library használata==

* A library tamogatja a &lt;table&gt; taget, amivel lapozhato tablazatot lehet letrehozni
* Libraries / Add JAR/Folder...
* Valasszuk ki displaytag konyvtarbol az osszes jsp-t

* Hozzunk letre egy Person osztalyt
** A gettereket es settereket jobb gomb / Refactor / Encapsulate Fields menuponttal tudjuk generaltatni

<pre>package hello.web;

public class Person {
	 
	 private String nev;
	 private int eletkor;
	 private String email;
	 
	 public String getNev() {
		  return nev;
	 }

	 public void setNev(String nev) {
		  this.nev = nev;
	 }

	 public int getEletkor() {
		  return eletkor;
	 }

	 public void setEletkor(int eletkor) {
		  this.eletkor = eletkor;
	 }

	 public String getEmail() {
		  return email;
	 }

	 public void setEmail(String email) {
		  this.email = email;
	 }
	 
	 public Person() {
	 }
	 
	 public Person(String nev, int eletkor, String email) {
		  this.nev = nev;
		  this.eletkor = eletkor;
		  this.email = email;
	 }
}</pre>

* Hozzunk letre egy SearchServlet-et a hello.web package-be
* processRequest()-be irjuk be a kovetkezot:

<pre>Collection c = new ArrayList();
for (int i=0; i<50; i++) {
	c.add(new Person("#"+i, i*2, "emberke"+i+"@valami.hu"));
}
request.setAttribute("resultList", c);
// a http keres feldolgozasat tovabbitja a megadott komponensnek
// kb. egy include-nak felel meg
request.getRequestDispatcher("result.jsp").forward(request, response);</pre>

* Hozzuk letre a result.jsp-t
* Include-oljuk be a displaytag libraryt

<pre>&lt;%@taglib uri="http://displaytag.sf.net" prefix="display"%&gt;</pre>

* Irassuk ki a resultListet

<pre>&lt;h1&gt;Results&lt;/h1&gt;

&lt;!-- sort="list": teljes listat rendezi --&gt;
&lt;!-- sort="page": csak az aktualis oldalt --&gt;
&lt;!-- sort="external": kulso programkod vegzi a rendezest --&gt;
&lt;!-- defaultorder lehet "ascending" vagy "descending"
	  meg kell hozza adni a defaultsort attributumot is --&gt;
&lt;!-- defaultsort: hanyadik oszlop alapjan rendezzen (default erteke 1) --&gt;
&lt;!-- requestURI: hova iranyitson at lapozas vagy rendezes eseten.
	  Alapbol a result.jsp-re iranyitana at, de a SearchServletre kene,
	  mert az allitja elo a resultList-et --&gt;
&lt;display:table name="resultList" sort="list" defaultorder="descending" pagesize="10" requestURI="SearchServlet"&gt;
	 &lt;display:column property="nev" title="Ez a neve" sortable="true"/&gt;
	 &lt;display:column property="eletkor" title="Ennyi idos" sortable="true"/&gt;
	 &lt;display:column property="email" title="Ez az email cime" sortable="true"/&gt;
&lt;/display:table&gt;</pre>

* A web.xml-ben toroljuk a filtert, majd futtassuk

A tablazat minden esetben legeneralodik. Egy lehetseges megoldas:
* SearchServlet-ben: =request.getSession().setAttribute("resultList", c);=
* result.jsp-ben: =&lt;display:table name="sessionScope.resultList" sort="list" defaultorder="descending" pagesize="10"&gt;=
* Nagy tablazat eseten gondoskodni kell rola, hogy ha nem hasznaljuk, torlodjon a sessionbol. Szivas.

==Saját tag library==

* New / File/Folder... / Web / Tag Library Descriptor
** Name: mytaglib
* New / ... / Tag Handler
** Name: FormatDateTag
** Tag Support Class: SimpleTagSupport
** Attributes / New...: java.util.Date date, String format

doTag()-en belul

<pre>try {
	SimpleDateFormat d = new SimpleDateFormat(format);
	if (date==null) date = new Date();
	out.println(d.format(date));
} catch (java.io.IOException ex) {
	...
}</pre>

index.jsp:

<pre>&lt;%@taglib uri="WEB-INF/tlds/mytaglib.tld" prefix="my"%&gt;
...
Az aktualis datum: &lt;my:FormatDate format="yy/MM/dd"/&gt;
&lt;!-- vagy: &lt;my:FormatDate date="&lt;%=new java.util.Date()%&gt; format="yy/MM/dd"/&gt; --&gt;</pre>

----

Egyszeru megoldas:
* New / ... / Tag File
* jsp szintaktikaval lehet dolgozni

==Önálló feladat==

Irni kell egy login.jsp-t. A parametereket a LoginServlet ellenorzi. Ha sikeres a bejelentkezes, a success.jsp-re kell atiranyitani, kulonben az error.jsp-re. A success.jsp-t egy filterrel meg kell vedeni, hogy csak bejelentkezes utan legyen elerheto.

===Megoldás===

* {{InLineFileLink|Valaszthato|J2EELaborJSP|login.jsp|login.jsp}}: web/login.jsp
* {{InLineFileLink|Valaszthato|J2EELaborJSP|LoginServlet.java|LoginServlet.java}}: src/java/hello/web/LoginServlet.java
* {{InLineFileLink|Valaszthato|J2EELaborJSP|LoginFilter.java|LoginFilter.java}}: src/java/hello/web/LoginFilter.java
* {{InLineFileLink|Valaszthato|J2EELaborJSP|success.jsp|success.jsp}}: web/success.jsp
* {{InLineFileLink|Valaszthato|J2EELaborJSP|error.jsp|error.jsp}}: web/error.jsp
* {{InLineFileLink|Valaszthato|J2EELaborJSP|web.xml|web.xml}}: web/WEB-INF/web.xml

-- [[PallosPeter|Peti]] - 2006.10.18.



[[Category:Valaszthato]]