Ứng dụng công nghệ JSF, Richfaces , Hibernate & Jasper vào Hệ thống Chấm công...
description
Transcript of Ứng dụng công nghệ JSF, Richfaces , Hibernate & Jasper vào Hệ thống Chấm công...
![Page 1: Ứng dụng công nghệ JSF, Richfaces , Hibernate & Jasper vào Hệ thống Chấm công doanh nghiệp](https://reader035.fdocuments.net/reader035/viewer/2022081502/56816087550346895dcfaf16/html5/thumbnails/1.jpg)
Ứng dụng công nghệ JSF, Richfaces, Hibernate & Jasper
vào Hệ thống Chấm công doanh nghiệp
Bài tập lớn Client – ServerNhóm C2H4 :
Lê Hải Cường – Phạm Đình Cường –
Trần Ngọc Hiếu –Nguyễn Hòa –
Nguyễn Đức Huy – Lớp: Hệ thống thông tin – K51
![Page 2: Ứng dụng công nghệ JSF, Richfaces , Hibernate & Jasper vào Hệ thống Chấm công doanh nghiệp](https://reader035.fdocuments.net/reader035/viewer/2022081502/56816087550346895dcfaf16/html5/thumbnails/2.jpg)
Quy trình phát triển dự ánÁp dụng quy trình CMMIChỉ tập trung vào
◦Cách tổ chức thư mục ◦Quản lý source
![Page 3: Ứng dụng công nghệ JSF, Richfaces , Hibernate & Jasper vào Hệ thống Chấm công doanh nghiệp](https://reader035.fdocuments.net/reader035/viewer/2022081502/56816087550346895dcfaf16/html5/thumbnails/3.jpg)
Nghiệp vụQuản lý nhân sựQuản lý Chấm côngBáo cáoTính lương
![Page 4: Ứng dụng công nghệ JSF, Richfaces , Hibernate & Jasper vào Hệ thống Chấm công doanh nghiệp](https://reader035.fdocuments.net/reader035/viewer/2022081502/56816087550346895dcfaf16/html5/thumbnails/4.jpg)
Mô hình J2EE
![Page 5: Ứng dụng công nghệ JSF, Richfaces , Hibernate & Jasper vào Hệ thống Chấm công doanh nghiệp](https://reader035.fdocuments.net/reader035/viewer/2022081502/56816087550346895dcfaf16/html5/thumbnails/5.jpg)
Sơ đồ phân tầng Client – Server
BROWSER
FILTER
JSF+RICHFACE
BACKING
BEAN
HIBERNATE
DB
Client Side Web Server DB Server
![Page 6: Ứng dụng công nghệ JSF, Richfaces , Hibernate & Jasper vào Hệ thống Chấm công doanh nghiệp](https://reader035.fdocuments.net/reader035/viewer/2022081502/56816087550346895dcfaf16/html5/thumbnails/6.jpg)
Các công nghệFilterJSFRichFacesHibernateJasper report
![Page 7: Ứng dụng công nghệ JSF, Richfaces , Hibernate & Jasper vào Hệ thống Chấm công doanh nghiệp](https://reader035.fdocuments.net/reader035/viewer/2022081502/56816087550346895dcfaf16/html5/thumbnails/7.jpg)
Filter
Filter
Servlet
JSP
JSF
… Request
Reponse
Filter
Request
Reponse
ServerResource
Filter Layer
![Page 8: Ứng dụng công nghệ JSF, Richfaces , Hibernate & Jasper vào Hệ thống Chấm công doanh nghiệp](https://reader035.fdocuments.net/reader035/viewer/2022081502/56816087550346895dcfaf16/html5/thumbnails/8.jpg)
Filter – Ứng dụngXác thực người dùngNgăn chặn truy cập trái phépThống kê truy cập hệ thốngNén dữ liệu trả vềXác định vùng địa lýChuyển đổi nội dung…
![Page 9: Ứng dụng công nghệ JSF, Richfaces , Hibernate & Jasper vào Hệ thống Chấm công doanh nghiệp](https://reader035.fdocuments.net/reader035/viewer/2022081502/56816087550346895dcfaf16/html5/thumbnails/9.jpg)
Java Server FacesLà một UI frameworkCung cấp thư viện taglib lớn về
giao diện người dùngCó hỗ trợ điều hướng thông qua
face-config.xmlKhông phải là nâng cấp của JSPTương thích tốt với JSP
![Page 10: Ứng dụng công nghệ JSF, Richfaces , Hibernate & Jasper vào Hệ thống Chấm công doanh nghiệp](https://reader035.fdocuments.net/reader035/viewer/2022081502/56816087550346895dcfaf16/html5/thumbnails/10.jpg)
JSF – Mô hình
![Page 11: Ứng dụng công nghệ JSF, Richfaces , Hibernate & Jasper vào Hệ thống Chấm công doanh nghiệp](https://reader035.fdocuments.net/reader035/viewer/2022081502/56816087550346895dcfaf16/html5/thumbnails/11.jpg)
JSF – Ví dụJSF View HTML
<h:commandButton id="submit" value=“Next Step" action="nextPage“/>
<input id="_id0:submit" type="submit" name="_id0:submit" value="Next Step"/>
<h:selectManyListbox id=“chkCars" value="#{carBean.car}"> <f:selectItems value="#{carBean.carList}"/> </h:selectManyListbox>
<select id="jsftags:chkCars" name="jsftags:chkCars" multiple size="3"> <option value="accord"> Honda Accord</option> <option value="4runner"> Toyota 4Runner</option> <option value="nissan-z"> Nissan Z350</option> </select>
![Page 12: Ứng dụng công nghệ JSF, Richfaces , Hibernate & Jasper vào Hệ thống Chấm công doanh nghiệp](https://reader035.fdocuments.net/reader035/viewer/2022081502/56816087550346895dcfaf16/html5/thumbnails/12.jpg)
RichfacesLà framework mã nguồn mởCung cấp các giao diện người
dùng phong phúTích hợp AJAX trong các
compomentHỗ trợ mạnh mẽ Javascript, SkinTương thích hoàn toàn với JSF
![Page 13: Ứng dụng công nghệ JSF, Richfaces , Hibernate & Jasper vào Hệ thống Chấm công doanh nghiệp](https://reader035.fdocuments.net/reader035/viewer/2022081502/56816087550346895dcfaf16/html5/thumbnails/13.jpg)
RF – Mô hình
![Page 14: Ứng dụng công nghệ JSF, Richfaces , Hibernate & Jasper vào Hệ thống Chấm công doanh nghiệp](https://reader035.fdocuments.net/reader035/viewer/2022081502/56816087550346895dcfaf16/html5/thumbnails/14.jpg)
RF – Ví dụRichfaces View
<rich:calendar value="#{bean.selectedDate}“datePattern=“dd/MM/yyyy”/>
<rich:contextMenu event="oncontextmenu" attachTo="pic"><rich:menuItem value="Zoom In“/><rich:menuItem value="Zoom Out" /></rich:contextMenu>
![Page 15: Ứng dụng công nghệ JSF, Richfaces , Hibernate & Jasper vào Hệ thống Chấm công doanh nghiệp](https://reader035.fdocuments.net/reader035/viewer/2022081502/56816087550346895dcfaf16/html5/thumbnails/15.jpg)
HibernateLà framework mã nguồn mở cho
phép:◦Lưu trữ đối tượng vào cơ sở dữ liệu◦Tái tạo đối tượng đã được lưu trữ
Cung cấp ngôn ngữ truy vấn HQLSử dụng file xml để mappingĐược áp dụng phổ biến nhất trong
việc mapping các bảng trong CSDL với các entity bean
![Page 16: Ứng dụng công nghệ JSF, Richfaces , Hibernate & Jasper vào Hệ thống Chấm công doanh nghiệp](https://reader035.fdocuments.net/reader035/viewer/2022081502/56816087550346895dcfaf16/html5/thumbnails/16.jpg)
HBN – Mô hình
![Page 17: Ứng dụng công nghệ JSF, Richfaces , Hibernate & Jasper vào Hệ thống Chấm công doanh nghiệp](https://reader035.fdocuments.net/reader035/viewer/2022081502/56816087550346895dcfaf16/html5/thumbnails/17.jpg)
HBN – Ví dụ
![Page 18: Ứng dụng công nghệ JSF, Richfaces , Hibernate & Jasper vào Hệ thống Chấm công doanh nghiệp](https://reader035.fdocuments.net/reader035/viewer/2022081502/56816087550346895dcfaf16/html5/thumbnails/18.jpg)
Jasper reportLà bộ thư viện và công cụ cho
phép thiết kế, dịch và xuất báo cáo.
Mã nguồn mởHỗ trợ truyền tham số động
![Page 19: Ứng dụng công nghệ JSF, Richfaces , Hibernate & Jasper vào Hệ thống Chấm công doanh nghiệp](https://reader035.fdocuments.net/reader035/viewer/2022081502/56816087550346895dcfaf16/html5/thumbnails/19.jpg)
Jasper report – Ví dụ
![Page 20: Ứng dụng công nghệ JSF, Richfaces , Hibernate & Jasper vào Hệ thống Chấm công doanh nghiệp](https://reader035.fdocuments.net/reader035/viewer/2022081502/56816087550346895dcfaf16/html5/thumbnails/20.jpg)
CSDLĐược thiết kế và cài đặt trên SQL
Server 2008Bao gồm 21 bảng
![Page 21: Ứng dụng công nghệ JSF, Richfaces , Hibernate & Jasper vào Hệ thống Chấm công doanh nghiệp](https://reader035.fdocuments.net/reader035/viewer/2022081502/56816087550346895dcfaf16/html5/thumbnails/21.jpg)
UML
![Page 22: Ứng dụng công nghệ JSF, Richfaces , Hibernate & Jasper vào Hệ thống Chấm công doanh nghiệp](https://reader035.fdocuments.net/reader035/viewer/2022081502/56816087550346895dcfaf16/html5/thumbnails/22.jpg)
UML (tiếp…)
![Page 23: Ứng dụng công nghệ JSF, Richfaces , Hibernate & Jasper vào Hệ thống Chấm công doanh nghiệp](https://reader035.fdocuments.net/reader035/viewer/2022081502/56816087550346895dcfaf16/html5/thumbnails/23.jpg)
ScreenShot (1/4)
![Page 24: Ứng dụng công nghệ JSF, Richfaces , Hibernate & Jasper vào Hệ thống Chấm công doanh nghiệp](https://reader035.fdocuments.net/reader035/viewer/2022081502/56816087550346895dcfaf16/html5/thumbnails/24.jpg)
ScreenShot (2/4)
![Page 25: Ứng dụng công nghệ JSF, Richfaces , Hibernate & Jasper vào Hệ thống Chấm công doanh nghiệp](https://reader035.fdocuments.net/reader035/viewer/2022081502/56816087550346895dcfaf16/html5/thumbnails/25.jpg)
ScreenShot (3/4)
![Page 26: Ứng dụng công nghệ JSF, Richfaces , Hibernate & Jasper vào Hệ thống Chấm công doanh nghiệp](https://reader035.fdocuments.net/reader035/viewer/2022081502/56816087550346895dcfaf16/html5/thumbnails/26.jpg)
ScreenShot (4/4)
![Page 27: Ứng dụng công nghệ JSF, Richfaces , Hibernate & Jasper vào Hệ thống Chấm công doanh nghiệp](https://reader035.fdocuments.net/reader035/viewer/2022081502/56816087550346895dcfaf16/html5/thumbnails/27.jpg)