Bài giảng môn lập trình mạng chương 3 TS nguyễn văn hiệp

MÔN LẬP TRÌNH MẠNG
Chương 3

Viết hệ thống MiniChatter bằng Java
& dùng kỹ thuật multi-thread
3.1 Xây dựng module MiniChatter Client
3.2 Xây dựng module MiniChatter Server

Bộ môn : Công nghệ phần mềm
Khoa Công nghệ Thông tin
Trường ĐH Bách Khoa Tp.HCM

Môn : Lập trình Mạng
Chương 3 : Viết hệ thống MiniChatter bằng Java & dùng kỹ thuật multi-thread
Slide 76


3.1 Xây dựng module client MiniChatter
Chúng ta sẽ thiết kế giao diện cho Form
ứng dụng MiniChatClient như sau :

Cửa sổ phục vụ lệnh Connect :

Cửa sổ phục vụ lệnh Login :

Bộ môn : Công nghệ phần mềm
Khoa Công nghệ Thông tin
Trường ĐH Bách Khoa Tp.HCM

Môn : Lập trình Mạng
Chương 3 : Viết hệ thống MiniChatter bằng Java & dùng kỹ thuật multi-thread

Slide 77


Xây dựng module client MiniChatter
1. Chạy
JBuilder từ
Windows. Màn
hình của
JBuilder ₫ược
hiển thị như sau
:

Bộ môn : Công nghệ phần mềm
Khoa Công nghệ Thông tin
Trường ĐH Bách Khoa Tp.HCM

Môn : Lập trình Mạng
Chương 3 : Viết hệ thống MiniChatter bằng Java & dùng kỹ thuật multi-thread
Slide 78


Xây dựng module client MiniChatter
2. Chọn menu
File.Close
Projects... ₫ể
hiển thị cửa sổ
"Close
Projects", chọn
button "All" rồi
Ok ₫ể ₫óng các

Project ₫ang
mở :

Bộ môn : Công nghệ phần mềm
Khoa Công nghệ Thông tin
Trường ĐH Bách Khoa Tp.HCM

Môn : Lập trình Mạng
Chương 3 : Viết hệ thống MiniChatter bằng Java & dùng kỹ thuật multi-thread
Slide 79


Xây dựng module client MiniChatter
3. Chọn menu
File.New
Project... ₫ể tạo
Project mới
quản lý ứng
dụng
MiniChatClient :

Bộ môn : Công nghệ phần mềm
Khoa Công nghệ Thông tin
Trường ĐH Bách Khoa Tp.HCM

Môn : Lập trình Mạng
Chương 3 : Viết hệ thống MiniChatter bằng Java & dùng kỹ thuật multi-thread
Slide 80

Xây dựng module client MiniChatter
4. Nhập tên
Project, chọn
thư mục chứa
Project, chọn
Template qui
₫ịnh cấu hình
ban ₫ầu cho
Project (nên ₫ể
mặc ₫ịnh), rồi
ấn button Next :

Bộ môn : Công nghệ phần mềm
Khoa Công nghệ Thông tin
Trường ĐH Bách Khoa Tp.HCM

Môn : Lập trình Mạng
Chương 3 : Viết hệ thống MiniChatter bằng Java & dùng kỹ thuật multi-thread
Slide 81


Xây dựng module client MiniChatter
5. Chọn version
JDK, chọn thư
mục chứa các
file Output,
Backup, chọn
thư mục
Working (nên
₫ể mặc ₫ịnh),

rồi ấn button
Next :

Bộ môn : Công nghệ phần mềm
Khoa Công nghệ Thông tin
Trường ĐH Bách Khoa Tp.HCM

Môn : Lập trình Mạng
Chương 3 : Viết hệ thống MiniChatter bằng Java & dùng kỹ thuật multi-thread
Slide 82


Xây dựng module client MiniChatter
6. Chọn cách
mã hóa chuỗi là
UTF-8, nhập
Title vá các
thông tin khác
về ứng dụng,
nếu muốn, rồi
ấn nutton
Finish :

Bộ môn : Công nghệ phần mềm
Khoa Công nghệ Thông tin
Trường ĐH Bách Khoa Tp.HCM

Môn : Lập trình Mạng
Chương 3 : Viết hệ thống MiniChatter bằng Java & dùng kỹ thuật multi-thread
Slide 83

Xây dựng module client MiniChatter
7. Chọn menu
File.New..., cửa
sổ Object
Gallery sẽ hiển
thị, chọn icon
"Application" ₫ể
tạo 1 ứng dụng
mới trong
Project :

Bộ môn : Công nghệ phần mềm
Khoa Công nghệ Thông tin
Trường ĐH Bách Khoa Tp.HCM

Môn : Lập trình Mạng
Chương 3 : Viết hệ thống MiniChatter bằng Java & dùng kỹ thuật multi-thread
Slide 84


