Html+QtWeb服务器开发

HaileyEmma

于 2024-04-11 16:36:21 发布

阅读量1.1k

点赞数 26

分类专栏： QT 文章标签： html 服务器 qt

本文链接：https://blog.youkuaiyun.com/qq_32863863/article/details/137643069

版权

本文介绍了如何在Qt 5.4.2环境下利用Qt WebServer和HTML技术开发一个简单的Web服务器。首先，讲述了需要的环境，包括Qt、node.js和Qt WebServer。接着，详细说明了创建QtWebServer项目的过程，包括修改Pro文件以添加websockets模块。在源码部分，提到了mainwindow的修改以及QtWebSocket的实现。此外，还创建了index.html和start.js用于网页交互。最后，指导了如何运行这些文件以查看Web服务器的工作效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

环境

Qt 5.4.2
node.js

Qt WebServer

新建QtWebServer项目

修改Pro文件:
QT += websockets
在这里插入图片描述
mainwindow 源码

class MainWindow : public QMainWindow
{
   
    Q_OBJECT
public:
    MainWindow(QWidget *parent = NULL);
    ~MainWindow();
private:
    QtWebServer *pWebServer;
private slots:
    void newConnection(quint16 peerPort);
    void readMessage(quint16 peerPort,QString message);
    void disConnected(quint16 peerPort);
private:
    Ui::MainWindow *ui;
};

MainWindow::MainWindow(QWidget *parent)
    : QMainWindow(parent)
    , ui(new Ui::MainWindow)
{
   
    ui->setupUi(this);

    pWebServer = new  QtWebServer();
    pWebServer->listenPort(QHostAddress::Any, 8100);

    connect(pWebServer,SIGNAL(newConnection(quint16)),this,SLOT(newConnection(quint16)));
    connect(pWebServer,SIGNAL(readString(quint16,QString)),this,SLOT(readMessage(quint16,QString)));
    connect(pWebServer,SIGNAL(disConnect(quint16)),this,SLOT(disConnected(quint16)));
}
void MainWindow::newConnection(quint16 peerPort)
{
   
    ui->plainTextEdit->appendPlainText("id = "+QString::number(peerPort)+", newConnection !");
}
void MainWindow::readMessage(quint16 peerPort, QString message)
{
   
    ui->plainTextEdit->appendPlainText("id = "+QString::number(peerPort)+", Read -> "+message);
}
void MainWindow::disConnected(quint16 peerPort)
{
   
    ui->plainTextEdit->appendPlainText(

最低0.47元/天解锁文章