31
HCMC Univ Technology – Faculty of Information Technology Lập trình MiniChat bằng VC+ + dùng cơ chế xử lý sự kiện Nguyễn Quang Hùng E-mail: [email protected] Website: www.dit.hcmut.edu.vn/~hungnq/courses.htm

Lập trình MiniChat bằng VC++ dùng cơ chế xử lý sự kiện

  • Upload
    oliana

  • View
    41

  • Download
    0

Embed Size (px)

DESCRIPTION

Lập trình MiniChat bằng VC++ dùng cơ chế xử lý sự kiện. Nguyễn Quang Hùng. E-mail: [email protected] Website: www.dit.hcmut.edu.vn/~hungnq/courses.htm. Mục lục. - PowerPoint PPT Presentation

Citation preview

Page 1: Lập trình MiniChat bằng VC++ dùng cơ chế xử lý sự kiện

HCMC Univ Technology – Faculty of Information Technology

Lập trình MiniChat bằng VC++ dùng cơ chế xử lý sự kiện

Nguyễn Quang HùngE-mail: [email protected]

Website: www.dit.hcmut.edu.vn/~hungnq/courses.htm

Page 2: Lập trình MiniChat bằng VC++ dùng cơ chế xử lý sự kiện

HCMC Univ Technology – Faculty of Information Technology

Mục lục

Bài tập sau đây cho phép làm quen với qui trình xây dựng 1 chương trình theo giao diện “Dialog based” bằng VC++. Dialog box của chương trình MiniChat client:

Page 3: Lập trình MiniChat bằng VC++ dùng cơ chế xử lý sự kiện

HCMC Univ Technology – Faculty of Information Technology

Giao diện của ch.trình MiniChat client

Cửa sổ nhập thông tin của button “Connect”

Cửa sổ nhập thông tin của button “login”

Page 4: Lập trình MiniChat bằng VC++ dùng cơ chế xử lý sự kiện

HCMC Univ Technology – Faculty of Information Technology

Giao diện của MS. Visual C++ IDE

Chạy Microsoft Visual C++từ Start Programs Microsoft Visual C++

Page 5: Lập trình MiniChat bằng VC++ dùng cơ chế xử lý sự kiện

HCMC Univ Technology – Faculty of Information Technology

Tắt/Mở nhiều cửa sổ làm việc

Page 6: Lập trình MiniChat bằng VC++ dùng cơ chế xử lý sự kiện

HCMC Univ Technology – Faculty of Information Technology

Tạo new project bằng AppWizard

Dùng AppWizard để tạo project: Chọn menu File.New…, cửa sổ sau được hiển thị. Chọn trang Projects, chọn mục MFC AppWizard (exe), chọn thư mục chứa project trong textbox ‘Location’, thí dụ: f:\mmtnc. Nhập tên của project (MiniChatClient) vào textbox “Project name”, như vậy các file tạo ra project này chứa trong thư mục: f:\mmtnc\MiniChatClient

Page 7: Lập trình MiniChat bằng VC++ dùng cơ chế xử lý sự kiện

HCMC Univ Technology – Faculty of Information Technology

Tạo new project bằng AppWizard (tiếp)

Chọn button OK, cửa sổ sau xuất hiện để dạng ứng dụng:

Thí dụ chương trình của ta dùng Dialog based, chọn mục “Dialog based”, rồi chọn nút “Next”, cửa sổ sau xuất hiện:

Page 8: Lập trình MiniChat bằng VC++ dùng cơ chế xử lý sự kiện

HCMC Univ Technology – Faculty of Information Technology

Tạo new project bằng AppWizard (tiếp)

Thí dụ chương trình của ta dùng Dialog based, chọn mục “Dialog based”, rồi chọn nút “Next”, cửa sổ sau xuất hiện:

Chọn mục “Windows Sockets” rồi hiệu chỉnh lại title của Dialog box rồi chọn “Next”

Page 9: Lập trình MiniChat bằng VC++ dùng cơ chế xử lý sự kiện

HCMC Univ Technology – Faculty of Information Technology

Tạo new project bằng AppWizard (tiếp)

Page 10: Lập trình MiniChat bằng VC++ dùng cơ chế xử lý sự kiện

HCMC Univ Technology – Faculty of Information Technology

Tạo new project bằng AppWizard (tiếp)

Page 11: Lập trình MiniChat bằng VC++ dùng cơ chế xử lý sự kiện

HCMC Univ Technology – Faculty of Information Technology

Tạo new project bằng AppWizard (tiếp)

Chọn button Finish để tạo ứng dụng

Page 12: Lập trình MiniChat bằng VC++ dùng cơ chế xử lý sự kiện

HCMC Univ Technology – Faculty of Information Technology

Tạo new project bằng AppWizard (tiếp)

Khi tạo ứng dụng thành công thì một Dialog xuất hiện trong VC++ IDE