Xây dựng module client MiniChatter
8. Nhập tên
ứng dụng, chọn
Package chứa
ứng dụng (nên
₫ể mặc ₫ịnh)
rồi ấn button
Next :

Bộ môn : Công nghệ phần mềm
Khoa Công nghệ Thông tin
Trường ĐH Bách Khoa Tp.HCM

Môn : Lập trình Mạng
Chương 3 : Viết hệ thống MiniChatter bằng Java & dùng kỹ thuật multi-thread
Slide 85


Xây dựng module client MiniChatter
9. Nhập tên
class và title
bar cho dialog
của ứng dụng,
chọn các
options cần
thiết rồi ấn
button Next :

Bộ môn : Công nghệ phần mềm
Khoa Công nghệ Thông tin
Trường ĐH Bách Khoa Tp.HCM

Môn : Lập trình Mạng
Chương 3 : Viết hệ thống MiniChatter bằng Java & dùng kỹ thuật multi-thread
Slide 86


Xây dựng module client MiniChatter

10. Nhập tên
file quản lý cấu
hình run-time
cho ứng dụng
vừa tạo (nên ₫ể
mặc ₫ịnh) rồi
ấn button
Finish :

Bộ môn : Công nghệ phần mềm
Khoa Công nghệ Thông tin
Trường ĐH Bách Khoa Tp.HCM

Môn : Lập trình Mạng
Chương 3 : Viết hệ thống MiniChatter bằng Java & dùng kỹ thuật multi-thread
Slide 87


Xây dựng module client MiniChatter
11. Cửa sổ
JBuilder lúc này
sẽ có dạng như
sau :

Bộ môn : Công nghệ phần mềm
Khoa Công nghệ Thông tin
Trường ĐH Bách Khoa Tp.HCM

Môn : Lập trình Mạng
Chương 3 : Viết hệ thống MiniChatter bằng Java & dùng kỹ thuật multi-thread

Slide 88


Xây dựng module client MiniChatter
12. Chọn tab
"Design" ₫ể
chuyển sang
cửa sổ thiết kế
form giao diện :

Bộ môn : Công nghệ phần mềm
Khoa Công nghệ Thông tin
Trường ĐH Bách Khoa Tp.HCM

Môn : Lập trình Mạng
Chương 3 : Viết hệ thống MiniChatter bằng Java & dùng kỹ thuật multi-thread
Slide 89


Xây dựng module client MiniChatter
13. Chọn mục
"contentPane",
thay ₫ổi giá trị
thuộc tính
layout về
"XYLayout" ₫ể
ta có thể thiết
kế các phần tử
giao diện 1
cách tự do :

Bộ môn : Công nghệ phần mềm
Khoa Công nghệ Thông tin
Trường ĐH Bách Khoa Tp.HCM

Môn : Lập trình Mạng
Chương 3 : Viết hệ thống MiniChatter bằng Java & dùng kỹ thuật multi-thread
Slide 90


Xây dựng module client MiniChatter
14. Chọn tab
"Swing", chọn
icon "JButton" rồi
vẽ nó ở góc trên
trái Form, chọn
button vừa vẽ,
quan sát và thiết
lập giá trị cho
thuộc tính
name=btnConne
ct, margin =
1,1,1,1, thuộc
tính
text=Connect :
Bộ môn : Công nghệ phần mềm
Khoa Công nghệ Thông tin
Trường ĐH Bách Khoa Tp.HCM

Môn : Lập trình Mạng

Chương 3 : Viết hệ thống MiniChatter bằng Java & dùng kỹ thuật multi-thread
Slide 91


Xây dựng module client MiniChatter
15. Lập lại bước 14
₫ể vẽ các button
Groups, Login,
Users, Send, Logout,
Disconnect. Chọn tab
"Swing Containers",
chọn icon
JScrollPane rồi vẽ 1
scrollpane chứa
listbox hiển thị danh
sách nhóm, thiết lập
field
name=jspGroups. Vẽ
1 JList vào trong
scrollpane và thiết
lập field
name=jlbGroups :

Bộ môn : Công nghệ phần mềm
Khoa Công nghệ Thông tin
Trường ĐH Bách Khoa Tp.HCM

Môn : Lập trình Mạng
Chương 3 : Viết hệ thống MiniChatter bằng Java & dùng kỹ thuật multi-thread
Slide 92

Xây dựng module client MiniChatter
16. Lập lại bước 15
₫ể vẽ các listbox
jlbUsers,
jlbContent, vẽ 1
JTextField và thiết
lập field
name=jtfMessage.
Có thể dóng trái,
trên,... các ₫ối
tượng bằng cách
chọn chúng, ấn
phải chuột ₫ể hiển
thị cửa sổ lệnh rồi
chọn mục tương
ứng (thí dụ dóng
trái các ₫ối tượng
sau ₫ây) :
Bộ môn : Công nghệ phần mềm
Khoa Công nghệ Thông tin
Trường ĐH Bách Khoa Tp.HCM

