Mô hình MVC 2 (Model-View-Controller)

Nguyễn Hoàng Anh – [email protected] – ĐH KHTN - 2012

Nội dung trình bày

Giới thiệu mô hình MVC 2

BookOnline MVC 2

2


GIỚI THIỆU MÔ HÌNH MVC 2

3


Java Web

Servlet mạnh về xử lý nghiệp vụ và điều phối nhưng

lại rất yếu về hiển thị

JSP mạnh về xử lý hiển thị nhưng lại yếu về xử lý

nghiệp vụ và điều phối

4


Java Web

Thường thì chúng ta sẽ kết hợp sức mạnh của Servlet

và JSP vào mô hình MVC 2 (Model-View-Controller)

– Các Servlet đóng vai trò làm Controller

– Các trang JSP đóng vai trò làm View

5


MVC 1

Model: DAO + POJO

View: JSP

Controller: JSP

6


MVC 2

Model: DAO + POJO

View: JSP

Controller: Servlet

7


MVC 2

Model: DAO + POJO

– Cập nhật dữ liệu + Rút trích dữ liệu

Controller : SERVLET

– Gọi Model cập nhật dữ liệu + rút trích dữ liệu

– Chọn View và gửi dữ liệu cho View

View: JSP

– Gửi các sự kiện cho Controller

– Nhận dữ liệu từ Controller và hiển thị

8


MVC 2

9

VIEW

JSP

CONTROLLER

SERVLET

MODEL

DAO POJO

Gửi sự kiện

Chọn View Gửi dữ liệu

Cập nhật dữ liệu

Rút trích dữ liệu Hiển thị dữ liệu


Controller (Servlet) gửi dữ liệu cho View (JSP)

Request

Session

Application (ServletContext)

10


Controller (Servlet) REQUEST View (JSP)

11

Forward

Forward

URL người dùng nhìn thấy: Page1

Chứa các thuộc tính trong request của Page1

Attribute1, Attribute2


Chứa thuộc tính trong request của Page1 + Page2

Attribute1, Attribute2

Attribute3


Chứa thuộc tính trong request của

+ Page1 + Page2 + Page 3

Attribute1, Attribute2, Attribute3

Attrubute4, Attribute5

Page1

Page2

Page3



12

CONTROLLER

SERVLET

VIEW

JSP

Forward

Object value1 = ...

Object value2 = ...

request.setAttribute (“Key1”, value)

request.setAttribute (“Key2”, value)

...

Object value1 = request.getAttribute (“Key1”)

Object value2 = request.setAttribute (“Key2”)

...



Controller (Servlet)

POJO pojo = . . .

request.setAttribute("key", pojo);

String url="url view";

RequestDispatcher rd =

request.getRequestDispatcher(url);

rd.forward(request, response);

13



View (JSP)

– Java Bean

<jsp:useBean id="key"

type="POJO" scope="request"/>

. . .

– Scriptlet

<%

POJO pojo=(POJO)request.getAttribute(“Key”);

%>

14




ArrayList<POJO> ds = . . .

request.setAttribute("key", ds);





15



View (JSP)

– Java Bean


type="ArrayList<POJO>" scope="request"/>

. . .

– Scriptlet

<% ArrayList<POJO> ds=

(ArrayList<POJO>)request.getAttribute(“Key”);

%>

16


Controller (Servlet) SESSION View (JSP)

Session

17

Server

Client 1

Client 2

Session ID 1

Session ID 2

Session 1

Session 2



Forward

– Người dùng không nhìn thấy URL thay đổi

– Người dùng không thể Bookmark

– Quá trình chuyển dữ liệu Servlet JSP

SendRedirect

– Người dùng nhìn thấy URL thay đổi

– Người dùng có thể Bookmark trang JSP

– Quá trình chuyển dữ liệu JSP Servlet JSP

– Bên View cần kiểm tra dữ liệu đã tồn tại chưa

18



19

CONTROLLER

SERVLET

VIEW

JSP

Forward

Object value1 = ...

Object value2 = ...

HttpSession session = request.getSesssion();

session.setAttribute (“Key1”, value)

session.setAttribute (“Key2”, value)

...

Object value1 = session.getAttribute (“Key1”)

Object value2 = session.setAttribute (“Key2”)

...




POJO pojo = . . .

HttpSession session = request.getSession();

session.setAttribute("key", pojo);





20



View (JSP)

– Java Bean


type="POJO" scope="session"/>

. . .

– Scriptlet

<%

POJO pojo=(POJO)session.getAttribute(“Key”);

%>

21






session.setAttribute("key", ds);





22



