Chapter 9 Session. Contents A.Problem: Phone Book Searching B.Problem: Phone Book Management

Preview:

Citation preview

Chapter 9

Session

Contents

A.Problem: Phone Book Searching

B.Problem: Phone Book Management

A. Problem: Phone Book Searching

Develop a Phone Book system. The phone book keeps many phone

contact A phone contact including: name,

phone number and address This phone book allows users

search phone contact by name, phone number or address

Search by address

Search by address

Solution

1. Developing the view2. Developing the model3. Developing the controller4. View Search Result

1. Developing the view

Page name: search_ui.jsp Page title: Phone Book Searching Table:

Label “Search”; keywordTextBox; label “Search by”; searchBySelectBox, value: Name, Phone Number, Address; searchButton

Table: No., Name, Phone Number, Address

keywordTextBox searchBySelect

Box

searchButton

2. Develop the model

3. Developing the controller

4. View Search Result

B. Problem: Phone Book Management

Extend the Phone Book problem above so that it can be able to do the following tasks: View all of phone contacts Add a new phone contact Edit a phone contact Delete a phone contact

List all phone contacts

Click “Add new contact”

Add a new phone contact

Click “Truong Minh Ngoc”

Edit a phone contact

Delete a phone contact

Click “Delete”

Search Phone Contact

Click “Search”

Solution

1. Developing the view2. Developing the model3. Developing the controller

1. Developing the view

The index.jsp page: searching and viewing all phone contacts

The addedit_ui.jsp : adding new or editting a phone contact

Index.jsp

Page title: Phone Book Table:

Label “Search”; keywordTextBox; label “Search by”; searchBySelectBox, value: Contact Name, Phone Number, Contact Address; searchButton, value “Search”

Table: No., Name, Phone Number, Address, Delete

Index.jsp

addedit_ui.jsp

addedit_ui.jsp Title: Phone Book Table:

Label:

Label “Contact Name”; nameTextBox

Label “Phone Number”; phoneTextBox

Label “Address” ; addressTextBox

submitButton, value:

2. Developing the model

2.1. Edit PhoneContact class2.2. Edit PhoneBook class2.3. Add PhoneBookInstance class

2.1. PhoneContact

2.2. PhoneBook

2.3. PhoneBookInstance

3. Developing the controller

3.1. SearchPhoneContactServlet3.2. AddEditPhoneContactServlet3.3. DeletePhoneContactServlet

3.1. SearchPhoneContactServlet

3.2. AddEditPhoneContactServlet

3.3. DeletePhoneContactServlet