IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 开发工具 -> 计算机网络实验八——聊天程序 -> 正文阅读

[开发工具]计算机网络实验八——聊天程序

  • :比较费工夫的一次实验,因为不熟悉VS的MFC程序开发流程;以此简单记录一下。
  • :仅为个人总结;如有错误,还望指教!

计算机网络实验八——聊天程序

HNU CS Computer Network Lab8

实验环境

Virtual Studio 2019

实验原理

详见实验指导书

实验步骤

0 环境搭建

  • 下载Visual Studio 2019
  • 安装MFC应用程序开发插件

也可直接下载旧版的VC++安装实验指导书完成,这里是本来就装了VS就懒得再下载了

在这里插入图片描述

1 创建工程

1、先建立一个MFC,选dialogBased,工程名为LX2 。
在这里插入图片描述
在这里插入图片描述
选择“高级功能”,选择“Window 套接字”
在这里插入图片描述
出现Dialog以后,编辑界面,并且对控件点击右键,选择属性选项,把每个控件的ID改掉(控件ID就是每个控件的名字,要改成有意义的,以便将来管理)。
在这里插入图片描述
并对控件添加系统变量如下:
在这里插入图片描述
在这里插入图片描述
允许文本框输入回车,文本框右键选择“属性”
在这里插入图片描述
2、再建立一个MFC,选dialogBased,工程名为LX1。
在这里插入图片描述
在这里插入图片描述
首先,在BOOL CLx1Dlg::OnInitDialog()和BOOL CLx2Dlg::OnInitDialog()末尾添加语句,使其如下所示:

m_send.EnableWindow(FALSE); //使发送按钮变灰

**注意:**这个语句作用使发送按钮失效,以免还未连接用户就点击发送,发生不可预计的错误。
在这里插入图片描述

2 添加类和函数

为了在自己程序里面更自由地处理CSocket得到的消息,必须新建CSocket的派生类:在lx2工程里工作区类视图里点右键,添加新类:CServer,父类为CSocket。
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

如上所示,在lx2Dlg.h里添加头文件#include "CServer.h"和private变量:CServer m_server; CServer m_recv在对话框的图象上双击“侦听”按钮,在里面添加如下代码,使其如下所示:

void Clx2Dlg::OnBnClickedListen()
{
	m_server.Create(1000);				//	使用1000号端口
	m_server.Listen();					//	侦听
}

在对话框图象上再双击“发送”按钮,添加代码,如下所示:

void Clx2Dlg::OnBnClickedSend()
{
	UpdateData(TRUE);		//更新数据,使m_msg得到当前框中文本
	m_recv.Send(m_msg, 4 * m_msg.GetLength());	 //发送数据
	m_ctrl.SetSel(0, -1);		//全选发送框文字
	m_ctrl.ReplaceSel(_T(""), TRUE);//将发送框置空
}

同样地,在Lx1工程里工作区类视图里右键,添加新类:CClient。继承自CSocket
在lx1Dlg.h里添加头文件#include "CClient.h"和private变量:CClient m_client;
在这里插入图片描述
在这里插入图片描述

双击对话框图象上的“连接”按钮,添加代码:

void Clx1Dlg::OnBnClickedConnect()
{
	UpdateData(TRUE);
	m_client.Create(1001);				//使用1001号端口
	if (m_client.Connect(m_ip, 1000))	//连接目标地址,1000端口
	{
		AfxMessageBox(_T("Client端连接成功"));
		m_send.EnableWindow(TRUE);			//连接成功,可以发送
		m_connect.EnableWindow(FALSE);		//同时禁止连接按钮
	}
	else
	{
		m_client.Close();					//如果连接失败就关闭
		AfxMessageBox(_T("连接失败"));
	}
}

双击发送按钮,添加代码:

void Clx1Dlg::OnBnClickedSend()
{
	UpdateData(TRUE);			//更新数据,使m_msg得到当前框中文本
	m_client.Send(m_msg,4 * m_msg.GetLength());		//发送数据
}

以上这些操作,已经将CSocket的建立,以及主机,客户机建立连接后的消息发送代码添加完成了,但是还缺少使其工作的消息机制。

下面的步骤就是利用OnAccept和OnReceive函数处理socket消息。

首先,在lx2工程的编辑界面点右键,选Class Wizard,在classname栏目里面找到CServer类,添加OnAccept和OnReceive函数并且双击下面的Member function栏目,分别为两个函数添加代码。
在这里插入图片描述
在CSever.cpp中添加头文件#include "lx2Dlg.h"
添加OnAccept函数的代码:

void CSever::OnAccept(int nErrorCode)
{
	CSocket::OnAccept(nErrorCode);
	((Clx2Dlg*)(AfxGetApp()->m_pMainWnd))->ShowAccept();
}

这步以后,可以为Clx2Dlg类里添加public成员函数ShowAccept():

