Updating buttons based on selected item in TableView – ChangeListener...33... 5 Hình 3: Source code of SwingAccumulator..... O rgan izing Swing components with Layout Managers2.1 Code Hì
Trang 1TRƯỜNG CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG
-BÁO CÁO THỰC HÀNH IT3103 – 744529 - 2024.1
BÀI THỰC HÀNH 5
Họ và tên sinh viên: Đoàn Nhật Quang
MSSV: 20225911 Lớp: Việt Nhật 05 – K67 GVHD: Lê Thị Hoa
HTGD: Bùi Trọng Dũng
Trang 220225911 Đoàn Nhật Quang 744529 – IT3103 – KỲ 20241
Hà Nội 12/2024
Table of Contents
Contents
1 Swing components 4
1.1 AWTAccumulator 4
1.2 SwingAccumulator 6
2 Organizing Swing components with Layout Managers 8
2.1 Code 8
2.2 Demo 10
3 Create a graphical user interface for AIMS with Swing 12
3.1 Create class StoreScreen 12
3.2 Create class MediaStore 17
3.3 Demo 18
4 JavaFX API 20
4.1 Create class Painter 20
4.2 Create Painter.fxml 21
4.3 Create Painter Controller 22
4.4 Demo 23
5 View Cart Screen 25
5.1 Create Cart.fxml 25
5.2 Create class CartScreen 27
5.3 Create class CartSceenController 28
5.4 Demo 32
6 Updating buttons based on selected item in TableView – ChangeListener 33
Trang 37.2 Demo 35
8 Filter items in cart – FilteredList 36
9 Complete the Aims GUI application 36
10 Usecase Diagram 38
11 Class Diagram 39
M c l c hình nh ụ ụ ả Hình 1: Source code of AWTAccumulator 4
Hình 2: Demo of AWTAccumulator 5
Hình 3: Source code of SwingAccumulator 6
Hình 4: Demo of SwingAccumulator 7
Hình 5: Source code of NumberGrid 1 8
Hình 6: Source code of NumberGrid 2 9
Hình 7: Demo buttons 0 – 9 10
Hình 8: Demo button DEL 10
Hình 9: Demo button C 11
Hình 10: Class StoreScreen 1 12
Hình 11: Class StoreScreen 2 13
Hình 12: Class StoreScreen 3 14
Hình 13: Class StoreScreen 4 15
Hình 14: Class StoreScreen 5 16
Hình 15: Class StoreScreen 6 16
Hình 16: Class MediaStore 1 17
Hình 17: Class MediaStore 2 18
Hình 18: Store Screen 18
Hình 19: Demo Add to cart button 19
Hình 20: Demo Play button 19
Hình 21: Class Painter 20
Hình 22: Painter.fxml 1 21
Hình 23: Painter.fxml 2 21
Hình 24: Classm PainterController 22
Hình 25: Use pen 23
Hình 26: Use eraser 23
Hình 27: Use Clear 24
Hình 28: Cart.fxml 1 25
Hình 29: Cart.fxml 2 25
Hình 30: Cart.fxml 3 26
Hình 31: Cart.fxml 4 26
Hình 32: Class CartScreen 27
Hình 33: Class CartSceenController 1 28
Hình 34: Class CartScreenController 2 29
Báo cáo Lab 03 – Tuần 12 Thực hành lập trình hướng đối
Trang 420225911 Đoàn Nhật Quang 744529 – IT3103 – KỲ 20241
Hình 35: Class CartScreenController 3 30
Hình 36: Class CartScreenController 5 31
Hình 37: Demo CartScreen 32
Hình 38: Edit class CartScreenController 1 33
Hình 39: Edit class CartScreenController 2 34
Hình 40: Demo Cart after update 35
Hình 41: Code Delete a media 35
Hình 42: Demo delete Media 35
Hình 43: Filter items in cart 36
Hình 44: Add CD 36
Hình 45: Add DVD 37
Hình 46: Add successfully 37
Hình 47: Usecase Diagram 38
Hình 48: Class Diagram 39
Trang 51 Swing components
1.1 AWTAccumulator
Trang 620225911 Đoàn Nhật Quang 744529 – IT3103 – KỲ 20241
Hình 2: Demo of AWTAccumulator
Trang 71.2 SwingAccumulator
Hình 3: Source code of SwingAccumulator
Trang 820225911 Đoàn Nhật Quang 744529 – IT3103 – KỲ 20241
Hình 4: Demo of SwingAccumulator
Trang 92 O rgan izing Swing components with Layout Managers
2.1 Code
Hình 5: Source code of NumberGrid 1
Trang 1020225911 Đoàn Nhật Quang 744529 – IT3103 – KỲ 20241
Hình 6: Source code of NumberGrid 2
Trang 112.2 Demo
Hình 7: Demo buttons 0 – 9
Hình 8: Demo button DEL
Trang 1220225911 Đoàn Nhật Quang 744529 – IT3103 – KỲ 20241
Hình 9: Demo button C
Trang 133 Create a graphical user interface for AIMS with Swing
3.1 Create class StoreScreen
Hình 10: Class StoreScreen 1
Trang 1420225911 Đoàn Nhật Quang 744529 – IT3103 – KỲ 20241
Hình 11: Class StoreScreen 2
Trang 15Hình 12: Class StoreScreen 3
Trang 1620225911 Đoàn Nhật Quang 744529 – IT3103 – KỲ 20241
Hình 13: Class StoreScreen 4
Trang 17Hình 14: Class StoreScreen 5
Hình 15: Class StoreScreen 6
Trang 1820225911 Đoàn Nhật Quang 744529 – IT3103 – KỲ 20241
3.2 Create class MediaStore
Hình 16: Class MediaStore 1
Trang 19Hình 17: Class MediaStore 2
3.3 Demo
Hình 18: Store Screen
Trang 2020225911 Đoàn Nhật Quang 744529 – IT3103 – KỲ 20241
Hình 19: Demo Add to cart button
Trang 214 JavaFX API
4.1 Create class Painter
Hình 21: Class Painter
Trang 2220225911 Đoàn Nhật Quang 744529 – IT3103 – KỲ 20241
4.2 Create Painter.fxml
Hình 22: Painter.fxml 1
Hình 23: Painter.fxml 2
Trang 234.3 Create Painter Controller
Hình 24: Classm PainterController
Trang 2420225911 Đoàn Nhật Quang 744529 – IT3103 – KỲ 20241
4.4 Demo
Hình 25: Use pen
Trang 25Hình 27: Use Clear
Trang 2620225911 Đoàn Nhật Quang 744529 – IT3103 – KỲ 20241
5 View Cart Screen
5.1 Create Cart.fxml
Hình 28: Cart.fxml 1
Trang 27Hình 30: Cart.fxml 3
Hình 31: Cart.fxml 4
Trang 2820225911 Đoàn Nhật Quang 744529 – IT3103 – KỲ 20241
5.2 Create class CartScreen
Hình 32: Class CartScreen
Trang 295.3 Create class CartSceenController
Hình 33: Class CartSceenController 1
Trang 3020225911 Đoàn Nhật Quang 744529 – IT3103 – KỲ 20241
Hình 34: Class CartScreenController 2
Trang 31Hình 35: Class CartScreenController 3
Trang 3220225911 Đoàn Nhật Quang 744529 – IT3103 – KỲ 20241
Hình 36: Class CartScreenController 5
Trang 335.4 Demo
Hình 37: Demo CartScreen
Trang 3420225911 Đoàn Nhật Quang 744529 – IT3103 – KỲ 20241
6 Updating buttons based on selected item in TableView – ChangeListener
6.1 Edit class CartScreenController
Hình 38: Edit class CartScreenController 1
Trang 35Hình 39: Edit class CartScreenController 2
Trang 3620225911 Đoàn Nhật Quang 744529 – IT3103 – KỲ 20241
Trang 378 Filter items in cart – FilteredList
Hình 43: Filter items in cart
9 Complete the Aims GUI application
Hình 44: Add CD
Trang 3820225911 Đoàn Nhật Quang 744529 – IT3103 – KỲ 20241
Hình 45: Add DVD
Trang 3910 Usecase Diagram
Hình 47: Usecase Diagram
Trang 4020225911 Đoàn Nhật Quang 744529 – IT3103 – KỲ 20241
11 Class Diagram
Hình 48: Class Diagram