Page 13: Lập trình MiniChat bằng VC++ dùng cơ chế xử lý sự kiện

HCMC Univ Technology – Faculty of Information Technology

Thiết kế giao diện ch.trình MiniChatClient

Bắt đầu thiết kế giao diện chương trình, dùng các controls có sẳn ở cửa sổ Control. Để xóa một control: chọn nó rồi chọn cut. Để thêm 1 control, dùng chuột kéo từ toolbox và thả control vào Dialog. Để thêm hay hiệu chỉnh thuộc tính cho control, dời chuột tới nó rồi chọn Properties để hiển thị cửa sổ thuộc tính.

Page 14: Lập trình MiniChat bằng VC++ dùng cơ chế xử lý sự kiện

HCMC Univ Technology – Faculty of Information Technology

Thiết kế g.diện ct. MiniChatClient (tiếp)

Dùng chuột drag các control vào vị trí thích hợp trên Dialogbox

Page 15: Lập trình MiniChat bằng VC++ dùng cơ chế xử lý sự kiện

HCMC Univ Technology – Faculty of Information Technology

Thiết kế g.diện ct. MiniChatClient (tiếp)Để các phần tử trong Dialogbox dùng font xác định (tiếng Việt), chọn Dialogbox rồi nhấn phải chuột. Cửa sổ thuộc tính sẽ được hiển thị:

Page 16: Lập trình MiniChat bằng VC++ dùng cơ chế xử lý sự kiện

HCMC Univ Technology – Faculty of Information Technology

Hiệu chỉnh các thuộc tính của control

Page 17: Lập trình MiniChat bằng VC++ dùng cơ chế xử lý sự kiện

HCMC Univ Technology – Faculty of Information Technology

Hiệu chỉnh các t.t. của control (tiếp)

Button “Connect” với tên IDC_CONNECT, “Group” với tên IDC_GROUPREQ, “Login” với IDC_LOGIN, Button “User” với IDC_USERREQ, “Send” với IDC_SENDMSG, “Logout” với IDC_LOGOUT.

Text box thông báo cần gởi với IDC_MESG, Listbox “Danh sách nhóm” với

IDC_GROUPLIST, Listbox “Danh sách các user trong nhóm” tên IDC_USERLIST, Listbox “Nội dung trao đổi với IDC_CONTENT”

Page 18: Lập trình MiniChat bằng VC++ dùng cơ chế xử lý sự kiện

HCMC Univ Technology – Faculty of Information Technology

Kết hợp biến và hàm xử lý biến cố với các control

Tạo hàm xử lý biến cố cho từng button bằng cách chọn từng button, chọn mục event trong cửa sổ Properties, cửa sổ sau xuất hiện:

Page 19: Lập trình MiniChat bằng VC++ dùng cơ chế xử lý sự kiện

HCMC Univ Technology – Faculty of Information Technology

Kết hợp biến và hàm xử lý biến cố với các control (tiếp)

Phương pháp chính quy để khai báo biến và hàm xử lý biến cố với các phần tử giao diện là dùng menu View.ClassWizard, cửa sổ ClassWizard xuất hiện, trang MessageMap cho phép khai báo các hàm xử lý biến cố:

Page 20: Lập trình MiniChat bằng VC++ dùng cơ chế xử lý sự kiện

HCMC Univ Technology – Faculty of Information Technology

Kết hợp biến và hàm xử lý biến cố với các control (tiếp)

Để tạo các biến dữ liệu kết hợp với các control, chọn project, class chứa biến, trang Member variables, sau đó chọn từng ID phần tử rồi ấn nút button “Add variable”, cửa sổ sau xuất hiện:

Page 21: Lập trình MiniChat bằng VC++ dùng cơ chế xử lý sự kiện

HCMC Univ Technology – Faculty of Information Technology

Kết hợp biến và hàm xử lý biến cố với các control (tiếp)

Kết quả tạo 4 biến kết hợp với 4 phần tử giao diện.

Page 22: Lập trình MiniChat bằng VC++ dùng cơ chế xử lý sự kiện

HCMC Univ Technology – Faculty of Information Technology

Tạo thêm các hộp thoại từ menu Insert.Resource

Chọn menu Insert.Resource để tạo các hộp thoại sau:

Page 23: Lập trình MiniChat bằng VC++ dùng cơ chế xử lý sự kiện

HCMC Univ Technology – Faculty of Information Technology

Tạo thêm các hộp thoại từ menu Insert.Resource (2)

Khuôn mẫu 2 hộp thoại sau:

Page 24: Lập trình MiniChat bằng VC++ dùng cơ chế xử lý sự kiện

HCMC Univ Technology – Faculty of Information Technology

Giao thức lớp ứng dụng Mini Chat Chức năng:

Cho phép nhiều user đăng ký vào các nhóm để trò chuyện với nhau.

Mô hình lựa chọn: client/server

Server: Quản lý các nhóm và các user của từng nhóm Phân phối chuỗi thông tin từ một user đến các user

