Windows通用應用程序Javascript保存文件

-2

我嘗試製作應用程序，但我遇到了一個問題。如何保存文件或進度？如果用戶在應用程序中輸入了一些信息或者改變了它的佈局，可以如何將它保存在通用JavaScript應用程序中現在，如果我關閉應用程序，然後再次打開它沒有被保存Windows通用應用程序Javascript保存文件

我已經瑤池以下，但我還是不明白這一點 https://msdn.microsoft.com/en-us/library/windows/apps/br212883.aspx

所以，主要的問題是如何讓通用的應用程序使用JavaScript和保存更改什麼用戶做出

App image

編輯：有我的應用程序的圖片。我說還的html代碼和javascript

HTML：

<div id="myDIV" class="header"> 
    <h2 style="margin:5px">My To Do List</h2> 
    <input type="text" id="myInput" placeholder="Title..."> 
    <span id ="addtask" onclick="newElement()" class="addBtn">Add</span> 
</div> 

<ul id="myUL"> 
    <li class="checked">Example checked</li> 
    <li>Example not checked</li> 
</ul>

JS：

var myNodelist = document.getElementsByTagName("LI"); 
var i; 
for (i = 0; i < myNodelist.length; i++) { 
    var span = document.createElement("SPAN"); 
    var txt = document.createTextNode("\u00D7"); 
    span.className = "close"; 
    span.appendChild(txt); 
    myNodelist[i].appendChild(span); 
} 


var close = document.getElementsByClassName("close"); 
var i; 
for (i = 0; i < close.length; i++) { 
    close[i].onclick = function() { 
     var div = this.parentElement; 
     div.style.display = "none"; 
    } 
} 


var list = document.querySelector('ul'); 
list.addEventListener('click', function (ev) { 
    if (ev.target.tagName === 'LI') { 
     ev.target.classList.toggle('checked'); 
    } 
}, false); 


var addlist = document.getElementById("addtask"); 
addlist.addEventListener("click", newElement, false); 

function newElement() { 
    var li = document.createElement("li"); 
    var inputValue = document.getElementById("myInput").value; 
    var t = document.createTextNode(inputValue); 
    li.appendChild(t); 
    if (inputValue === '') { 
     alert("You must write something!"); 
    } else { 
     document.getElementById("myUL").appendChild(li); 
    } 
    document.getElementById("myInput").value = ""; 

    var span = document.createElement("SPAN"); 
    var txt = document.createTextNode("\u00D7"); 
    span.className = "close"; 
    span.appendChild(txt); 
    li.appendChild(span); 

    for (i = 0; i < close.length; i++) { 
     close[i].onclick = function() { 
      var div = this.parentElement; 
      div.style.display = "none"; 
     } 
    } 
}

來源

2017-02-15 Nasse

您的問題顯得過於寬泛。有人不想爲你做所有的工作。你需要在這個問題上提供一些你自己的工作成果 - 用代碼清楚地說明問題所在。 –

@EduardMalakhov更好？ – Nasse

那麼，你在哪裏試圖將數據保存到文件？ –

如何保存文件或進度

如果你只是要創建文件並將數據保存到文件請參考this document。並且有一個文件操作相對official sample在javascript中可以引用。

但在我看來你的要求看起來更像你想要的數據庫。數據庫可以保存更改的數據用戶，應用程序還可以從數據庫讀取數據以顯示在應用程序的一個頁面上。所以你可能需要在你的應用上使用SQLite數據庫。詳情請參考this document。請注意，建議將此設置用於本地數據庫，以便您可以考慮使用服務器漫遊數據。

如果您只是想在本地設備中保存簡單的用戶數據，您也可以考慮使用xml文件作爲小型數據庫並將其存儲在local文件夾中。保存並讀取xml文件中的數據更改。有關如何讀取和保存xml文件數據的詳細信息，請參閱this javascript official sample。

例如，您可能有一個XML內容保存在用戶數據如下：

<?xml version="1.0" encoding="utf-8"?> 
<myNodelist> 
    <li> 
    <Text>The first to do item</Text> 
    <span class="close">×</span> 
    </li> 
    <li> 
    <Text>The second to do item</Text> 
    <span class="close">×</span> 
    </li> 
    <li> 
    <Text>Read a book</Text> 
    <span class="close">×</span> 
    </li> 
</myNodelist>

讀myNodelist來顯示數據，插入新li節點添加新的記錄。

來源

2017-02-17 10:06:46

Windows通用應用程序Javascript保存文件

回答

相關問題