1 architecting web applications using jsf & struts assignment guideline

1

Architecting Web Applications using JSF & Struts

ASSIGNMENT GUIDELINE

Objectives

Assignment Guideline 1Assignment Guideline 2Assignment Guideline 3Assignment Guideline 4Assignment Guideline 5Assignment Guideline 6

2

Assignment Guideline 1

3

Application’s Name

View: -Shows all products in DB-Allows to add Product to Cart

Supported class: a Cart’s Item

Model: process and store Cart

Controller: dispatcher

View Cart with add more Products and Order function

Transfer store current cart request to order object in DB

Transfer OrderID request to show order object from DB

View order object details from DB

Assignment Guideline 1 (cont)

4


5

index.jsp (input View) “Add to Cart”: “add” action with form “View Cart”: “view” action “Show Order”: “show” action Load data from DB and present

as the right picture. cartObj.java (supported Object)

Properties: productID, productName, price, amount

Constructor with 3 parameters except amount (default with 1)

Define method equals to compare input Object with cartObj


6

cartBean.java (Model) Properties: customerID, customerName, contents (Vector data

type – use store added Products) No parameter constructor: initial Vector and generate random

customerID in [0, 999] The properties’ getter and setter The addProduct method: add product Item to cart (Notes: if

product is existed, it’s amount is increased automatically) The removeProduct method: remove product Item from cart

(Hint: should you productID as input parameter) The storeCart method: create order object in DB from the Cart

Create a new row in Order table (The customerID is a orderID field) Create new rows in Order details table relating with Cart’s data Update the Total field in Order table


7

view.jsp (display View) “Remove”: “remove” action “Add more Product”: “more” action “Order Products”: “order” action Present current Cart’s information

as the right picture. Hint: the “Remove” link should use

a URL-Rewriting technology to send input parameter to server.


8

order.jsp (input View) “Order”: “store” action with form “Add more Product”: “more” action “View cart”: “view” action Allow to input Customer Name

viewOrder.jsp (display View) Display date from DB as the

template “New shopping”: “more” action “Show order”: “show” action

show.jsp (input View) “Main page”: “more” action “View Order Details”: “detail”

action in form.


9

ControllerServlet.java (Controller) Initial HttpSession and get “cart” Object in session Get actions from client and implement actions

“add”: add product Item to cart and forward index.jsp page “view”: forward view.jsp page “more”: forward index.jsp page “order”: forward order.jsp page “remove”: remove product Item from cart and forward view.jsp page “show”: forward show.jsp page “detail”: forward viewOrder.jsp page “store”: set CustomerName value to cart, store cart to DB, forward

viewOrder.jsp, and remove cart from session Update “cart” state in session excepting show, store, and

detail action Execute and test the application.


10


Shows all books in DB. Link to searchBook.jsp

Form Bean

Form View: input control to get information to search

Struts Configuration File

Action class

Represent the Searching result


11


12

index.jsp “Search Book”: forward

searchBook.jsp (searchBook.do) searchBook.jsp

Input text “name” Radio control “type” Submit control Form with “displaySearch” action

FormBean: SearchBookForm.java Properties: name, type

Action class: SearchAction Set formBean’s properties to

request’s Attribute Forward “success”


13

display.jsp (input View) “Return main page”: action

“mainPage.do” Configure struts-config.xml

Define form-bean “SearchBookForm” mapping SearchBookForm.class

Mapping Action “displaySearch” with SearchAction

Define forward “searchBook” and “mainPage” in global-forwards


14


Get Book Information to search in DB

Process download

List Searching Result and Download button on each result

Struts Configuration File inside WEB-INF directory

Inputting reader’s information form

Inform success message after storing book information which is inputted by readers

Inform error by stored occurring

Action Form

Action


15


16

index.jsp “Search”: form with “search” action Book Name: input text “name”

FormBean: SearchActionForm.java Properties: name

Action class: SearchAction Find on DB Set “name” attribute to request If found, Forward “found” Otherwise, forward “notfound”


17

found.jsp List Searching Result “Download File”: form with

“download” action Book Name: hidden input text

“fileName” “Return main page”: “main.do”

FormBean: DownloadActionForm.java Properties: fileName

Action class: DownloadAction Set “fileName” attribute to request Forward “success”


18

download.jsp Download file from Server Hint: DB stores relative path Tip code


19

notfound.jsp “Send Information”: form with

“store” action input texts with “title”, “author”,

“publication”, “subject” Select control “rating” ([1, 5]) “Return main page”: “main.do”

FormBean: StoreActionForm.java Properties:same above controls name

Action class: StoreAction Insert information to DB If success, forward “success” Otherwise, forward “fail”


20

success.jsp and error.page “Return main page”: “main.do”


21


Struts-config.xml, validation.xml inside

Form View: -Shows all products in DB-Allows to add Product to Cart

Supported class: a Cart’s Item

Model: process and store Cart

Action with DynaActionForm

View Cart with add more Products and Order function

Transfer store current cart request to order object in DB

Transfer OrderID request to show order object from DB

View order object details from DB


22


23

index.jsp (input View) “Add to Cart”: “add” action with form “View Cart”: “view” action “Show Order”: “show” action Load data from DB into hidden text

“productID”, “productName”, “unit”, “price” and present as the right picture.

cartObj.java (supported Object) Properties: productID, productName,

productUnit, price, amount Constructor with 4 parameters except

amount (default with 1) Define method equals to compare input

Object with cartObj


24

cartBean.java (Model) Properties: customerID, contents (Vector data type – use store

added Products) No parameter constructor: initial Vector and generate random

customerID in [0, 99999] The properties’ getter and setter The addProduct method: add product Item to cart (Notes: if

product is existed, it’s amount is increased automatically) The removeProduct method: remove product Item from cart

(Hint: should you productID as input parameter) The storeCart method: create order object in DB from the Cart

Create a new row in Order table (The customerID is a orderID field) Create new rows in Order details table relating with Cart’s data Update the GiftTotal, Extra, OrderTotal field in Order table


25

FormBean: declare DynaActionForm with properties Properties: productID, productName, unit, price

Action class: AddAction Get “cart” attribute from Session (if null, create new) Create cartObj with retrieved values from FormBean Call addProduct into cart Update “cart” attribute into Session Forward “success”


26

view.jsp (display View) “Remove”: “remove” action “Add more Product”: “more” action “Order Products”: “order” action Present current Cart’s information as

the right picture. Hidden text “productID” in “remove”

form

FormBean: DynaActionForm with properties productID

Action: RemoveAction Get “cart” attribute from session Call remove(productID) with cart Update “cart” attribute into session Forward “success”


27

order.jsp (input View) “Order”: “store” action with form “Add more Product”: “more” action “View cart”: “view” action Input text “customerName”,“customerEmail”,

“customerAddress”, “creditCard” Select control “nDate” [1, 4]

FormBean: DynaValidatorForm with above properties. Action: StoreAction

Get “cart” attribute from Session Call store() with above properties Set “custID” attribute with customerID into request Remove “cart” attribute from Session Forward “success”


28

Define Validation Rule in orderForm properties in validation.xml

customerName: required customerID: required, email customerAddress: required,

minlength [10] creditCard: required, creditCard


29

viewOrder.jsp (display View) Display data from DB as the template “New shopping”: “more” action “Show order”: “show” action

show.jsp (input View) “Main page”: “more” action “View Order Details”: “detail” action in

form. Input text “custID”

FormBean: DynaActionForm with “custID” property

Action: ShowAction Set “custID” attribute into request Send forward “success”


30

Configure struts-config.xml with forward action show, order, more, and view

Run and Test program Demo of DynaActionForm which are not created ActionForm class


31


Error messages

Form Bean

JSF managed Bean: car Information

JSF Configuration File

Input rental Information

Confirm Information

Faces root pageList car pages

Supported class for Car

JSF managed Bean: car Information Collection

JSF managed Bean: rental Information

Supported class for Rental


32


33

index.jsp Forward to rental.jsp

rental.jsp JSF Form shows car Information Get car information from CarBean Transfer param carID on Rental link

Hint

Click Rental link, the rentalForm.jsp is show

This form should be used the dataTable component of JSF


34

