Bài 2. Tổng quan MVC pdf

Giải pháp ++: sử dụng MVCtrong Model – các lớp Java có thể sử dụng lại phương thức theo tác trên dữ liệu...  Hiển thị thông tin tùy thuộc vào loại client  Biểu diễn kết quả của tầng bu

Bài 2 Tổng quan MVC

Nội dung

dụng Web

 3.1 Model 1

 3.2 Model 2

 3.3 Application frameworks

Bài toán

3

Giải pháp ban đầu

Trong servlet: xử lý nghiệp vụ (business

Giải pháp +: sử dụng JSP

5

Giải pháp ++: sử dụng MVC

trong Model – các lớp Java có thể sử dụng lại

phương thức theo tác trên dữ liệu

Giải pháp ++: sử dụng MVC

7

Ví dụ 1 Tư vấn bia

Trang JSP Trang html

9

web src

WEB-INF

web.xml

result.htmlform.html

WEB-INF beer_v1

classes

webapps

web.xml

result.htmlform.html

com

BeerExpert.class

example web model

BeerSelect

.class

Cấu trúc thư mục triển khai

tomcat

<servlet-name> ServletBeer </servlet-name>

<url-pattern> /SelectBeer.do </url-pattern>

</servlet-mapping>

</web-app>

13

Servlet BeerSelect – version 1

public class BeerSelect extends HttpServlet {

@Override

protected void doPost(HttpServletRequest request,

HttpServletResponse response) throws ServletException, IOException {

response.setContentType("text/html");

PrintWriter out = response.getWriter();

out.println("Beer Selection Advice<br>");

String c = request.getParameter("color");

out.println("<br>Got beer color "+c);

}

}

Test ứng dụng

15

Model BeerExpert

public class BeerExpert {

public List getBrands(String color){

List brands = new ArrayList();

Servlet BeerSelect – version 2

import package com.example.web;

…

protected void doPost(HttpServletRequest request, HttpServletResponse response)

throws ServletException, IOException {

String c = request.getParameter("color");

BeerExpert be = new BeerExpert();

List result = be.getBrands(c);

response.setContentType("text/html");

PrintWriter out = response.getWriter();

out.println("Beer Selection Advice<br>");

Test ứng dụng

Kiến trúc hiện tại

19

Kiến trúc mong muốn

Servlet BeerSelect – version 3

import package com.example.web;

…

protected void doPost(HttpServletRequest request, HttpServletResponse response)

throws ServletException, IOException {

String c = request.getParameter("color");

BeerExpert be = new BeerExpert();

List result = be.getBrands(c);

request.setAttribute("styles", result);

RequestDispatcher view = request.getRequestDispatcher("result.jsp"); view.forward(request, response);

}

Test lại ứng dụng

23

Nội dung

dụng Web

 2.1 Model 1

 2.2 Model 2

 2.3 Application frameworks

2 Giới thiệu MVC

25

MVC Pattern

Model

 Mô hình hóa dữ liệu và hành vi ( data & behavior ) trong xử lý nghiệp vụ ( business process )

 Hiển thị thông tin tùy thuộc vào loại client

 Biểu diễn kết quả của tầng business logic

 Không cần quan tâm làm thế nào có được thông tin, hoặc thông tin ở đâu (Model chịu trách

nhiệm)

 Kết nối tương tác của người dùng với các nghiệp

vụ cung cấp phía sau

 Tầng này quyết định request được xử lý như thế nào,

và thông tin sẽ được trả lại như thế nào

29

3 Quá trình phát triển của

kiến trúc ứng dụng Web

3 Quá trình phát triển của kiến trúc MVC

3 Quá trình phát triển của kiến trúc ứng dụng Web cho đến khi Model 1 ra đời

Model 1 architecture

No MVC

3.1 Model 1

(Page-Centric Architecture)

33

3.1 Model 1 Architecture (Page-centric)

Request

1

JSP pages

 Dưới dạng JavaBeans, scriptlets, expression

 Chuyển trang được thực hiện

 Khi user click vào 1 liên kết Ví dụ: <A HERF="find.jsp>

 Qua hành động submit form Ví dụ: <FORM

ACTION="search.jsp">

35

Kiến trúc Page-centric

dataBase

Kịch bản sử dụng trong kiến trúc

find.jsp

delete.jsp

redirect

forward Request 1

3.2 Model 2

(Servlet-Centric Architecture)

Model 2 Architecture (Servlet-centric)

Request

1

( Controller ) Servlet

( View ) JSP

MVC Design Pattern

39

Tại sao sử dụng kiến trúc Model 2?

nhau, tùy theo dữ liệu nhận được?

 Riêng JSP với JavaBeans và custom tags

(Model 1) chưa xử lý tốt được

 Sử dụng đồng thời Servlet và JSP (Model 2)

 Servlet xử lý request gửi tới, xử lý 1 phần dữ

liệu, thiết lập các beans, forward kết quả cho 1 trong nhiều trang JSP nào đó

Servlet-centric Architecture

 JSP chỉ được sử dụng để biểu diễn kết quả

 Xử lý điều khiển (Control) thực hiện bởi servlets

 Servlet hoạt động như một gatekeeper

 Cung cấp các services thông dụng, như authentication ,

authorization , login , error handling , …

 Servlet hoạt động như một central controller

 Quyết định logic phù hợp để xử lý các request, sẽ gửi

request đến những nơi nào, …

 Thực hiện việc điều hướng (redirecting)

41

3.3 Web Application

Frameworks

43

Web Application Frameworks

các chức năng

 Nhận ( receive ) và gửi tiếp ( Dispatching ) HTTP requests

 Gọi các phương thức từ tầng model

 Tổng hợp và chọn ra các views trả về cho client

trình viên sử dụng/mở rộng

Tại sao sử dụng các Web Application Framework?

45

Tại sao sử dụng các Web Application Framework?

chuẩn, cho phép tái sử dụng.

các components trong 1 ứng dụng

Một số Web Application Frameworks