Thứ Bảy, 19 tháng 7, 2014

Develop Basic component of jsf

JSF là một bộ khung (framework) phát triển các ứng dụng Web viết bằng Java nhằm làm đơn giản hóa quá trình phát triển giao diện người dùng cho các ứng dụng J2EE. Để tạo ra giao diện hiển thị, JSF dùng dạng cấu trúc cây của các thẻ, mỗi thẻ là một thành phần giao diện (component) và FacesServlet servlet sẽ thực hiện công đoạn chuyển đổi ra giao diện tương ứng cho người dùng với định dạng HTML. Ngoài ra, JSF cũng có thể sử dụng các kĩ thuật hiển thị khác, như XUL. JSF bao gồm:
  1. Một tập các hàm API để biểu diễn các thành phần UI (giao diện người dùng) và quản lí thạng thái của chúng, xử lí các sự kiện và kiểm tra dữ liệu đầu vào, qui định việc di chuyển trang (page navigation), hỗ trợ tính đa ngôn ngữ và hỗ trợ cho người sử dụng (accessibility)
  2. Một số thành phần (component) có sẵn
  3. Hai thư viện chứa các thẻ tùy biến JSP (JavaServer Pages custom tag) để có thể biểu diễn một JavaServer Faces interface bên trong một trang JSP.
  4. Mô hình sự kiện ở phía máy chủ (server-side event model)
  5. Khả năng quản lí trạng thái
  6. Managed Beans (JavaBeans được tạo bằng dependency injection - xem thêm Spring framework

Ưu điểm của JSF:

 - Tách biệt hoàn toàn giữa hành vi và cách trình bày
 - Kiểm soát tính có trạng thái (statefulness) ở mức thành phần

 
Demo:Develop a app to search product by name

Bước 1: Tạo Sql server

   chúng ta tạo mới 1 database với bảng và dữ liệu sau:


   
 Bước 2 : Tạo new project (Chọn Javaserver Face),gom cac component




 Bước 3: Thêm  JAR/Folder  sqljdbc4.jar để kết nối database






Bước 4 : Tạo file Product.java để lấy dữ liệu từ database




Bước 5 : Tạo file DataAccess.java để kêt nối với database

Code kết nối database            


Code lấy dữ liệu từ database


Bước 7: Tạo trang JSF SearchJSF.java


Bước 8: Viết code cho trang index.xhtml




kết quả:




So sánh JSF và JSP:
 -Giao diện người dùng của một ứng dụng JSF bao gồm các trang JavaServer Pages (JSP). 
 -Mỗi trang JSP có chứa các thành phần JSF để thể hiện chức năng GUI. 
 -Bạn sử dụng các thư viện thẻ tùy biến JSF bên trong các trang JSP để biểu hiện các thành phần UI
 - JSF làm việc với JSP thông qua một cầu nối thư viện thẻ JSP.




Không có nhận xét nào:

Đăng nhận xét