Môn : Lập trình Mạng
Chương 3 : Viết hệ thống MiniChatter bằng Java & dùng kỹ thuật multi-thread
Slide 93


Xây dựng module client MiniChatter

17. Sau khi thiết kế
hoàn chỉnh, ta có
Form như sau :

Bộ môn : Công nghệ phần mềm
Khoa Công nghệ Thông tin
Trường ĐH Bách Khoa Tp.HCM

Môn : Lập trình Mạng
Chương 3 : Viết hệ thống MiniChatter bằng Java & dùng kỹ thuật multi-thread
Slide 94


Xây dựng module client MiniChatter
18. Tạo hàm xử lý
sự kiện ấn chuột
vào button
Connect : chọn
button Connect,
chọn tab Events,
₫ưa cursor về
textbox
actionPerformed
rồi ấn Enter ₫ể tạo
hàm xử lý với tên
mặc ₫ịnh :

Bộ môn : Công nghệ phần mềm
Khoa Công nghệ Thông tin
Trường ĐH Bách Khoa Tp.HCM

Môn : Lập trình Mạng
Chương 3 : Viết hệ thống MiniChatter bằng Java & dùng kỹ thuật multi-thread
Slide 95


Xây dựng module client MiniChatter
19. Cửa sổ code sẽ
hiển thị ₫ể bạn có
thể hiện thực thân
của hàm xử lý vừa
tạo. Bạn có thể viết
code ngay hay bất
ký lúc nào sau ₫ó.
Lặp lại bước 18 ₫ể
tạo các hàm xử lý
cho các button còn
lại :

Bộ môn : Công nghệ phần mềm
Khoa Công nghệ Thông tin
Trường ĐH Bách Khoa Tp.HCM

Môn : Lập trình Mạng
Chương 3 : Viết hệ thống MiniChatter bằng Java & dùng kỹ thuật multi-thread
Slide 96


Xây dựng module client MiniChatter
20. Để tạo form

nhập liệu
"Connect", chọn
menu File.New...
₫ể hiển thị cửa sổ
Object Gallery.
Chọn tab General,
chọn icon Dialog :

Bộ môn : Công nghệ phần mềm
Khoa Công nghệ Thông tin
Trường ĐH Bách Khoa Tp.HCM

Môn : Lập trình Mạng
Chương 3 : Viết hệ thống MiniChatter bằng Java & dùng kỹ thuật multi-thread
Slide 97


Xây dựng module client MiniChatter
21. Nhập tên class,
chọn class cha cần
thừa kế rồi ấn
button Ok :

Bộ môn : Công nghệ phần mềm
Khoa Công nghệ Thông tin
Trường ĐH Bách Khoa Tp.HCM

Môn : Lập trình Mạng
Chương 3 : Viết hệ thống MiniChatter bằng Java & dùng kỹ thuật multi-thread
Slide 98

Xây dựng module client MiniChatter
22. Sau khi Dialog mới ₫ược tạo ra, bạn thiết kế trực quan và viết code cho nó
giống như Form ₫ầu tiên miêu tả ứng dụng. Lặp lại bước 20, 21, 22 cho Form nhập
liệu Login. Viết code cho các hàm xử lý sự kiện ₫ã tạo ra trên từng Form giao diện.
Nếu cần thiết, viết code tăng cường cho Constructor của Form ₫ể thiết lập 1 số giá
trị ban ₫ầu cho Form ₫ó. Chọn menu Run.Run Project, chọn tên file quản lý runtime của ứng dụng ₫ể chạy và debug nó.

Bộ môn : Công nghệ phần mềm
Khoa Công nghệ Thông tin
Trường ĐH Bách Khoa Tp.HCM

Môn : Lập trình Mạng
Chương 3 : Viết hệ thống MiniChatter bằng Java & dùng kỹ thuật multi-thread
Slide 99


Xây dựng module client MiniChatter
Mô hình multi-thread ở client :
Thread chính

Thread con

Hiển thị Form
Tạo socket
Yêu cầu nối kết ₫ến server
Tạo thread con chờ recv
Chờ tương tác của user, nếu có
yêu cầu thì gởi request

và nhớ request vào biến fstat

Bộ môn : Công nghệ phần mềm
Khoa Công nghệ Thông tin
Trường ĐH Bách Khoa Tp.HCM

Chờ data từ server gởi về
Nếu có thì nhận vào và xử lý
reply dựa theo trạng thái
request ₫ược lưu trong biến
fstat.

Network

Môn : Lập trình Mạng
Chương 3 : Viết hệ thống MiniChatter bằng Java & dùng kỹ thuật multi-thread
Slide 100