add book

Qt6QMLBeginnersCode/14-Networking/3-RestAPI/CMakeLists.txt

@@ -0,0 +1,41 @@
+cmake_minimum_required(VERSION 3.16)
+
+project(3-RestAPI VERSION 0.1 LANGUAGES CXX)
+
+set(CMAKE_CXX_STANDARD_REQUIRED ON)
+
+find_package(Qt6 6.4 REQUIRED COMPONENTS Quick)
+
+qt_standard_project_setup()
+
+qt_add_executable(app3-RestAPI
+    main.cpp
+)
+
+qt_add_qml_module(app3-RestAPI
+    URI 3-RestAPI
+    VERSION 1.0
+    QML_FILES Main.qml
+)
+
+# Qt for iOS sets MACOSX_BUNDLE_GUI_IDENTIFIER automatically since Qt 6.1.
+# If you are developing for iOS or macOS you should consider setting an
+# explicit, fixed bundle identifier manually though.
+set_target_properties(app3-RestAPI PROPERTIES
+#    MACOSX_BUNDLE_GUI_IDENTIFIER com.example.app3-RestAPI
+    MACOSX_BUNDLE_BUNDLE_VERSION ${PROJECT_VERSION}
+    MACOSX_BUNDLE_SHORT_VERSION_STRING ${PROJECT_VERSION_MAJOR}.${PROJECT_VERSION_MINOR}
+    MACOSX_BUNDLE TRUE
+    WIN32_EXECUTABLE TRUE
+)
+
+target_link_libraries(app3-RestAPI
+    PRIVATE Qt6::Quick
+)
+
+include(GNUInstallDirs)
+install(TARGETS app3-RestAPI
+    BUNDLE DESTINATION .
+    LIBRARY DESTINATION ${CMAKE_INSTALL_LIBDIR}
+    RUNTIME DESTINATION ${CMAKE_INSTALL_BINDIR}
+)

Qt6QMLBeginnersCode/14-Networking/3-RestAPI/Main.qml

@@ -0,0 +1,106 @@
+import QtQuick
+import QtQuick.Layouts
+import QtQuick.Controls
+
+Window {
+    width: 640
+    height: 480
+    visible: true
+    title: qsTr("Rest API")
+
+    function fetchData(url, callback) {
+        var xhr = new XMLHttpRequest();
+        xhr.onreadystatechange = function () {
+            if (xhr.readyState === XMLHttpRequest.HEADERS_RECEIVED) {
+                print('HEADERS_RECEIVED');
+            } else if (xhr.readyState === XMLHttpRequest.DONE) {
+                print('DONE');
+                if (xhr.status == 200) {
+                    console.log("resource found" + xhr.responseText.toString());
+                    callback(xhr.responseText.toString());
+                } else {
+                    callback(null);
+                }
+            }
+        };
+        xhr.open("GET", url);
+        xhr.send();
+    }
+
+
+    ColumnLayout{
+        anchors.fill: parent
+        spacing: 0
+
+        ListModel{
+            id: listModelId
+        }
+
+        ListView{
+            id: listViewId
+            model: listModelId
+            delegate: delegateId
+            Layout.fillWidth: true
+            Layout.fillHeight: true
+        }
+
+        Button{
+            id: buttonId
+            Layout.fillWidth: true
+            text: "Fetch"
+            onClicked: function(){
+                listModelId.clear()
+
+                //Call the function to download data
+                fetchData("https://jsonplaceholder.typicode.com/users",function(response){
+
+                    if(response){
+                        console.log("Response is good")
+                        //Parse the data
+                        var object = JSON.parse(response)
+
+                        //Loop over the JSON array
+                        object.forEach(function(userdata){
+                            listModelId.append({
+                                                   "userdata": userdata.name
+                                               })
+                        })
+
+                    }else{
+                        console.log("Something went wrong")
+                    }
+
+
+
+                })
+
+            }
+
+        }
+
+        Component {
+            id: delegateId
+            Rectangle {
+                id: rectangleId
+                width: parent.width
+                height: textId.implicitHeight + 30
+                color: "beige"
+                border.color: "yellowgreen"
+                radius: 5
+
+                Text {
+                    id: textId
+                    width: parent.width
+                    height: parent.height
+                    anchors.centerIn: parent
+                    text: userdata //Or modelData
+                    //text: modelData
+                    font.pointSize: 13
+                    wrapMode: Text.WordWrap
+                    verticalAlignment: Text.AlignVCenter
+                    horizontalAlignment: Text.AlignHCenter
+                }
+            }
+        }
+    }
+}

Qt6QMLBeginnersCode/14-Networking/3-RestAPI/main.cpp

@@ -0,0 +1,19 @@
+#include <QGuiApplication>
+#include <QQmlApplicationEngine>
+
+int main(int argc, char *argv[])
+{
+    QGuiApplication app(argc, argv);
+
+    QQmlApplicationEngine engine;
+    const QUrl url(u"qrc:/3-RestAPI/Main.qml"_qs);
+    QObject::connect(
+        &engine,
+        &QQmlApplicationEngine::objectCreationFailed,
+        &app,
+        []() { QCoreApplication::exit(-1); },
+        Qt::QueuedConnection);
+    engine.load(url);
+
+    return app.exec();
+}