如何创建一个简单的API接口供前端调用？

要创建一个简单的API接口供前端调用，通常遵循以下步骤：

1. **选择后端技术**[^1]:
使用Qt5的QNetworkAccessManager类可以实现HTTP请求，这是构建RESTful API的基础。在Qt5中，你可以创建一个新的`QObject`子类，继承自`QNetworkAccessManager`。

#include <QNetworkAccessManager>
#include <QNetworkRequest>
#include <QJsonObject>

class MyApiHandler : public QObject {
    Q_OBJECT

public:
    explicit MyApiHandler(QObject *parent = nullptr)
        : QObject(parent), manager(new QNetworkAccessManager(this)) {}

private slots:
    void sendData(const QString &data) {
        // 创建一个JSON对象来封装要发送的数据
        auto json = QJsonObject::fromString(data);
        
        // 构造网络请求
        QNetworkRequest request(QUrl("http://your-api-endpoint.com/endpoint"));
        request.setHeader(QNetworkRequest::ContentTypeHeader, "application/json");

        // 发送POST请求
        connect(manager, &QNetworkAccessManager::finished, this, &MyApiHandler::handleResponse);
        manager->post(request, json.toString());
    }

private:
    QNetworkAccessManager *manager;
};

2. **处理响应**:
`handleResponse`槽函数用于解析返回的JSON数据并作出相应的响应。

void MyApiHandler::handleResponse(QNetworkReply *reply) {
    if (reply->error()) {
        qDebug() << "Error while calling API: " << reply->errorString();
    } else {
        QByteArray jsonData = reply->readAll();
        QJsonDocument doc = QJsonDocument::fromJson(jsonData);
        QJsonObject response = doc.object();

        // 处理接收到的响应数据
        QJsonArray result = response.value("result").toArray();
        emit dataReceived(result);
    }
}

3. **前端调用API**[^2]:
前端可以通过AJAX或其他HTTP客户端库（如axios）向你的API发送GET或POST请求。例如，使用JavaScript：

// 假设你的API地址是"localhost:8000/api"
fetch('http://localhost:8000/api', {
  method: 'POST',
  headers: { 'Content-Type': 'application/json' },
  body: JSON.stringify({ key: 'value' }) // 替换为实际要发送的数据
})
.then(response => response.json())
.then(data => console.log('Received data:', data))
.catch(error => console.error('Error:', error));