Web-fejlesztés NGM_IN002_1

Dinamikus tartalom 3. Template feldolgozás

Template feldolgozás Statikus (HTML) fájlok dinamikus tartalom beszúrással (speciális tagek) Template processzor PHP Cold Fusion ASP JSP Adatbázis lekérdezések Vezérlési szerkezetek Iteratív feldolgozás

Templatek el!nyei Létrehozás, karbantartás nem programozó oldaltervez!k által minél fejletebb megoldás annál inkább programozási tevékenység Tartalom és megjelenítés szétválasztása MVC tervezési minta template mint interfész

JSP technológia Üzleti logika és megjelenítés szétválasztása megjelenítés: XML, HTML üzleti logika: Java Beans, taglib-ek Kiterjeszthet!ség Servlet technológia Kliens

Szerver

Dinamikus tartalom

<jsp:useBean .../> <jsp:getProperty.../> <jsp:getProperty.../>

A JSP el!nyei vs. ASP J2EE vs. PHP Java API vs. Servletek módosíthatóság separation of concerns script és tag alapú dinamikus tartalom szerver oldali fordítás -> hatékony specifikáció hordozhatóság többféle implementáció

Példa

JSP vs. servletek servlet

tisztán servlet public class OrderServlet.......{ public void doGet(.....) { if(isOrderValid(req)){ saveOrder(req); out.println(""); out.println(""); ..... } private void isOrderValid(....) { .... } private void saveOrder(....) { .... } }

kérés feldolgozás

public class OrderServlet.......{ public void doGet(.....) { if(bean.isOrderValid(req)){ bean.saveOrder(....); ..... forward("conf.jsp"); } } JSP

megjelenítés

..... üzleti logika JavaBeans isOrderValid() saveOrder()

JSP elemek •" "Expressions: <%= expression %> "• "Statements: <% statement %> "• "Declarations: <%! declaration %> "• "JSP directives: <%@ directive %>

Alternative XML syntax: "• "<jsp:expression>... "• "<jsp:scriptlet>... "• "<jsp:declaration>... "• "<jsp:directive.../> "• "<jsp:include.../>

JSP feldolgozás hello.jsp

GET /hello.jsp

Kliens HTTP/1.1 200 OK

helloServlet.java

Szerver

.....

helloServlet. class

Példa

JSP és servlet együttm#ködés Tipikus megközelítés servlet: tartalom kezelés Javaban JSP: megjelenítés HTML-ben Kommunikáció HttpSession attribútumok RequestDispatcher Példa

Tartalom generálási lehet!ségek • JavaBeanek • öndokumentálás • alkalmazás kialakítása “programozás nélkül” • Scriptelemek • kódbeágyazás script nyelven (java) • kerülend! (szeparálás) Példa

JavaBean JavaBeanek jellemz!i paraméter nélküli constructor nincs public példány változó perzisztens értékek -> properties getXXXX, setXXX metódusok szerializálhatóság megoszthatóság useBean scope page (PageContext) request (ServletRequest) session (HttpSession) application (ServletContext)

Példa

Példa

JSP és MVC model adatok, feldolgozási m#veletek java osztályok view megjelenítés JSP oldalak controller kérések fogadása, model update servlet Apache Struts framework

Struts

PHP Szerver oldali script nyelv Apache modul C-szer# szintaxis objektum orientáltság beágyazás html oldalba xml szer# sgml szer# script <script language=”php”> fels!bb szint# “template” megoldások Smarty

JSP példa <TITLE>Welcome to Our Store

Welcome to Our Store

<SMALL>Welcome, <%= Utils.getUserNameFromCookie(request) %> To access your account settings, click here.

Regular HTML for all the rest of the on-line store$s Web page.

Vissza

Generált servlet <% response.addDateHeader("Expires", 0); %>

Hello World!

<%! private int hits = 0; %> You are visitor number <% synchronized(this) { out.println(++hits); } %> since the last time the service was restarted.

This page was last updated: <%= new java.util.Date().toLocaleString() %> ... response.setContentType("text/html;charset=ISO-8859-1"); pageContext = _jspxFactory.getPageContext(this, request, response,"", true, 8192, true); application = pageContext.getServletContext(); config = pageContext.getServletConfig(); session = pageContext.getSession(); out = pageContext.getOut(); // begin [file="/HelloWorld2.jsp";from=(0,2);to=(0,41)] response.addDateHeader("Expires", 0); // end // HTML // begin [file="/HelloWorld2.jsp";from=(0,43);to=(3,0)] out.write("\r\n\r\n

Hello World!

\r\n"); // end // HTML // begin [file="/HelloWorld2.jsp";from=(3,28);to=(4,23)] out.write("\r\nYou are visitor number "); // end // begin [file="/HelloWorld2.jsp";from=(4,25);to=(4,70)] synchronized(this) { out.println(++hits); } // end // HTML // begin [file="/HelloWorld2.jsp";from=(4,72);to=(7,28)] out.write("\r\nsince the last time the server was restarted.\r\n

\r\nThis page was last updated: "); // end }

Vissza

...

RequestDispatcher public class Register extends HttpServlet { public void doGet(HttpServletRequest request, HttpServletResponse response) throws IOException, ServletException { String email = request.getParameter("email"); HttpSession session = request.getSession(true); session.setAttribute("email", email); RequestDispatcher dispatcher = getServletContext().getRequestDispatcher ("/present.jsp"); dispatcher.forward(request, response); } }

Vissza

Script vs. Bean <% ShoppingCart cart = (ShoppingCart)session. getAttribute("cart"); // If the user has no cart, create a new one if (cart == null) { cart = new ShoppingCart(); session.setAttribute("cart", cart); } %>

<jsp:useBean id="cart" class="cart.ShoppingCart" scope="session"/>

Vissza

Bean használata <%@ page language="java" contentType="text/html" %> <jsp:useBean id="clock" class="java.util.Date" /> The current time at the server is:

• Date: <jsp:getProperty name="clock" property="date" />
• Month: <jsp:getProperty name="clock" property="month" />
• Year: <jsp:getProperty name="clock" property="year" />
• Hours: <jsp:getProperty name="clock" property="hours" />
• Minutes: <jsp:getProperty name="clock" property="minutes" />

Vissza

JavaBean /** Simple bean to illustrate sharing beans through * use of the scope attribute of jsp:useBean. */ public class AccessCountBean { private String firstPage; private int accessCount = 1; public String getFirstPage() { " return(firstPage); } public void setFirstPage(String firstPage) { " this.firstPage = firstPage; } public int getAccessCount() { " return(accessCount++); } }

Vissza

Bean scope <TITLE>Shared Access Counts: Page 1

Shared Access Counts: Page 1

<jsp:useBean id="counter" class="coreservlets.AccessCountBean" scope="application"> " <jsp:setProperty name="counter" property="firstPage" value="SharedCounts1.jsp" /> Of SharedCounts1.jsp (this page), SharedCounts2.jsp, and SharedCounts3.jsp, <jsp:getProperty name="counter" property="firstPage" /> was the first page accessed.

Collectively, the three pages have been accessed <jsp:getProperty name="counter" property="accessCount" /> times.

Vissza