ươ
Ch
ng 10
ệ
ậ
L p Trình Giao Di n
Chương 10: Lập trình giao diện
ề
ầ
ả
o Tích h p ph n m m kéo th Window Builder
ợ cho Eclipse.
ự
ươ
ả
o Xây d ng ch
ng trình qu n lý bàng hàng
ặ
Cài đ t Window Builder cho Eclipse
o Có nhi u IDE h tr cho vi c l p trình JAVA
ệ ậ ỡ ợ ề
§ Elipse: h tr r t t
§ NetBean
§
ỗ ợ ấ ố ậ t cho các l p trình viên Java.
§
ả ươ ễ ạ Jbuilder: phiên b n th ng m i, không mi n phí).
o Eclipse:
JCreator, .....
ễ ử ụ ả ễ § Là phiên b n mi n phí, d s d ng.
§ Nh ng không h tr kéo th đ l p trình giao
ả ể ậ ỗ ợ
ư di nệ
§ Các công c h tr cho Eclipse đ ph n l p trình
ụ ỗ ợ ầ ậ ể
ể ễ ư ệ giao di n có th d dàng nh .Net.
§ Các công c đó là
ụ Window Builder, Visual
Editor,...
ặ
Cài đ t Window Builder cho Eclipse
o Bước 1: Truy cập vào http://
o Bước 2: Bạn copy link phiên bản cần cài đặt
o Bước 3:
§ Mở Eclipse vào "Help/Install New
eclipse.org/windowbuilder/download.php
§ Sau đó dán đường link copy ở trên vào.
§ Chọn tất cả plug in click Next.
Software...“.
ặ
Cài đ t Window Builder cho Eclipse
ặ
Cài đ t Window Builder cho Eclipse
o Bước 4: Màn hình ti p theo b m Next
ế ấ
ặ
Cài đ t Window Builder cho Eclipse
o Bước 5: Tích chọn mục đồng ý để tiến hành cài
o Bước 6: Quá trình cài đặt diễn ra.
o Bước 7: Sau khi cài xong Eclipse yêu cầu khởi
đặt
động lại.
ươ
ự Xây d ng ch
ả ng trình qu n lý bán hàng
ử ự ề ầ
ả o C a hàng ABC c n xây d ng ph n m m qu n lý ả ệ ố ầ ẽ ơ ồ h th ng
ử hàng hóa. C a hàng này đã v s đ mô t ư ố ượ ớ ng nh sau: các l p đ i t
HangHoa
Abstract
-MaSo : string -TenHang : string -DonGia : long +TinhGiaBan()
HangThuong
HangKhuyenMai
-VAT : float
-SoTienGiam : long
+TinhGiaBan()
+TinhGiaBan()
Override
ươ
ự Xây d ng ch
ả ng trình qu n lý bán hàng
ơ ồ
ể ế
ự
ươ
t ch
ả ng trình qu n lý bán
o Câu a: D a vào s đ trên đ vi
hàng.
§
ớ
t k 3 l p HangHoa, HangThuong, HangKhuyenMai
ế ế ộ
ươ
ơ ồ
ứ
Thi ớ v i thu c tính và ph
ng th c theo s đ trên.
§
ạ
ớ
ở ạ T o 2 hàm kh i t o cho các l p
ố
+ Không tham s Constructor from super class
ố
+ Có tham s Constructor using Field.
ấ ữ ệ
ạ
§ T o hàm truy xu t d li u (Getters and Setters).
ạ
ạ ng TinhGiaBan cho HangHoa, và đa x ấ
ớ
ớ
ừ ượ § T o hàm tr u t ẫ cho các l p d n xu t HangThuong và HangKhuyenMai. V i ứ công th c sau:
ố ớ ớ
+ Đ i v i l p HangThuong:
ơ
ơ
Giá bán= Đ n giá + Đ n Giá* VAT
ố ớ ớ
+ Đ i v i l p HangKhuyenMai:
ố ề
ơ
ả
Giá bán= Đ n giá – S ti n gi m
ươ
ự Xây d ng ch
ả ng trình qu n lý bán hàng
ươ
ng trình trên theo
ạ o Câu b: Hãy t o giao di n cho ch
ệ
ướ
giao di n cho bên d
ệ i.
ự
ệ
§ Nút (Button) tính giá bán, đ
c th c hi n theo công
ứ
ứ
ớ
ượ ạ th c tính giá bán v i các lo i hàng theo công th c trên.
ọ ủ
ườ
ự § ComboBox là l a ch n c a Hàng th
ng và Hàng
ế khuy n mãi.
ươ
ự Xây d ng ch
ả ng trình qu n lý bán hàng
ướ
o B
c 1:
ạ
§ T o project tên là QuanLyBanHang.
ạ
ớ
§ T o các l p HangHoa, HangThuong, HangKhuyen và
ư ầ
ự
hoàn thành câu a nh ph n th c hành hành
ướ
ư
ệ
ạ
T o giao di n bán hàng nh sau
o B
c 2:
ả
ộ
§ Click chu t ph i lên prject
ch n ọ new/other
ớ
ch n ọ Window Builder/Swing designer/Application Window ch n ọ Next gõ tên l p vào “GiaoDienBanHang” click Finish
ươ
ự Xây d ng ch
ả ng trình qu n lý bán hàng
ươ
ự Xây d ng ch
ả ng trình qu n lý bán hàng
o Sau đó xuất hiện màn hình kéo thả giao diện
gồm 2 tab Design và Source
§ Design: ch đ thi
ế ộ ế ế ằ ệ ả t k b ng giao di n kéo th
ế ộ ậ § Source: ch đ l p trình code
o Chúng ta ch n qua l
ệ
ế ộ 2 ch đ giao di n và code
ọ ạ ế ộ ậ i 2 ch đ này khi l p trình
ươ
ự Xây d ng ch
ả ng trình qu n lý bán hàng
o B
ầ ồ ọ Click ch n các thành ph n r i click lên c 3:
ướ Form
§ Ch n Layouts: là SpringLayout cho phép đ t các
ặ ọ
ầ ạ ị thành ph n t i v trí tùy ý.
§ Ch n Components: JLabel, Jbutton, JTextField,
ọ
JCombiBox.
§ Chú ý đ t tên, text, font ch , màu ch ,… cho các
ữ ữ
ặ ầ thành ph n Jbutton, JTextField, JCombiBox.
ươ
ự Xây d ng ch
ả ng trình qu n lý bán hàng
ươ
ự Xây d ng ch
ả ng trình qu n lý bán hàng
o B
ướ ự ệ ử ộ X lý s ki n tính giá bán khi Click chu t c 4:
vào button “Tính giá bán”
§ Double click chu t lên button “ ư
Tính giá bán” s ẽ
ể ộ ế ộ chuy n sang ch đ code nh sau:
