使用 qml 从 qt5 发布 HTTP 请求

Question

大家好， 我正在尝试从我的 qt 应用程序发送 http post 请求。我读了很多书，但仍在努力获得一些信号和插槽的概念。如果有人可以从这里帮助我，那就太好了..

这是我的 qml 代码 sn-p:

TextField { id: u_name; placeholderText: userText(); Layout.fillWidth: true; style: StyleTextField {} }
                TextField { id: p_text;   echoMode: TextInput.Password;  Layout.fillWidth: true; style: StyleTextField {} }
                Button {
                    id: signInButton
                    text: "Sign In";
                    style: StyleButton {}
                    Layout.fillWidth: true;
                    //Layout.alignment: Qt.AlignTop;
                    signal esLoginClicked()
                    onClicked: {
                        if (u_name.text.length)  Settings.userText =  u_name.text;
                        if (p_text.text.length)  Settings.passText  = p_text.text;
                      signInButton.esLoginClicked().connect(esLogin(u_name.text,       p_text.text));
                        page_stack.pop();
                    }
                }

在这里，我试图从用户那里获取用户名和密码，并希望将其传递给我在头文件中使用我仅在此处创建的信号 esLoginCLicked() 声明的插槽“esLogin”。我的头文件是这样的……

Q_OBJECT
Q_PROPERTY(QString userText  READ userText  WRITE setUserText NOTIFY userTextChanged)
Q_PROPERTY(QString passText  READ passText  WRITE setPassText NOTIFY passTextChanged)

 public:
 static esQuickSettings *instance(void);

 public:
 QString userText(void);
 QString passText(void);
// void esLoginClicked(void);
// void esLoginClicked(const QString& userText, const QString passText);

 public:
 void setUserText(const QString& user);
 void setPassText(const QString& passt);
 void esLogin(const QString& userText, const QString& passText);
  signals:
 void userTextChanged(void);
 void passTextChanged(void);

但不知何故，我无法使其工作，并且在这里缺少一些关键概念来使信号和插槽工作。

P.S：我想从 QML 获取输入并放入插槽中，该插槽将在 cpp 文件中具有与标题相对应的定义。

Answer 1

有（至少）两种方法可以解决这个问题，但我只会根据评论讨论告诉你其中一种。

将 QML 信号连接到 C++ 插槽。

main.qml

...
Button {
    id: signInButton
    // This is necessary for finding this nested item in C++
    objectName: "SignInButtonObjectName"
    ...
}
...

main.cpp

...
QQmlEngine engine;
QQmlComponent component(&engine, "main.qml");
QObject *object = component.create();
QObject *childObject = object->findChild<QObject*>("SignInButtonObjectName");
Foo foo;
QObject::connect(childObject, SIGNAL(esLoginClicked(const QString&, const QString&)), &foo, SLOT(esLogin(const QString&, const QString&)));
...

另一种方法是在恰好发出信号时调用 qml 代码中的 C++ 插槽，这可能更简单。在这种情况下，您可以使用Q_INVOKABLE 甚至更好的方法：插槽。

void esLogin(const QString& userText, const QString& passText);

然后，您需要确保此方法通过上下文属性公开给 qml，即：您将类设置为上下文属性，该属性可用于 qml 以在所需的 qml 中调用 foo.esLogin()信号处理程序。