Khởi đầu với JavaServer Faces 1.2, Phần 2: Vòng đời, phép chuyển đổi, duyệt tính hợp lệ, và trình

Khởi đầu với JavaServer Faces 1.2, Phần 2: Vòng đời, phép chuyển đổi, duyệt

tính hợp lệ, và trình nghe pha của JSF

Richard Hightower, CTO, ArcMind

Tóm tắt: Loạt bài hướng dẫn bao gồm cách làm thế nào để bắt đầu khởi động

công nghệ Java™ Server Faces (JSF), một khung công tác phía máy chủ, cung cấp

một cách tiếp cận dựa vào thành phần để phát triển giao diện người dùng web.

Phần 1 dẫn bạn bắt đầu với một tổng quan JSF 1.2 và một ứng dụng cơ bản. Phần

tiếp theo này sẽ làm cho bạn nắm vững các tính năng cao cấp hơn của JSF: các

trình duyệt tính hợp lệ, các trình chuyển đổi và trình nghe pha tùy biến theo yêu

cầu. Cùng với hướng dẫn này bạn sẽ hiểu rõ về vòng đời của ứng dụng JSF.

Trước khi bạn bắt đầu

Về loạt bài này

Giới thiệu mở đầu về công nghệ Java™ Server Faces (JSF), một khung công tác

thành phần giao diện người dùng phía máy chủ cho các ứng dụng web dựa trên

Java. Loạt bài này dành cho các nhà phát triển, những người mới bắt đầu tìm hiểu

JSF và muốn tiến nhanh — không chỉ với JSF, mà với cả việc sử dụng các thành

phần JSF để giảm công sức. Loạt bài này trình bày chỉ những điều cốt yếu, với rất

nhiều ví dụ.

JSF là một môi trường phát triển GUI khá truyền thống, giống như AWT, SWT,

và Swing. Một trong những lợi ích chính của nó là nó làm cho việc phát triển Web

dễ dàng hơn bằng cách giao những công việc khó khăn cho các nhà phát triển

khung công tác, chứ không phải cho các nhà phát triển ứng dụng. Cứ cho là bản

thân JSF phức tạp hơn nhiều so với các khung công tác Web khác, nhưng sự phức

tạp này được che giấu không để cho các nhà phát triển ứng dụng biết. Phát triển

các ứng dụng Web trong JSF dễ dàng hơn nhiều so với hầu hết các khung công tác

khác: nó đòi hỏi viết mã ít hơn, ít phức tạp hơn, và ít việc cấu hình hơn.

Nếu bạn đang thực hiện phát triển Java phía máy chủ, JSF là khung công tác dễ

nhất để tìm hiểu. Nó được định hướng để tạo các ứng dụng Web (không chỉ là các

trang web). Nó cho phép bạn tập trung vào việc mã hóa Java của bạn mà không

cần đối phó với các đối tượng yêu cầu, các đối tượng phiên, các thông số yêu cầu,

hoặc đối phó với các tệp tin XML phức tạp. Với JSF, nhiều thứ thực hiện nhanh

hơn so với các khung công tác Web Java khác.

Về hướng dẫn này

Về hướng dẫn này Phần 1 đã để lại. Nếu bạn là người mới bắt đầu với JSF, hoặc

chỉ muốn ôn lại, thì hãy đọc bài đã đăng đầu tiên trước khi bạn bắt đầu phần này.

Thậm chí nếu bạn là một người chuyên nghiệp về JSF già dặn, có một hay hai khả

năng được đánh giá cao thì điều đó cũng sẽ giúp bạn.

Mặc dù hỗ trợ công cụ là một lợi ích chính của JSF, bạn sẽ không sử dụng các

công cụ ưa thích hay sự hỗ trợ của IDE trong hướng dẫn này. Hướng dẫn này đề

cập những điểm cốt yếu, với thông tin nền tảng để tiếp tục trình bày và để giữ cho

bạn cách học tập có hiệu quả việc sử dụng JSF để xây dựng các ứng dụng Web.

Các mục tiêu

Trong hướng dẫn này sẽ: tiếp tục nhìn tổng quan về các tính năng của JSF và học

cách làm việc với tất cả các thành phần JSF; xây dựng một ứng dụng đơn giản

quản lý các mối giao tiếp — một danh sách liệt kê CRUD cơ bản (tạo, đọc, cập

nhật, xóa); sau khi tìm hiểu về vòng đời của ứng dụng JSF, cải tiến ứng dụng này

với các trình chuyển đổi (converter) và các trình duyệt tính hợp lệ (validator).

Hướng dẫn này uốn khúc với một chút hương vị về lập trình JSF cao cấp: tạo một

khung công tác duyệt tính hợp lệ mức đối tượng bằng cách sử dụng một trình nghe

pha.

Ai nên tìm hiểu hướng dẫn này?

Nếu bạn là người mới bắt đầu tìm hiểu JSF, hướng dẫn này để dành cho bạn. Ngay

cả khi bạn đã sử dụng JSF nhưng chưa thử nghiệm các tính năng JSF 1.2 hoặc chỉ

sử dụng các công cụ GUI để xây dựng các ứng dụng JSF, bạn sẽ có khả năng học

hỏi được rất nhiều từ cả hai hướng dẫn trong loạt bài này.

Các yêu cầu tiên quyết

Hướng dẫn này được viết cho các nhà phát triển Java có kinh nghiệm ở mức bắt

