• QT学习day5(QT实现TCP协议)

    作业：利用TCP客户端和服务器实现网络聊天室（简单版QQ）

    1.服务器代码

    widget.h

    1. #ifndef WIDGET_H
    2. #define WIDGET_H
    3.  
    4. #include 
    5. #include            //服务器头文件
    6. #include             //客户端头文件
    7. #include                  //链表容器
    8. #include            //消息对话框
    9. #include
    10. QT_BEGIN_NAMESPACE
    11. namespace Ui { class Widget; }
    12. QT_END_NAMESPACE
    13.  
    14. class Widget : public QWidget
    15. {
    16.     Q_OBJECT
    17.  
    18. public:
    19.     Widget(QWidget *parent = nullptr);
    20.     ~Widget();
    21.  
    22. private slots:
    23.     void on_startBtn_clicked();
    24.  
    25.     void newConnection_slot();          //自定义处理newConnection信号的槽函数的声明
    26.     void readyRead_slot();              //自定义处理readyRead信号的槽函数的声明
    27.  
    28.  
    29.     
    30. private:
    31.     Ui::Widget *ui;
    32.     //实例化服务对象
    33.     QTcpServer *server;//实例化一个服务器对象
    34.     //创一个存放客户端的套接字的容器
    35.     QList clientList;
    36. };
    37. #endif // WIDGET_H

    widget.cpp

    1. #include "widget.h"
    2. #include "ui_widget.h"
    3.  
    4. Widget::Widget(QWidget *parent)
    5.     : QWidget(parent)
    6.     , ui(new Ui::Widget)
    7. {
    8.     ui->setupUi(this);
    9.  
    10.     //给客户端实例化空间
    11.     socket = new QTcpSocket(this);
    12.  
    13.  
    14.     //初始化界面（设置不可用）
    15.     ui->msgEdit->setEnabled(false);
    16.     ui->setBtn->setEnabled(false);
    17.     ui->disBtn->setEnabled(false);
    18.  
    19.  
    20.     //判断是否连接成功，如果连接成功客户端会自动发射connected,将该信号连接到自定义的槽函数中处理相关的逻辑
    21.     //因为只需要连接一次，所以我们将连接函数写在构造函数中
    22.     connect(socket,&QTcpSocket::connected,this,&Widget::connected_slot);//定义在构造函数是为了只连接一次
    23.  
    24.  
    25.     //此时说明服务器和客户端此时已经建立好连接,如果服务器发来数据，该客户端会自动发射readRead信号
    26.     connect(socket,&QTcpSocket::readyRead,this,&Widget::readyRead_slot);
    27.  
    28.       //判断是否断开成功，如果成功断开连接，客户端自动发射disconnect信号
    29.     connect(socket,&QTcpSocket::disconnected,this,&Widget::dis_slot);
    30.  
    31. }
    32.  
    33. Widget::~Widget()
    34. {
    35.     delete ui;
    36. }
    37.  
    38. //链接服务器按钮对应的槽函数
    39. void Widget::on_connectStn_clicked()
    40. {
    41.  
    42.     //获取ui界面上的IP和端口号
    43.     uesrName=ui->usrnameEdit->text();
    44.     QString ip= ui->ipEdit->text();
    45.     quint16 port=ui->portEdit->text().toUInt();//转换成整型
    46.     //客户端连接链接服务器
    47.     socket->connectToHost(ip,port);
    48.  
    49.  
    50.  
    51.  
    52. }
    53. //连接成功对应的槽函数实现
    54. void Widget::connected_slot()
    55. {
    56.     //告诉服务器 我来了
    57.     QString msg = uesrName + ":进入聊天室";
    58.     //将信息发送给服务器
    59.     socket ->write(msg.toLocal8Bit());
    60.  
    61.  
    62.  
    63.     //将ui界面上的控价进行相关设置
    64.  
    65.     ui->usrnameEdit->setEnabled(false);
    66.     ui->ipEdit->setEnabled(false);
    67.     ui->portEdit->setEnabled(false);
    68.     ui->connectStn->setEnabled(false);
    69.  
    70.  
    71.  
    72.     ui->msgEdit->setEnabled(true);
    73.     ui->setBtn->setEnabled(true);
    74.     ui->disBtn->setEnabled(true);
    75.  
    76.  
    77. }
    78. void Widget::readyRead_slot()//readyread对应的槽函数
    79. {
    80.     //说明服务器给客户端发来数据
    81.     QByteArray msg = socket->readAll();
    82.     //将数据放入到ui界面中
    83.     ui->listWidget->addItem(QString::fromLocal8Bit(msg));
    84.  
    85. }
    86.  
    87. void Widget::dis_slot()
    88. {
    89.     ui->usrnameEdit->setEnabled(true);
    90.     ui->ipEdit->setEnabled(true);
    91.     ui->portEdit->setEnabled(true);
    92.     ui->connectStn->setEnabled(true);
    93.  
    94.  
    95.  
    96.     ui->msgEdit->setEnabled(false);
    97.     ui->setBtn->setEnabled(false);
    98.     ui->disBtn->setEnabled(false);
    99.  
    100. }
    101.  
    102.  
    103. void Widget::on_setBtn_clicked()//发送按钮对应的槽函数处理
    104. {
    105.     //获取ui界面上的文本内容
    106.     QString msg =uesrName+":"+ ui->msgEdit->text();
    107.     //将信息发送给服务器
    108.     socket->write(msg.toLocal8Bit());
    109.  
    110.     //将msg的文本清空
    111.     ui->msgEdit->clear();
    112.  
    113. }
    114.  
    115. void Widget::on_disBtn_clicked()//断开按钮对应的槽函数处理
    116. {
    117.    QString msg = uesrName+":"+ "离开了聊天室,尔等也退下吧";
    118.    socket->write(msg.toLocal8Bit());
    119.  
    120.    socket->disconnectFromHost();
    121.  
    122.  
    123. }
    124.  
    125.  
    126.  
    127.  
    128.  
    129.

    服务器 ui界面：

     

    2.客户端代码

    second.h

    1. #ifndef SECOND_H
    2. #define SECOND_H
    3.  
    4. #include 
    5. #include
    6. #include//服务器头文件
    7. #include//客户端头文件
    8. #include//消息对话框
    9. #include//调试类
    10.  
    11.  
    12. namespace Ui {
    13. class Second;
    14. }
    15.  
    16. class Second : public QWidget
    17. {
    18.     Q_OBJECT
    19. public slots:
    20.     void jump_slot();//接收跳转信号函数
    21.  
    22. public:
    23.     explicit Second(QWidget *parent = nullptr);
    24.     ~Second();
    25.  
    26. private slots:
    27.     void on_connectBtn_clicked();//链接服务器对应的槽函数声明
    28.     void connected_solt();
    29.     void readyRead_slot();
    30.     void dis_slot();
    31.  
    32.     void on_sendBtn_clicked();
    33.  
    34.     void on_disBtn_clicked();
    35.  
    36. private:
    37.     Ui::Second *ui;
    38.     //实例化一个客户端对象
    39.     QTcpSocket *socket;
    40.  
    41.     //定义一个用户名的变量
    42.     QString userName;
    43. };
    44.  
    45. #endif // SECOND_H

     

    widget.h 

     

    1. #ifndef WIDGET_H
    2. #define WIDGET_H
    3.  
    4. #include 
    5. #include//动态图
    6. #include//图片
    7. #include//输出
    8. #include//按钮类
    9. #include//信息类
    10. #include//图片
    11.  
    12.  
    13. QT_BEGIN_NAMESPACE
    14. namespace Ui { class Widget; }
    15. QT_END_NAMESPACE
    16.  
    17. class Widget : public QWidget
    18. {
    19.     Q_OBJECT
    20.  
    21. public:
    22.     Widget(QWidget *parent = nullptr);
    23.     ~Widget();
    24. signals://自定义跳转信号函数
    25.     void jump();
    26.  
    27. private slots:
    28.     //void on_pushButton_2_clicked();
    29.     void my_slot();//自己定义的槽函数
    30.  
    31.  
    32. private:
    33.     Ui::Widget *ui;
    34.  
    35.  
    36. };
    37. #endif // WIDGET_H

     

    main.cpp

    1. #include "widget.h"
    2. #include"second.h"
    3. #include 
    4.  
    5. int main(int argc, char *argv[])
    6. {
    7.     QApplication a(argc, argv);
    8.     Widget w;
    9.     w.show();
    10.  
    11.     //实例化第二个窗口的对象
    12.     Second s;
    13.     QObject::connect(&w,&Widget::jump,&s,&Second::jump_slot);
    14.     return a.exec();
    15. }

     

    second.cpp

    1. #include "second.h"
    2. #include "ui_second.h"
    3.  
    4. void Second::jump_slot()//跳转信号槽函数
    5. {
    6.     this->show();//将自己的界面进行展示
    7. }
    8.  
    9. Second::Second(QWidget *parent) :
    10.     QWidget(parent),
    11.     ui(new Ui::Second)
    12. {
    13.     ui->setupUi(this);
    14.  
    15.     //第二个界面的窗口设置
    16.     this->setWindowTitle("划水摆烂群");
    17.     this->setWindowIcon(QIcon(":/pictrue/eaeb1d87_E780070_63de2b7c.png"));
    18.  
    19.     //ui->listWidget->setStyleSheet("QListWidget { background-color: transparent; }");//设置背景为透明色
    20.  
    21.  
    22.     //给客户端实例化空间
    23.     socket =new QTcpSocket(this);
    24.  
    25.     //初始化界面（未连接服务器时）
    26.     ui->msgEdit->setEnabled(false);//消息对话框不可用
    27.     ui->sendBtn->setEnabled(false);//发送按钮不可用
    28.     ui->disBtn->setEnabled(false);//离线不可用
    29.  
    30.  
    31.  
    32.     //判断是否连接成功，如果连接成功客户端会自动发射connected,将该信号连接到自定义的槽函数中处理相关的逻辑
    33.     //因为只需要连接一次，所以我们将连接函数写在构造函数中
    34.     connect(socket,&QTcpSocket::connected,this,&Second::connected_solt);//定义在构造函数是为了只连接一次
    35.  
    36.     //此时说明服务器和客户端此时已经建立好连接,如果服务器发来数据，该客户端会自动发射readRead信号
    37.     connect(socket,&QTcpSocket::readyRead,this,&Second::readyRead_slot);
    38.  
    39.  
    40. }
    41.  
    42.  
    43. Second::~Second()
    44. {
    45.     delete ui;
    46. }
    47.  
    48. void Second::on_connectBtn_clicked()//链接服务器对应的槽函数
    49. {
    50.     //获取ui界面上的IP和端口号
    51.     userName=ui->usernameEdit->text();//获取用户名
    52.     QString ip=ui->ipEdit->text();//获取ip
    53.     quint16 port=ui->portEdit_2->text().toUInt();//获取端口号
    54.     //客户端连接服务器
    55.     socket->connectToHost(ip,port);
    56.  
    57.  
    58. }
    59.  
    60. void Second::connected_solt()//连接成功对应的槽函数
    61. {
    62.     //告诉服务器我上线了
    63.     QString msg = userName + ":已上线";
    64.     //将消息发送给服务器
    65.     socket ->write(msg.toLocal8Bit());
    66.  
    67.     //重新设置ui界面上的控件
    68.     ui->usernameEdit->setEnabled(false);
    69.     ui->ipEdit->setEnabled(false);
    70.     ui->portEdit_2->setEnabled(false);
    71.     ui->connectBtn->setEnabled(false);
    72.  
    73.  
    74.  
    75.     ui->msgEdit->setEnabled(true);
    76.     ui->sendBtn->setEnabled(true);
    77.     ui->disBtn->setEnabled(true);
    78.  
    79.  
    80.  
    81. }
    82.  
    83. void Second::readyRead_slot()
    84. {
    85.     //说明服务器给客户端发来数据
    86.     QByteArray msg = socket->readAll();
    87.     //将数据放入到ui界面中
    88.     ui->listWidget->addItem(QString::fromLocal8Bit(msg));
    89. }
    90.  
    91. void Second::dis_slot()
    92. {
    93.     ui->usernameEdit->setEnabled(true);
    94.     ui->ipEdit->setEnabled(true);
    95.     ui->portEdit_2->setEnabled(true);
    96.     ui->connectBtn->setEnabled(true);
    97.  
    98.  
    99.  
    100.     ui->msgEdit->setEnabled(false);
    101.     ui->sendBtn->setEnabled(false);
    102.     ui->disBtn->setEnabled(false);
    103.  
    104. }
    105. void Second::on_sendBtn_clicked()//发送按钮对应的槽函数
    106. {
    107.     //获取ui界面上的文本内容
    108.     QString msg =userName+":"+ ui->msgEdit->text();
    109.     //将信息发送给服务器
    110.     socket->write(msg.toLocal8Bit());
    111.  
    112.     //将msg的文本清空
    113.     ui->msgEdit->clear();
    114.  
    115. }
    116.  
    117. void Second::on_disBtn_clicked()//离线按钮对应的槽函数
    118. {
    119.     QString msg = userName+":"+ "离开了聊天室,尔等也退下吧";
    120.     socket->write(msg.toLocal8Bit());
    121.  
    122.     socket->disconnectFromHost();
    123. }

     widget.cpp

    1. #include "widget.h"
    2. #include "ui_widget.h"
    3.  
    4. Widget::Widget(QWidget *parent)
    5.     : QWidget(parent)
    6.     , ui(new Ui::Widget)
    7. {
    8.     ui->setupUi(this);
    9.  
    10.     //窗口图标设计
    11.     this->setWindowTitle("腾讯QQ");
    12.     this->setWindowIcon(QIcon(":/pictrue/20573cf63610bed.jpg"));
    13.  
    14.     //连接登录Btn信号与槽
    15.     connect(ui->pushButton_2,&QPushButton::clicked,this,&Widget::my_slot);
    16.  
    17.     ui->zhuceBtn->setStyleSheet("border:1px solid transparent;");
    18.     ui->mimaBtn->setStyleSheet("border:1px solid transparent;");//取消边框
    19.  
    20. /**********************标签设置****************************/
    21.     //设置标签背景(动态图)
    22. //    QMovie *mv = new QMovie("/*************路径*************/");
    23. //    ui->beijinglabel->setMovie(mv);
    24. //    mv->start();
    25.     //让标签自动使用标签
    26.     ui->beijinglabel->setPixmap(QPixmap(":/pictrue/wKjg2lvGWoCAJlJxAADOBePmF24715.jpg"));
    27.     ui->beijinglabel->setScaledContents(true);
    28.  
    29.     //设置左上角的标签
    30. //    ui->qqlable->setPixmap(QPixmap(":/pictrue/20573cf63610bed.jpg"));
    31. //    ui->qqlable->setScaledContents(true);
    32. //    ui->qqlable->resize(30,30);//重新设置大小
    33.  
    34. /**********************登录设置*******************************/
    35.  
    36.  
    37.  
    38.  
    39.  
    40.  
    41. }
    42.  
    43. Widget::~Widget()
    44. {
    45.     delete ui;
    46. }
    47.  
    48.  
    49. void Widget::my_slot()//登录按钮对应的槽函数
    50. {
    51.     QString userName =  ui->zhanghaoEdit->text();//获取账号
    52.     QString passWord =  ui->mimaEdit->text();//获取密码
    53.  
    54.  
    55.     //判断登录条件是否满足
    56.     if(userName=="admin"&&passWord=="123456")
    57.     {
    58.         //满足登录条件跳转到聊天室页面
    59. //        qDebug() << "deng";
    60. //        this->close();
    61.          emit jump();
    62.  
    63.         this->hide();//将自己的页面隐藏
    64.  
    65.  
    66.     }else
    67.     {
    68.        // qDebug() << "";
    69.         QMessageBox::information(this,"提示：","账号或密码错误请重新输入");
    70.         //ui->zhanghaoEdit->clear();
    71.  
    72.     }
    73.  
    74. }

    second的ui界面 

    widget的ui界面 

     

    实现效果： 

    运行出的窗口

     

     密码输入错误弹出的消息对话框和启动服务器成功界面

    输入信息上线成功显示界面 

     消息发送成功界面

    离线显示下线信息

     

  • 相关阅读:
    释放Sqlite数据库占用的多余空间
    项目管理PMP考试技巧
    linux启动停止mysql常见错误
    selenium webdriver 防爬问题 C#
    小米智能电视投屏方法
    JavaEE中的网络原理 Ⅰ-- 应用层
    计算机毕业设计Java家装行业门店订单管理系统(源码+系统+mysql数据库+lw文档)
    探索IP地址定位工具：解读IP数据云的功能与优势
    uni-app积极拥抱社区，创建了开放、兼容的插件系统。
    深度解读：金融企业容器云平台存储如何选型
  • 原文地址：https://blog.csdn.net/m0_69894626/article/details/133967653