一起学 WinJS－存储数据

ITPOW2017/3/23 21:27:51

Windows 应用存储数据分很多种类型，比如：

WinJS.Application.sessionState：适用于临时数据、小数据。
Windows.Storage.ApplicationData.current.localSettings：适用于不经常变的、不算大的数据，本地存储。（还有 localFolder）
Windows.Storage.ApplicationData.current.roamingSettings：适用于不经常变的、不算大的数据，漫游存储。
WinJS.Application.local：适用于大容量数据存储。
Windows.Storage.ApplicationData：同 WinJS.Application.local。
msIndexedDB：Windows 应用可使用的小型数据库。

注意：上面有 WinJS 和 Windows 两种。

本文以 Windows.Storage.ApplicationData.current.localSettings 作个示例，更多请参见：https://msdn.microsoft.com/zh-cn/library/windows/apps/xaml/hh781225.aspx。

HTML 代码

<button id="save">保存</button>
<button id="load">读取</button>
<div id="info"></div>

JS 代码

这里除了介绍存储，我们还要解决一个问题，就是前面章节提到过，直接将事件放在脚本文件的最“根”处是不推荐的，这里就用一个推荐的方式。

(function () {
	"use strict";

	var app = WinJS.Application;
	var activation = Windows.ApplicationModel.Activation;
    var isFirstActivation = true;

	// 这里是我们加的代码
    WinJS.Namespace.define("cftea", {
        saveData: WinJS.UI.eventHandler(function (ev) {
            Windows.Storage.ApplicationData.current.localSettings.values["datetime"] = new Date();
        }),
        loadData: WinJS.UI.eventHandler(function (ev) {
            var datetime = Windows.Storage.ApplicationData.current.localSettings.values["datetime"];
            document.querySelector("#info").innerText = "上次保存时间是：" + datetime;
        })
    });
    

	app.onactivated = function (args) {
		...

		if (isFirstActivation) {
			// TODO: 应用已激活但尚未运行。在此进行常规启动初始化。
			document.addEventListener("visibilitychange", onVisibilityChanged);
            args.setPromise(WinJS.UI.processAll().done(function () {
				// 这里是我们加的代码
                document.querySelector("#save").addEventListener("click", cftea.saveData);
                document.querySelector("#load").addEventListener("click", cftea.loadData);
            }));
		}

		isFirstActivation = false;
	};

	...

})();

<<返回首页<<