MTAT Enterprise System Integration

Size: px

Start display at page:

Download "MTAT Enterprise System Integration"

Clinton Wilcox
5 years ago
Views:

1 MTAT Enterprise System Integration Lecture 4: Presentation Layer Luciano García-Bañuelos University of Tartu

The picture Enterprise sozware Presenta(on Controller Applica4on logic Model Data access How to organize the code that implements the interac4ons with end- users?

2 The picture Enterprise sozware Presenta(on Controller Applica4on logic Model Data access How to organize the code that implements the interac4ons with end- users? MVC Pa<ern Model: consists of applica4on data and business logic : any output representa4on of data (e.g., Chart diagrams, GUIs Java swing, HTML pages) Controller: Mediates user interac4on, conver4ng it to commands for the model or view Worth asking: Layered architecture? Logical boundaries? PRESENTATION LAYER LUCIANO GARCÍA- BAÑUELOS 1

3 A closer look to MVC The MVC pa<ern has its roots on the early a<empts to developing Graphical User Interfaces Introduced in Smalltalk- 76, in Xerox Park, in the 70 s Re- implemented later in Smalltalk- 80 s class library, in the 80 s State Query Model Encapsulates applica4on state Responds to state queries Exposes applica4on func4onality No4fies views changes Change No*fica*on State Change Renders the models Requests updates from models Sends user gestures to controller Allows controller to select view Selec(on User Gestures Controller Defines applica4on behavior Maps user ac4ons to model updates Selects view for response One for each func4onality Source: Oracle PRESENTATION LAYER LUCIANO GARCÍA- BAÑUELOS 2

4 Java Web Applications HTTP verbs Get Post Update Delete URL h<p://example.com/app?name=adam Web Server Client (e.g., Web browser) HTTP request HTTP response Servlet container Servlet Status code 200, 201, 404, 500, etc. + content (e.g., HTML, XML, JSON) PRESENTATION LAYER LUCIANO GARCÍA- BAÑUELOS 3

Hello world, Servlets h<p://example.com/app?

doget(httpservletrequest request, HttpServletResponse response) throws

getparameter("name"); PrintWriter response.

println("hello PrintWriter = response.getwriter(); world, " + name); } } out.

5 Hello world, Servlets h<p://example.com/app?name=adam public class HelloWorld extends HttpServlet { public void doget(httpservletrequest request, HttpServletResponse response) throws ServletException, IOException { String name = request.getparameter("name"); PrintWriter response.setcontenttype("text/html"); out = response.getwriter(); out.println("hello PrintWriter = response.getwriter(); world, " + name); } } out.println("<html>"); out.println("<head><title>hello world</title></head>"); out.println("<body><h1>hello " + name + "</H1></BODY>"); out.println("/<html>"); } } PRESENTATION LAYER LUCIANO GARCÍA- BAÑUELOS 4

6 MVC revisited: The Struts 2 architecture Web Server JSP/Servlet container Ac(on Client HTTP request HTTP response Dispatcher filter Servlet Interceptor Servlet Servlet Servlet Model Model Model JSP compiled into Controller Servlet PRESENTATION LAYER LUCIANO GARCÍA- BAÑUELOS 5

7 Spring MVC architecture Spring MVC container Web Server HTTP request Interc. Interc.... URL Handler mapping Client Dispatcher Controller Model HTTP response Model logical name logical name resolver PRESENTATION LAYER LUCIANO GARCÍA- BAÑUELOS 6

8 Hands-on with Spring MVC PRESENTATION LAYER LUCIANO GARCÍA- BAÑUELOS 7

9 Scenario Once the works engineer has approved the plant hire request, Buildit s informa4on system automa4cally generates a Purchase Order (PO) for hiring the plant and sends this PO to the plant supplier. Some4mes, the site engineer requests an extension of the period of engagement (e.g. in order to keep the plant for an addi4onal week). In order to request an engagement, the site engineer should first check the availability of the plant with the supplier for the period of the extension. If the plant is available, the site engineer can modify the plant hire request. Buildit s informa4on system then sends a modified PO to the supplier. PRESENTATION LAYER LUCIANO GARCÍA- BAÑUELOS 8

10 Scenario Customer name: String vatnumber: String PurchaseOrder start: Date end: Date cost: Float Plant name: String description: String price: Float PurchaseOrder ID START END COST C_ID P_ID /23/13 09/27/ Plant ID NAME DESC PRICE 123 Excavator h<p://ren4t.com/po/updaterp?po=115&ndays=3 PRESENTATION LAYER LUCIANO GARCÍA- BAÑUELOS 9

11 The dispatcher servlet Dispatcher Controller resolver <bean class="org.springframework.web.servlet.handler.simplemappingexceptionresolver p:defaulterror="uncaughtexception"> <property name="exceptionmappings"> <props> <prop key=".dataaccessexception">dataaccessfailure</prop> <prop key=".nosuchrequesthandlingmethodexception">resourcenotfound</prop> <prop key=".typemismatchexception">resourcenotfound</prop> <prop key=".missingservletrequestparameterexception">resourcenotfound</prop> </props> </property> </bean> PRESENTATION LAYER LUCIANO GARCÍA- BAÑUELOS 10

Controllers h<p://ren4t.com/po/updaterp?

GET) @Transactional public String updaterentperiod(httpservletrequest request, Model model) throws Exception { String poidstr = request.

valueOf(plantIdStr); PurchaseOrder po = PurchaseOrder.find(poId); // Compute rent extension period if (po.plant.isavailable(extensionperiod)) { po.

12 public class PurchaseOrder updaterp", method = public String updaterentperiod(httpservletrequest request, Model model) throws Exception { String poidstr = request.getparameter("po"); Long poid = Long.valueOf(poIdStr); String numofdaysstr = request.getparameter("ndays"); Integer numofdays = Integer.valueOf(plantIdStr); PurchaseOrder po = PurchaseOrder.find(poId); // Compute rent extension period if (po.plant.isavailable(extensionperiod)) { po.setenddate(newenddate); // Update the cost model.addattribute( purchaseorder", po); adddatetimeformatpatterns(model); } else throw new Exception("The plant is not available for the requested period"); return po/show"; } } PRESENTATION LAYER LUCIANO GARCÍA- BAÑUELOS 11

