QML JavaScript LocalStorage

好的，让我来简单介绍一下。

QML 是一种基于 JavaScript 的声明式语言，用于快速构建现代化的用户界面。它可以与 C++、JavaScript 等语言混合编程，适用于多种平台，如桌面、移动设备和嵌入式系统。

LocalStorage 是一种 HTML5 新增的 API，用于在浏览器端存储和获取数据。它是一种简单的键值对存储，可以将数据存储在客户端本地，而不需要向服务器发送请求。LocalStorage 在 QML 中同样可以使用，可以通过 JavaScript 的方式访问和操作。

在 QML 中使用 LocalStorage，需要先在 QML 文件中导入 JavaScript 模块，然后使用 JavaScript 的方式来访问 LocalStorage。例如，以下代码展示了如何使用 LocalStorage 存储和获取数据：

import QtQuick 2.0
import QtQuick.LocalStorage 2.0

Item {
    property string name: "defaultName"
    property int age: 18

    // 创建 LocalStorage 数据库
    Storage {
        id: localStorage
        name: "myLocalStorage"
        version: "1.0"
        maximumSize: 1024 * 1024

        // 定义表结构
        Component.onCompleted: {
            var result = localStorage.executeSql('CREATE TABLE IF NOT EXISTS myTable(name TEXT, age INTEGER)');
            if (result.rowsAffected !== 0) {
                console.log("表 myTable 创建成功");
            }
        }
    }

    // 存储数据
    function saveData() {
        var result = localStorage.executeSql('INSERT INTO myTable VALUES(?, ?)', [name, age]);
        if (result.rowsAffected !== 0) {
            console.log("数据存储成功");
        }
    }

    // 获取数据
    function getData() {
        var result = localStorage.executeSql('SELECT * FROM myTable');
        if (result.rows.length !== 0) {
            name = result.rows.item(0).name;
            age = result.rows.item(0).age;
            console.log("数据获取成功");
        }
    }
}

上面的代码中，我们定义了一个名为 myLocalStorage 的 LocalStorage 数据库，然后定义了一个名为 myTable 的表，包含 name 和 age 两个字段。在 saveData 函数中，我们将 name 和 age 存储到 myTable 表中；在 getData 函数中，我们从 myTable 表中获取数据，并将其赋值给 name 和 age 属性。

这样，我们就可以在 QML 中使用 LocalStorage 存储和获取数据了。