c++ - 在 Qt Quick 中设置/读取 UI 值的最佳方式是什么

Question

我正在编写一个新的 C++ 应用程序，我决定使用 Qt Quick 而不是传统的 Qt 小部件，我很了解 QML，但我在读取和设置 UI 控件值的最佳方式方面遇到了一些麻烦

在我的应用程序中，它称为DOO，我为每个显示都有两个 QML 文件，第一个定义 UI 元素，第二个是用于读取/设置 UI 值的辅助类，它有一个save() 函数保存到数据库

例如让我们取一个名为 Son 的对象，看看它是如何定义的

在 SonDisplay.qml

import QtQuick 2.0
import QtQuick.Layouts 1.1

import DOO.Entities.Son 1.0
import DOOTypes 1.0

import "../UIElements"
import "../UIElements/DOOTheme.js" as DOOTheme
import "../DOO"

Display {

    id:sonDisplay

    contentHeight: 350
    contentWidth: 800

    // this is a QObject derived class, that I use as an entity to a table in a MySQL database
    // I use it here to set/read UI from/to it
    property Son son : Son{}
    property int disMode : DOO.Show
    property bool inEditMode : false
    ....

在辅助文件 SonHelper.qml

    import QtQuick 2.0
import DOO.Commands.Son 1.0
import DOOTypes 1.0

QtObject {

    // read a Son object values into local son
    function readValues(pSon)
    {
        son.sonID = pSon.sonID
        son.name = pSon.name
        son.image = pSon.image
        son.age = pSon.age
        son.entryDate = pSon.entryDate
        son.commingFrom = pSon.commingFrom
        son.disabilityKind.kind = pSon.disabilityKind.kind
        son.caseDescription = pSon.caseDescription
        son.more = pSon.more
    }

    // copy local son values into a Son object
    function copyValues(pSon)
    {
        pSon.sonID = son.sonID
        pSon.name = son.name
        pSon.image = son.image
        pSon.age = son.age
        pSon.entryDate = son.entryDate
        pSon.commingFrom = son.commingFrom
        pSon.disabilityKind.kind = son.disabilityKind.kind
        pSon.caseDescription = son.caseDescription
        pSon.more = son.more

    }

    // read ui values into local son
    function readUIValues()
    {
        son.name = sonName.text
        son.image = sonImage.picture
        son.age = sonAge.text
        son.entryDate = Date.fromLocaleDateString(Qt.locale(), sonEntryDate.text, "dd-MM-yyyy")
        son.commingFrom = sonCommingFrom.text
        son.disabilityKind.kind = sonDisabilityKind.currentIndex
        son.caseDescription = sonCaseDescription.text
        son.more = sonMore.text

    }

    function validateUIValues()
    {
        if (Date.fromLocaleDateString(Qt.locale(), sonEntryDate.text, "dd-MM-yyyy") == "Invalid Date") return false
        //if(!sonSonID.acceptableInput) return false
        //if(!sonAge.acceptableInput) return false
        //if(!sonDisabilityKind.acceptableInput) return false

        return true
    }

    // save or update a son into database
    function save()
    {
        var v_son =  SonFactory.createObject()

        if (!validateUIValues())
        {
            dooNotifier.showMessage("Error","You Have some invalid input")
            return
        }

        readUIValues()
        copyValues(v_son) // copy local son values into v_son

        if(disMode === DOO.CreateNew)
        {
            if(SonCommands.insert(v_son))
            {
                dooNotifier.showMessage("Success","Son added successfully ")
                SonResultsModel.update()
                sonDisplay.hide()
            }
            else
            {
                dooNotifier.showMessage("Failed","Error adding son")
                DOOLogger.log(SonCommands.lasrErrorText())
            }
        }
        else
        {
            if(SonCommands.update(v_son))
            {
                dooNotifier.showMessage("Success","Son updated successfully ")
                SonResultsModel.update()
                sonDisplay.hide()
            }
            else
            {
                dooNotifier.showMessage("Failed","Error updating son")
                DOOLogger.log(SonCommands.lasrErrorText())
            }
        }

        v_son.destroy()
    }

}

如您所见，我使用一个函数将 Son 对象的值读入本地 son 对象，第二个函数将本地 son 对象的值复制到 Son 对象，第三个函数将 UI 值读入本地 son 对象

现在我想知道是否有比 readValues(pSon)、copyValues(pSon) 和 readUIValues() 更好的方法来处理这种情况 函数

或者这是一个很好的模式

编辑

我想我可以使用 QAbstractItemModel 派生类读取/保存到数据库并将 UI 值作为 JavaScript 对象传递给它，或者将 UI 值读入本地子对象并将其传递给 C++ save() 函数，该函数将验证和像这样保存数据:

    var uivalues = {
    name : sonName.text ,
    image : sonImage.picture ,
    age : sonAge.text ,
    entryDate : Date.fromLocaleDateString(Qt.locale(), sonEntryDate.text, "dd-MM-yyyy") ,
    commingFrom : sonCommingFrom.text ,
    disabilityKind : sonDisabilityKind.currentIndex ,
    caseDescription : sonCaseDescription.text ,
    more : sonMore.text ,
    }

    SonResultsModel.save(uivalues)

Answer 1

第一个:

我认为您应该将更多逻辑转移到 C++ 代码中。为了获得最佳性能，最好尽可能使用最少的 js 代码。

将您的儿子创建为具有属性的 C++ 类，然后在可能的情况下将此属性绑定(bind)到 UI。

第二:

辅助类 save() 中的最后一个方法可能在特殊类中。当您使用更多像 son 这样的类时，这会很有用，因为使用这些类的工作将是相似的。

编辑:

我觉得现在好多了。请参阅下面的评论。