void Clx2Dlg::ShowAccept()
{
	m_server.Accept(m_recv);
	AfxMessageBox(_T("Server端连接成功"));
	m_send.EnableWindow(TRUE);			//	连接成功,可以发送
	m_listen.EnableWindow(FALSE);		//	同时禁止侦听按钮
}

在这里插入图片描述
于是,当客户机调用m_client.Connect(m_ip,1000);这句时,主机server端发现,并调用ShowAccept函数来建立连接。执行完以后,Socket连接便被建立。

接下来的工作便是添加发送聊天信息的函数了。

注意到前面点击发送按钮的OnSend() 函数已经添加好了,在lx2工程中只要添加Server端的接收消息和显示消息功能就可以进行消息的传送。
添加OnReceive函数的代码:

void CSever::OnReceive(int nErrorCode)
{
	CSocket::OnReceive(nErrorCode);
	((Clx2Dlg*)(AfxGetApp()->m_pMainWnd))->ShowMsg();
}

建立连接后,一方一旦发送数据,另一方的CSocket派生类便调用这个函数。其中代码可以参考前面OnAccept() 进行理解。
在Clx2Dlg里添加成员函数ShowMsg():

void Clx2Dlg::ShowMsg()
{
	wchar_t buf[1024] = { '\0' };					//声明为wchar_t类型!!!为了这个bug,我调了两个小时!哭晕了
	int len = m_recv.Receive(buf, 1024);			//接收消息到buf里面,长度1024字节。
	AfxMessageBox(buf);								//用AfxMessageBox函数显示接收到的字符窜。
}

同样在lx1工程中也如此这般添加消息接收函数:
在这里插入图片描述
在CSever.cpp中添加头文件#include "lx1Dlg.h"
添加OnReceive函数的代码:

void CClient::OnReceive(int nErrorCode)
{
	CSocket::OnReceive(nErrorCode);
	((Clx1Dlg*)(AfxGetApp()->m_pMainWnd))->ShowMsg();
}

在Clx2Dlg里添加成员函数ShowMsg():

void Clx1Dlg::ShowMsg()
{
	wchar_t buf[1024] = { '\0' };					//声明为wchar_t类型!!!
	int len = m_client.Receive(buf, 1024);			//接收消息到buf里面,长度1024字节。
	AfxMessageBox(buf);								//用AfxMessageBox函数显示接收到的字符窜。
}

对于lx1和lx2工程,在对话框销毁的时候,关闭Socket连接,释放资源。
在这里插入图片描述

void Clx1Dlg::PostNcDestroy()
{
	CDialogEx::PostNcDestroy();
	m_client.Close();
}
void Clx2Dlg::PostNcDestroy()
{
	CDialogEx::PostNcDestroy();
	m_server.Close();
	m_recv.Close();
}

代码全部添加完毕。

3 运行测试

在两个vc中分别按下F5键,编译执行两个程序,就可以进行通信了。
程序运行过程如下:
1、在Lx2中按下侦听。
2、在Lx1中输入地址后按下连接。
3、 在Lx1的文本框内输入字符,按下发送,则Lx2端便会得到来自Lx1的消息。
4、在Lx2的文本框内输入字符,按下发送,则Lx1端便会得到来自Lx2的消息,同时Lx2的文本框会自动清空。
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

思考题

1、 改造程序结构:上面这个程序能做到双向发送消息。但是在这里,两个程序必须成对使用,即一个是Server端,一个是Client端。而真正实用的聊天程序即使使用了Client/Server模式,也必须将其整合,使其所有的功能都在一个程序中实现,以增加适用性。试改造结构,将两个程序的功能整合一起。界面参见第二题。

2、 添加程序功能,有以下几点可供参考:
用AfxMessageBox(…)显示消息显得不够专业,可以考虑制作一个双文本框的界面,让发送的消息在下面一个文本框中输入,接收的消息在上面的文本框中显示。
可以考虑在显示的文本框中添加滚动条让消息可以往下滚动。
增加保存聊天记录的功能。

3、此实验为了简单易操作,直接利用了CSocket类的Send和Receive进行通信。请参照实验原理部分的CSocketFile类和CArchive类的说明以及通信的流程图对其进行改造,以便更方便、高效地进行大量数据交换。

  • 1、2就是上面两个工程的组合
  • 蹲一个 3 的实现 ( 实在不想写了:( )
  开发工具 最新文章
Postman接口测试之Mock快速入门
ASCII码空格替换查表_最全ASCII码对照表0-2
如何使用 ssh 建立 socks 代理
Typora配合PicGo阿里云图床配置
SoapUI、Jmeter、Postman三种接口测试工具的
github用相对路径显示图片_GitHub 中 readm
Windows编译g2o及其g2o viewer
解决jupyter notebook无法连接/ jupyter连接
Git恢复到之前版本
VScode常用快捷键
上一篇文章      下一篇文章      查看所有文章
加:2022-05-16 11:25:52  更:2022-05-16 11:26:01 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年12日历 -2024/12/29 9:17:37-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码
数据统计