đầu tới mức trung cấp. Bạn cần phải có hiểu biết chung về cách sử dụng ngôn ngữ

Java, cùng với một số kinh nghiệm phát triển giao diện đồ họa người dùng (GUI).

Các yêu cầu hệ thống

Để chạy các ví dụ trong hướng dẫn này, bạn cần có một môi trường phát triển Java

(JDK) và Maven Apache. Nó giúp để có một IDE Java. Các tệp tin dự án Maven

và các tệp tin dự án trong Eclipse Java EE và Web Tools Project (WTP) được

cung cấp. Xem Tải về để nhận được mã ví dụ. Hãy truy cập vào trang web sách

hướng dẫn của tác giả (xem Tài nguyên) để biết thêm thông tin về cách làm thế

nào để chạy các ví dụ này.

Ứng dụng CRUD JSF mẫu

Phần này giới thiệu một ứng dụng CRUD đơn giản mà bạn sẽ xây dựng trong các

phần tiếp sau để tìm hiểu về:

 Từng thành phần HTML tiêu chuẩn của JSF

 Tạo các trình biến đổi tùy biến

 Làm việc với các trình duyệt tính hợp lệ

 Làm việc với các trình nghe pha

Một ứng dụng quản lý các mối giao tiếp

Ứng dụng mà bạn sẽ xây dựng trong phần này là một ứng dụng quản lý giao tiếp

có cấu trúc giống như ứng dụng máy tính bỏ túi trong Phần 1. Như bạn có thể thấy

trong Hình 1, ứng dụng này là một danh sách CRUD tiêu chuẩn. Nó không yêu

cầu các quy tắc dẫn hướng do toàn bộ ứng dụng sử dụng chỉ một khung nhìn đơn

(trang contacts.jsp).

Hình 1. Ứng dụng mẫu quản lý các mối giao tiếp

Hình 2 Cho thấy lưu đồ cơ sở của ứng dụng:

Hình 2. Ứng dụng mẫu quản lý các mối giao tiếp, sơ đồ liên kết

Ứng dụng CRUD này bao gồm các phần tử sau đây:

 ContactController: Trình điều khiển JSF

 Contact: Đối tượng mô hình để mô tả thông tin về các mối giao tiếp

 ContactRepository: Đối tượng mô hình để tạo, đọc, cập nhật, và xóa các đối

tượng Contact

 contacts.jsp: Trang JavaServer Pages (JSP) để bố trí cây thành phần JSF

quản lý các giao tiếp

 faces-config.xml: Cấu hình JSF, nơi bạn khai báo ContactController và

ContactRepository như là các bean quản lý và nội xạ ContactRepository và

ContactController

Trình điều kiển giao tiếp (ContactController)

ContactController hậu thuẫn trang contacts.jsp. Listing 1 hiển thị mã cho

ContactController:

Listing 1. ContactController

package com.arcmind.contact.controller;

import java.util.List;

import javax.faces.application.FacesMessage;

import javax.faces.component.UICommand;

import javax.faces.component.UIForm;

import javax.faces.context.FacesContext;

import com.arcmind.contact.model.Contact;

import com.arcmind.contact.model.ContactRepository;

public class ContactController {

/** Contact Controller collaborates with contactRepository. */

private ContactRepository contactRepository;

/** The current contact that is being edited. */

private Contact contact = new Contact();

/** Contact to remove. */

private Contact selectedContact;

/** The current form. */

private UIForm form;

/** Add new link. */

private UICommand addNewCommand;

/** Persist command. */

private UICommand persistCommand;

/** For injection of collaborator. */

public void setContactRepository(ContactRepository contactRepository) {

this.contactRepository = contactRepository;

}

public void addNew() {

form.setRendered(true);

addNewCommand.setRendered(false);

persistCommand.setValue("Add");

}

public void persist() {

form.setRendered(false);

addNewCommand.setRendered(true);

if (contactRepository.persist(contact) == null) {

addStatusMessage("Added " + contact);

} else {

addStatusMessage("Updated " + contact);

}

}

public void remove() {

contactRepository.remove(selectedContact);

addStatusMessage("Removed " + selectedContact);

}

public void read() {

contact = selectedContact;

form.setRendered(true);

addNewCommand.setRendered(false);

addStatusMessage("Read " + contact);

persistCommand.setValue("Update");

}

private void addStatusMessage(String message) {

FacesContext.getCurrentInstance().addMessage(null,

new FacesMessage(FacesMessage.SEVERITY_INFO, message, null));

}

//most getter/setter omitted

}

Listing 1 tạo ra một GUI CRUD với chưa đến 74 dòng mã — không quá tệ có phải

không.ContactController được quản lý trong phạm vi, yêu cầu , do đó một Contact

mới được tạo ra khi một ContactController được khởi tạo. Ba thành phần — biểu

mẫu (form) (có kiểu là UIForm), addNewCommand (có kiểu là UICommand), và

persistCommand (có kiểu là UICommand) — được liên kết với ContactController.

Phương thức addNew() đảm bảo rằng:

 biểu mẫu (form) được bật lên để người sử dụng có thể nhập vào một giao

tiếp mới — form.setRendered(true)

 addNewCommand được tắt đi — addNewCommand.setRendered(false)

 nhãn của persistCommand được đặt là Add —

persistCommand.setValue("Add")