khác. Client:

Giao tiếp với các user Cho phép họ đăng ký nhóm; gởi/nhận thông tin cho

nhau.

Page 25: Lập trình MiniChat bằng VC++ dùng cơ chế xử lý sự kiện

HCMC Univ Technology – Faculty of Information Technology

Giao thức lớp ứng dụng Mini Chat (tiếp)

Định nghĩa giao thức dùng cho hệ thống MiniChat: Lệnh GLIST <CRLF> Lệnh ULIST <CRLF> Lệnh LOGIN <tên group>,<tên user> <CRLF> Lệnh SEND <string> <CRLF> Lệnh LOGOU <CRLF>

Dạng reply cho tất cả các request: N <chuỗi dữ liệu phụ kèm theo> N = 1: Thành công, N = 0: Thất bại

Page 26: Lập trình MiniChat bằng VC++ dùng cơ chế xử lý sự kiện

HCMC Univ Technology – Faculty of Information Technology

Giao diện của c.trình MiniChatServer

Tương tự tạo chương trình MiniChat Server như sau:

Page 27: Lập trình MiniChat bằng VC++ dùng cơ chế xử lý sự kiện

HCMC Univ Technology – Faculty of Information Technology

A SAMPLE

Page 28: Lập trình MiniChat bằng VC++ dùng cơ chế xử lý sự kiện

HCMC Univ Technology – Faculty of Information Technology

MINICHAT SERVER TRÊN VC++BOOL CMiniChatServerDlg::OnInitDialog() {

…// Tao socket moi, neu that bai bao saiser_sock = socket(AF_INET,SOCK_STREAM,0);if(ser_sock==INVALID_SOCKET) {

MessageBox("Khong tao duoc socket");return TRUE;

}

// Thiet lap dia chi diem dau mut va bind no voi socketSOCKADDR_IN local_addr;Local_addr.sin_family=AF_INET;local_addr.sin_port=256;local_addr.sin_addr.s_addr=INADDR_ANY;if(bind(ser_sock,(LPSOCKADDR)&local_addr,sizeof(local_addr))==

SOCKET_ERROR) {MessageBox("Khong bind socket duoc");return TRUE;

}

Page 29: Lập trình MiniChat bằng VC++ dùng cơ chế xử lý sự kiện

HCMC Univ Technology – Faculty of Information Technology

MINICHAT SERVER TRÊN VC++ (t.t)

// Khai bao so yeu cau ket noi dong thoiif(listen(ser_sock,10)==SOCKET_ERROR) {

MessageBox("Khong listen duoc");return TRUE;

}

// Khai bao nhan du lieu bat dong bo + dong cau noi bat dong boif (WSAAsyncSelect(ser_sock, m_hWnd, WSA_ACCEPT, FD_ACCEPT) >

0) {MessageBox("Error on WSAAsyncSelect()");closesocket(ser_sock);

}…}

Page 30: Lập trình MiniChat bằng VC++ dùng cơ chế xử lý sự kiện

HCMC Univ Technology – Faculty of Information Technology

MINICHAT SERVER TRÊN VC++ (t.t)

// Accept 1 yeu cau noi ketvoid CMiniChatServerDlg::OnAccept(void) {

SOCKADDR_IN remote_addr;SOCKET sock;// Cho ket noiint len=sizeof(remote_addr);sock=accept(ser_sock,(LPSOCKADDR)&remote_addr,&len);if(sock==INVALID_SOCKET) {

MessageBox("Khong accept duoc");return;

}T_UserRec *puser = new(T_UserRec);puser->sock = sock;puser->next = sock_no_user;sock_no_user = puser;

// Khai bao nhan du lieu bat dong bo + dong cau noi bat dong boif (WSAAsyncSelect(sock, m_hWnd, WSA_RDCLOSE, FD_READ|FD_CLOSE) > 0) {MessageBox("Error on WSAAsyncSelect()");closesocket(sock);}

}

Page 31: Lập trình MiniChat bằng VC++ dùng cơ chế xử lý sự kiện

HCMC Univ Technology – Faculty of Information Technology

MINICHAT SERVER TRÊN VC++ (t.t)

// Doc vao request va xu lyvoid CMiniChatServerDlg::Request_Process(SOCKET sock) {

int status;char mesg[MSG_LENGTH];status = recv(sock, mesg, MSG_LENGTH, 0);if (status==0) return;mesg[status] = 0;if (strncmp(mesg,"LOGIN",5)==0) { // login

Do_login(sock,mesg);} else if (strncmp(mesg,"LOGOU",5)==0) { // logout

Do_logout(sock);} else if (strncmp(mesg,"GLIST",5)==0) { // group list

Do_glist(sock);} else if (strncmp(mesg,"ULIST",5)==0) { // user list

Do_ulist(sock);} else { // broadcast message

Do_broadcastMesg(sock,mesg);}

}