Controllers h<p://ren4t.com/po/updaterp?po=115&ndays=3 @RequestMapping("/po") @Controller @RooWebScaffold(path = po", formbackingobject = PurchaseOrder.

GET) @Transactional public String updaterentperiod(@requestparam("po") Long poid, @RequestParam( ndays") Integer numofdays, Model model) throws Exception { PurchaseOrder po = PurchaseOrder.

13 @RooWebScaffold(path = po", formbackingobject = PurchaseOrder.class) public class PurchaseOrder method = public String updaterentperiod(@requestparam("po") Long ndays") Integer numofdays, Model model) throws Exception { PurchaseOrder po = PurchaseOrder.find(poId); // Compute rent extension period if (po.plant.isavailable(extensionperiod)) { po.setenddate(newenddate); // Update the cost model.addattribute( purchaseorder", po); adddatetimeformatpatterns(model); } else throw new Exception("The plant is not available for the requested period"); return po/show"; } } PRESENTATION LAYER LUCIANO GARCÍA- BAÑUELOS 12

Model Spring uses a hash table to carry up the informa4on to be rendered by the view: Objects in the Model may be instances of wrapped primi4ve data or JavaBeans

public String updaterentperiod(..., Model model,...) {... model.addattribute( purchaseorder", po);.

14 Model Spring uses a hash table to carry up the informa4on to be rendered by the view: Objects in the Model may be instances of wrapped primi4ve data or JavaBeans JavaBeans are reusable Java components. They are serializable, have a 0- argument constructor, and allow access to proper4es via ge<er/ se<er methods. public String updaterentperiod(..., Model model,...) {... model.addattribute( purchaseorder", po);... public class Query{ = "M-") = "M- ) Date enddate; } PRESENTATION LAYER LUCIANO GARCÍA- BAÑUELOS 13

15 The view resolver resolvers provided by Spring: BeanNameResolver ContentNego4a4ngResolver FreeMarkerResolver InternalResourceResolver JasperReportsResolver ResourceBundleResolver TilesResolver UrlBasedResolver VelocityLayoutResolver VelocityResolver XmlResolver XsltResolver Dispatcher Controller resolver PRESENTATION LAYER LUCIANO GARCÍA- BAÑUELOS 14

Composing the view with Tiles <tiles-definitions> <definition name="default"

jspx" /> <put-attribute name="menu" value="/web-inf/views/menu.

jspx" /> </definition> <definition name="public" jspx" /> </definition> </tiles-definitions>

16 Composing the view with Tiles <tiles-definitions> <definition name="default" template="/web-inf/layouts/default.jspx"> <put-attribute name="header" value="/web-inf/views/header.jspx" /> <put-attribute name="menu" value="/web-inf/views/menu.jspx" /> <put-attribute name="footer" value="/web-inf/views/footer.jspx" /> </definition> <definition name="public" template="/web-inf/layouts/default.jspx"> <put-attribute name="header" value="/web-inf/views/header.jspx" /> <put-attribute name="footer" value="/web-inf/views/footer.jspx" /> </definition> </tiles-definitions> PRESENTATION LAYER LUCIANO GARCÍA- BAÑUELOS 15

Composing the view with Tiles <tiles-definitions> <definition extends="default"

jspx"/> </definition> <definition extends="default" name="plants/show">

jspx"/> </definition> <definition extends="default" name="plants/create">

jspx"/> </definition> <definition extends="default" name="plants/update">

17 Composing the view with Tiles <tiles-definitions> <definition extends="default" name="plants/list"> <put-attribute name="body" value="/web-inf/views/plants/list.jspx"/> </definition> <definition extends="default" name="plants/show"> <put-attribute name="body" value="/web-inf/views/plants/show.jspx"/> </definition> <definition extends="default" name="plants/create"> <put-attribute name="body" value="/web-inf/views/plants/create.jspx"/> </definition> <definition extends="default" name="plants/update"> <put-attribute name="body" value="/web-inf/views/plants/update.jspx"/> </definition> </tiles-definitions> PRESENTATION LAYER LUCIANO GARCÍA- BAÑUELOS 16

Sample view: plants/create <?xml version="1.0" encoding="utf-8" standalone="no"?> <div xmlns:c="http://java.sun.

18 Sample view: plants/create <?xml version="1.0" encoding="utf-8" standalone="no"?> <div xmlns:c=" xmlns:field="urn:jsptagdir:/web-inf/tags/form/fields" xmlns:form="urn:jsptagdir:/web-inf/tags/form" xmlns:jsp=" xmlns:spring=" version="2.0"> <jsp:directive.page contenttype="text/html;charset=utf-8"/> <jsp:output omit-xml-declaration="yes"/> <form:create id="fc_pkg_domain_plant" modelattribute="plant" path="/plants" render="${empty dependencies}" z="0m7wtjjf0//c/2xp9wcunjd/eg4= > <field:textarea field="name" id="c_pkg_domain_plant_name" required="true" z="+emqaiehqntpd4m4ne1d93trkm4="/> <field:textarea field="description" id="c_pkg_domain_plant_description" required="true" z="foolsp+shi2yhfle7uaiwqmbgv8="/> <field:input decimalmin="0.01" field="price" id="c_pkg_domain_plant_price" required="true" validationmessagecode="field_invalid_number" z="avuyqaa2ldelczydu27c9kg2ark="/> </form:create> <form:dependency dependencies="${dependencies}" id="d_pkg_domain_plant" render="${not empty dependencies}" z="+akd7un/uypdkxdvrvkhb5fy3nc="/> </div> PRESENTATION LAYER LUCIANO GARCÍA- BAÑUELOS 17

19 Sample view with Spring tags <?xml version="1.0" encoding="utf-8" standalone="no"?> <div xmlns:form=" xmlns:jsp=" version="2.0"> <jsp:directive.page contenttype="text/html;charset=utf-8" /> <jsp:output omit-xml-declaration="yes" /> <spring:url value="plants/create2" var="plant_creation_url" /> <form:form method="post" action="${plant_creation_url}" modelattribute="plant"> <table> <tr> <td>name:</td><td><form:input path="name" /></td> </tr> <tr> <td>description:</td><td><form:input path="description" /></td> </tr> <tr> <td>price:</td><td><form:input path="price" /></td> </tr> <tr> <td colspan="2"><input type="submit" value="save" /></td> </tr> </table> </form:form> </div> create2.jspx PRESENTATION LAYER LUCIANO GARCÍA- BAÑUELOS 18

20 Sample page flow GET h<p://.../plants?create Redirect to JSPX view h<p://.../plants/create2 POST h<p://.../plants/create2 Redirect to ac4on on Controller h<p://.../plants/{plantid} <tiles-definitions> <definition extends="default" name="plants/list"> <put-attribute name="body" value="/web-inf/views/plants/list.jspx"/> </definition> <definition extends="default" name="plants/show"> <put-attribute name="body" value="/web-inf/views/plants/show.jspx"/> </definition> <definition extends="default" name="plants/create"> <put-attribute name="body" value="/web-inf/views/plants/create.jspx"/> </definition> <definition extends="default" name="plants/update"> <put-attribute name="body" value="/web-inf/views/plants/update.jspx"/> </definition> <definition extends="default" name="plants/create2"> <put-attribute name="body" value="/web-inf/views/plants/create2.jspx"/> </definition> </tiles-definitions> PRESENTATION LAYER LUCIANO GARCÍA- BAÑUELOS 19

21 Sample view with public class PlantController = "create") public String createform(model model) { model.addattribute("plant", new Plant()); return "plants/create2"; } GET h<p://.../plants?create Redirect to = "create2", method = RequestMethod.POST) public String create(@valid Plant plant, BindingResult bindingresult, Model model, HttpServletRequest request) { if (bindingresult.haserrors()) { model.addattribute("plant", new Plant()); return "plants/create2"; } model.asmap().clear(); plant.persist(); return "redirect:/plants/" + encodeurlpathsegment(plant.getid().tostring(), request); } } PRESENTATION LAYER LUCIANO GARCÍA- BAÑUELOS 20

22 Sample view with Spring tags <?xml version="1.0" encoding="utf-8" standalone="no"?> <div xmlns:form=" xmlns:jsp=" version="2.0"> <jsp:directive.page contenttype="text/html;charset=utf-8" /> <jsp:output omit-xml-declaration="yes" /> <spring:url value="plants/create2" var="plant_creation_url" /> <form:form method="post" action="${plant_creation_url}" modelattribute="plant"> <table> <tr> <td>name:</td><td><form:input path="name" /></td> </tr> <tr> <td>description:</td><td><form:input path="description" /></td> </tr> <tr> <td>price:</td><td><form:input path="price" /></td> </tr> <tr> <td colspan="2"><input type="submit" value="save" /></td> </tr> </table> </form:form> </div> GET h<p://.../plants?create Redirect to JSPX view h<p://.../plants/create2 POST h<p://.../plants/create2 PRESENTATION LAYER LUCIANO GARCÍA- BAÑUELOS 21

23 Sample view with public class PlantController { = "create") public String createform(model model) { model.addattribute("plant", new Plant()); return "plants/create2"; } GET = "create2", method = RequestMethod.POST) public String create(@valid Plant plant, BindingResult bindingresult, Model model, HttpServletRequest request) { if (bindingresult.haserrors()) { model.addattribute("plant", new Plant()); return "plants/create2"; } model.asmap().clear(); plant.persist(); return "redirect:/plants/" + encodeurlpathsegment(plant.getid().tostring(), request); } Redirect to JSPX view h<p://.../plants/create2 POST h<p://.../plants/create2 Redirect to ac4on on Controller h<p://.../plants/{plantid} PRESENTATION LAYER LUCIANO GARCÍA- BAÑUELOS 22

MTAT Enterprise System Integration

MTAT Enterprise System Integration MTAT.03.229 Enterprise System Integration Lecture 3: Services and Presentation layer Luciano García-Bañuelos University of Tartu Hexagonal architecture Last week: Domain model Structural patterns: Entities,