JSF managed bean: carBean Car’s information: id, name, seatAmount,

status Supported Car’s information class

Load car’s information to collection data to view on dataTable

To transfer the parameter from the rental.jsp to rentalForm.jsp, actually the parameter is transferred to bean (Rental Bean)

The code hint support to transfer the parameter is JSF supported through faces-config.xml as


35

rentalForm.jsp JSF Form with JSF controls Confirm to show information in the

confirm.jsp Cancel to go the rental.jsp Hint: in this form, the hidden form field is

applied

JSF managed bean: rentalBean Information: custName, custAddress,

custYear, custPhone, rentalType, carID Checking constraint with Name (at least 5

chars), Address (at least 10 chars), Phone (number and at least 8 digits)

Process data Temp in session Process storing data to DB in confirm.jsp and

set status to not available in Car table rentalDB is a supported class

Support store rental information to session


36

fail.jsp Show message as figure

confirm.jsp JSF Form shows rental Information Submit to store all information into

DB Go Back to rentalForm.jsp/

rental.jsp


37


38


Click View Schedule button


Click Accept button


43

Design the application forms as

Label (Basic)

Label (Basic)

TextField (Basic) with required attribute true

Button (Basic), the reset button is create with reset attribute set true (checked)

Message (Basic), constraint order with username and password


44


Label (Basic)

Static text bound to username of Login Bean

Table (Basic)

Calendar (Basic)

Message (Basic)

Button (Basic)

Text Field (Basic)


The control same as the previous slide



HyperLink (Basic) with url attribute set to login.jsp

Label (Basic)

Navigation page as


Design the DB as


Generate the LoginBean with session scope as

public class LoginBean extends AbstractSessionBean {

private String username;

private boolean roles;//true is manage, false is employee

private String tmpUser="";

Building the get/set method for properties

}


In login.jsp page, generate the action for login button aspublic String btLogin_action () {

Connect DB

String strSQL = "Select * from JSF_Account where username=? and password=?";

stm = con.prepareStatement (strSQL);

stm.setString (1, uname);

stm.setString (2, pword);

ResultSet rs = stm.executeQuery ();

if(rs.next ()){

status = "manager";

LoginBean tmp = getLoginBean ();

tmp.setUsername (rs.getString (1));

boolean roles = rs.getBoolean (3);

tmp.setRoles (roles);

if(!roles){status = "employee";}

}

}


Create DataSource in Netbeans to connect DB On tab Runtime on NetBeans, choose Databases, choose Drivers,

click “New Driver…”

Click Add button to choose the lib jar file

Click Find Button or choose the correspondent Drivers

Naming the Name of Driver

Click Ok Button the New Drivers is add Drivers Item


Create DataSource in Netbeans to connect DB (cont) Right click on the corresponding Driver, click “Connect Using …”

Typing connection String to connect DB

Typing username and password that connect DB

Click Ok button the Datasource is automatically created


Connect DataSource to DB Right click the corresponding DataSource, Click Connect, Fill username and password Notes: if the Datasource is connected the above step omited

Connect table control with Datasource Choose the corresponding connected Datasource, choose the

corresponding table, then drag and drop to the title of table control The DataProvider and RowSet is automatically is created. Notes: If

DataProvider is existed, the Netbeans show the Dialog presented to choose one


On the refresh page or isPostBack properties of DotNet, the event is activated as prerender method

getLoginBean ().getJsf_scheduleRowSet ().setObject (1, getLoginBean ().getUsername ());

jsf_scheduleDataProvider.refresh ();

getLoginBean ().getJsf_leavesRowSet ().setObject (1, getLoginBean ().getUsername ());

jsf_leavesDataProvider.refresh ();

Assignment Guideline 6 (cont) Add the parameter to DataProvider Choose the corresponding RowSet, double click on it On the SQL screen, add the parameter with the “?” characters in the Where clause. Or click right mouse the field and choose Add Query

Criteria … Choose the parameter, then click Ok Coding all the button in pages

1 architecting web applications using jsf & struts assignment guideline

Documents

cart object

dbassignment guideline

cartobjassignment guideline

actionview cart

cart hint

formview cart

dispatcherview cart

input object