JSF Page comunication using param

JavaServer Faces (JSF)

1. Giới thiệu

   - Đây là công nghệ được thiết kế để hỗ trợ người sử dụng đơn giản hóa việc phát trên Web trên nền Java.  Cho phép bạn làm giao diện nhanh gọn mà không cần phải gõ lại.

   - Nếu bạn cần thiết kế web nhanh gọn thì JSF là lựa chọn hoàn hảo để giải quyết việc này, tuy không phức tạp hơn so với những cái khác nhưng chất lượng cũng được đánh giá theo điểm ưu.

Sơ đồ minh họa cho Công nghệ viết Web bằng Java.

2. Thực hành:

Ở bài trước chúng ta đã tiến hành làm một demo nhỏ sử dụng JSF page trong bài: Tạo Giao Diện Tìm Kiếm Chạy Trên JSF

Tuy nhiên ở bài đó chúng ta chỉ tìm ra được kết quả (đúng keyword) tìm kiếm, để hoàn thiện hơn lần này chúng ta sẽ thiết kế thêm nút Detail (Chi tiết) bên cạnh sản phẩm để khách mua hàng có thể thuận tiện hơn trong việc theo dõi chính xác sản phẩm đó.

Tiến hành tạo Project như bình thường có sử dụng JavaServer Faces (JSF)

Và đừng quên add thêm SqlJDBC4.jar và nhấn OK để thêm vào Project như những Project trước

Nếu bạn chưa có nó thì có thể download lại tại đây: SqlJDBC4.jar

Vẫn là database cũ mình dùng từ trước đến giờ

Khai báo giao diện tìm kiếm gian hàng truyện tranh

Khai báo các biến có trong database

Code kết nối tới database

Thêm khai báo biến cho ViewDetail qua id

Giao diện JSF của trang ViewDetail

Khởi chạy ứng dụng, ở đây mình đã thêm StyleSheet nên mới có giao diện này

Gõ keyword tìm kiếm, lần này đã có thêm nút Detail bên cạnh

Bạn có thể tham khảo demo ở đây: DemoJSFSearch2

3. Nhận xét:

Qua bài ngày hôm nay, ngoài được sử dụng lại JSF của bài trước để dễ nhớ hơn thì chúng ta đã học được cách xem thông tin chi tiết của sản phẩm.

Từ đó bạn có thể rút ngắn thông tin và giao diện, nếu người dùng cần thì bấm vào nút đó mới hiện thông tin, điều đó có thể tiết kiệm được thời gian tìm kiếm cũng như không gian thông tin.