View (JSP)

– Java Bean


type="ArrayList<POJO>" scope="session"/>

. . .

– Scriptlet


(ArrayList<POJO>)session.getAttribute(“Key”);

%>

23


Controller (Servlet) APPLICATION View (JSP)

Session

24

Server

Client 1

Client 2

Session ID 1

Session ID 2

Application

(ServletContext)



Forward

– Người dùng không nhìn thấy URL thay đổi

– Người dùng không thể Bookmark

– Quá trình chuyển dữ liệu Servlet JSP

SendRedirect

– Người dùng nhìn thấy URL thay đổi

– Người dùng có thể Bookmark trang JSP

– Quá trình chuyển dữ liệu JSP Servlet JSP

– Bên View cần kiểm tra dữ liệu đã tồn tại chưa

25



26

CONTROLLER

SERVLET

VIEW

JSP

Forward

synchronized(this) {

Object value1 = ...

Object value2 = ...

ServletContext application

= this.getServletContext();

application.setAttribute (“Key1”, value)

application.setAttribute (“Key2”, value)

...

}

Object v1 = application.getAttribute (“Key1”)

Object v2 = application.setAttribute (“Key2”)

...





POJO pojo = . . .



application.setAttribute("key", pojo);





27



View (JSP)

– Java Bean


type="POJO" scope="application"/>

. . .

– Scriptlet

<% POJO pojo=

(POJO)application.getAttribute(“Key”);

%>

28








application.setAttribute("key", ds);





29



View (JSP)

– Java Bean

<jsp:useBean id="key" type="ArrayList<POJO>"

scope="application"/>

– Scriptlet


(ArrayList<POJO>)application.getAttribute(“Key”);

%>

30


BOOKONLINE MVC 2

31


BookOnline – Trang đăng nhập

32


Trang đăng nhập MVC 2

Controller - Servlet

– DangNhap.do

Controller - JSP

– DangNhap.jsp

URL người dùng chọn từ website

– DangNhap.do?action=Nap

33



34

VIEW

DangNhap.jsp

CONTROLLER

DangNhap.do

MODEL

DAO POJO

Gửi sự kiện

Chọn View Gửi dữ liệu

Rút trích dữ liệu Hiển thị dữ liệu

URL: DangNhap.do?action=Nap



Người dùng chọn trang đăng nhập bằng cách chọn

URL

<a href=“DangNhap.do?action=Nap”>

Đăng nhập

</a>

35


Trang đăng nhập MVC 2 – DangNhap.do

36

1

2

3

4

5

6

7

8

9

String action = request.getParameter(“action”);

String url="";

if (action.equals(“Nap”)){

url = “DangNhap.jsp”;

}





Trang đăng nhập MVC 2 – DangNhap.jsp

37

1

2

3

4

5

6

7

8

9

<form name=“frmDangNhap”

action=“DangNhap.do”

method=“post”>

. . .

<input type=“submit”

name = “btdn” value = “Đăng nhập”/>

<input type=“hidden”

name=“action” value=“DangNhap”/>

</form>

action



38

CONTROLLER

DangNhap.do



39

CONTROLLER

DangNhap.do

VIEW

DangNhap.jsp

CONTROLLER

TrangXXX.do



40

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

String action = request.getParameter(“action”); String url="";

if (action.equals(“Nap”)){ url = “DangNhap.jsp”;}

else if (action.equals(“DangNhap”)){ //Sử dụng hidden

String tenDangNhap = request.getParameter(“tenDangNhap”);

String matKhau = request.getParameter(“matKhau”);

KhachHang kh = KhachHangDAO.dangNhap(tenDangNhap, matKhau);

if(kh==null){

String loi =“Tên đăng nhập hoặc mật khẩu không đúng”;

request.setAttribute(“loi”, loi);

url = “DangNhap.jsp”;

}else{


session.setAttribute(“KhachHang”, kh);

String url=“TrangXXX.do”;

response.sendRedirect(url”);

return;

}

}

RequestDispatcher rd = request.getRequestDispatcher(url);




41

1

2

3

4

5

6

7

8

9

<form> ... </form>

<%

if (request.getAttribute(“loi”)!=null){

String loi = request.getAttribute(“loi”);

%>

<p><font color=“red”><%=loi%></font></p>

<%>

}

%>


Tài liệu tham khảo

Nguyễn Hoàng Anh, Tập bài giảng môn chuyên đề

Java, 2011

Marty Hall, Tập bài giảng J2EE, 2010

42


HỎI VÀ ĐÁP

43

Documents

Mô hình MVC 2 (Model-View-Controller)