使用HTML5數(shù)據(jù)庫(kù)API [關(guān)閉](Using HTML5 Database API [closed])

我正在開(kāi)發(fā)一個(gè)使用phonegap/cordova 2.2的web應(yīng)用程序，并希望將數(shù)據(jù)存儲(chǔ)在sql類(lèi)型的數(shù)據(jù)庫(kù)中，但似乎因?yàn)閔tml5尚未記錄，并且有三種競(jìng)爭(zhēng)方法可以保存大量數(shù)據(jù)，因此對(duì)于哪種方法感到困惑我應(yīng)該用嗎？ 有人可以幫忙嗎？

I'm developing a web-app using phonegap/cordova 2.2 and want to store data in sql type database but it seems that as html5 is not yet documented and there are three competing approaches for saving serious amounts of data, its confusing about which approach should i use. Can anyone help?

原文：https://stackoverflow.com/questions/14316472

更新時(shí)間：2020-06-20 13:06

最滿意答案

另請(qǐng)查看我自己的圖書(shū)館https://bitbucket.org/ytkyaw/ydn-db/wiki/Home 。 該庫(kù)支持iOS，Android和Windows Phone 8。

目標(biāo)

美麗的數(shù)據(jù)庫(kù)API，用于安全，強(qiáng)大，高性能，可維護(hù)，大規(guī)模的JavaScript Web應(yīng)用程序。

特征

支持IndexedDB，WebSQL和WebStorage存儲(chǔ)機(jī)制。

支持異步IndexedDB API的所有功能。

經(jīng)過(guò)良好測(cè)試的閉包庫(kù)模塊

修復(fù)了模式，自動(dòng)版本控制，動(dòng)態(tài)模式生成，同時(shí)維護(hù)多個(gè)連接(在選項(xiàng)卡或工作者上)。

低級(jí)游標(biāo)迭代，高級(jí)查詢

每個(gè)方法調(diào)用都是一個(gè)原子事務(wù)，同時(shí)支持事務(wù)和高級(jí)事務(wù)工作流。

我們采用嚴(yán)格的javascript編碼模式：沒(méi)有全局，沒(méi)有eval，沒(méi)有錯(cuò)誤通配，參數(shù)化查詢，所有公共方法和構(gòu)造函數(shù)都是強(qiáng)類(lèi)型，這就是編碼錯(cuò)誤拋出錯(cuò)誤。

JQuery插件可用(參見(jiàn)下載部分)。

基本用法

var db = new ydn.db.Storage('db name');

db.put('store1', {test: 'Hello World!'}, 123);

db.get('store1', 123).done(function(value) {

console.log(value);

}

單證

Also check out my own library https://bitbucket.org/ytkyaw/ydn-db/wiki/Home . The library supports iOS, Android and Windows Phone 8.

Goal

Beautiful database API for secure, robust, high-performance, maintainable, large-scale javascript web app.

Features

Support IndexedDB, WebSQL and WebStorage storage mechanisms.

Support all features of asynchronous IndexedDB API.

Well tested closure library module.

Fixed schema, auto versioning, on-the-fly schema generation while maintaining multiple connections (on tabs, or worker).

Low-level cursor iteration, high level query

Each method call is an atomic transaction, while supporting transaction and advance transaction workflow.

We adopt strict javascript coding pattern: no global, no eval, no error globbing, parameterized query, all public methods and constructors are strongly type, this is this, coding error throw error.

JQuery plugin available (see download section).

Basic usage

var db = new ydn.db.Storage('db name');

db.put('store1', {test: 'Hello World!'}, 123);

db.get('store1', 123).done(function(value) {

console.log(value);

}

Documentations

相關(guān)問(wèn)答

根據(jù)經(jīng)驗(yàn)：如果它在移動(dòng)瀏覽器上運(yùn)行，它將在包裝到應(yīng)用程序時(shí)起作用。 對(duì)于實(shí)際包裝，您有幾種選擇： 使用webview創(chuàng)建應(yīng)用程序，并在本地包含設(shè)備中的HTML。 使用PhoneGap或Titanium為您執(zhí)行此操作并公開(kāi)JavaScript API以便您與設(shè)備進(jìn)行通信。 重要的是要了解您的應(yīng)用程序不會(huì)被“轉(zhuǎn)換”為本機(jī)代碼，而是作為應(yīng)用程序中的網(wǎng)站運(yùn)行(使用javascript和css)，其中站點(diǎn)的文件存儲(chǔ)在應(yīng)用程序包中。 據(jù)我所知，您不能使用MySQL，因?yàn)檫@需要連接到遠(yuǎn)程MySQL服務(wù)器的Int

...

我創(chuàng)建了一個(gè)名為WebSqlSync的小型JS庫(kù)，用于將本地WebSql DB與服務(wù)器(客戶機(jī)< - >服務(wù)器)同步。 非常易于使用并集成在您的代碼中： https://github.com/orbitaloop/WebSqlSync 開(kāi)源項(xiàng)目QuickConnect包含一個(gè)JS庫(kù)，用于將本地HTML5 SQLite DB同步到服務(wù)器DB(MySQL或其他)： http://quickconnect.pbworks.com/Using-Enterprise-Synchronization 要使用此

...

有關(guān)這個(gè)功能的Mozilla開(kāi)發(fā)人員網(wǎng)絡(luò)頁(yè)面，您需要一個(gè)很棒的教程： https : //developer.mozilla.org/en/DOM/Manipulating_the_browser_history 不幸的是，HTML5歷史記錄API在所有HTML5瀏覽器中都有不同的實(shí)現(xiàn)(使其不一致和錯(cuò)誤)，并且HTML4瀏覽器沒(méi)有后備。 幸運(yùn)的是， History.js提供了HTML5瀏覽器的交叉兼容性(確保所有HTML5瀏覽器都按預(yù)期工作)，并為HTML4瀏覽器提供哈希備用(包括維護(hù)對(duì)數(shù)據(jù)，標(biāo)題

...

可能最好的解決方案是將該值設(shè)置為JSON。 var objectValue = JSON.stringify({name:"John",lastname:"Doe", other:"other staff"});//NOTE: your form data

if (typeof (sessionStorage) !== "undefined") {

if (sessionStorage.keyForStore ) {

try {

...

你不能使用WebSQL嗎？ (請(qǐng)參閱問(wèn)題iPad上的iOS(Safari)中Web SQL DB的最大大小是多少？LocalStorage怎么樣？ )。 如果您為L(zhǎng)ocalStorage編碼它，您可以輕松地使用LocalStorage API訪問(wèn)iOS設(shè)備上的WebSQL ... 也許跳到PhoneGap會(huì)解決你的一些問(wèn)題？ 您是否需要存儲(chǔ)數(shù)據(jù)庫(kù)中的所有數(shù)據(jù)？ 我有一個(gè)用于進(jìn)行Syncrhonization的庫(kù)，它目前是LocalStorage，但下一次更新將允許我使用幾乎任何存儲(chǔ)機(jī)制，因?yàn)樗恍?/p>

...

我認(rèn)為最好說(shuō)它們不是競(jìng)爭(zhēng)技術(shù)，而是兩者都是互補(bǔ)技術(shù)。 HTML提供了網(wǎng)站的主要結(jié)構(gòu)(以及程度上的布局)，JavaScript提供了大部分的交互性。 沒(méi)有HTML的幫助，任何網(wǎng)頁(yè)都無(wú)法制作。 而Javascript提供了交互性。 但是當(dāng)我試圖找到更多關(guān)于它們的內(nèi)容時(shí)，它都與HTML5相關(guān)。 是的，因?yàn)閙ikerobi在這個(gè)相關(guān)問(wèn)題中解釋說(shuō)Javascript被稱為HTML5技術(shù)而HTML5是下一代HTML。 這個(gè)wiki對(duì)于HTML5來(lái)說(shuō)很少被列舉出來(lái)： 標(biāo)記 還有一個(gè)重新強(qiáng)調(diào)DOM行為腳本(例如J

...

Chrome和Safari都有數(shù)據(jù)庫(kù)GUI和命令行界面。 正如您所發(fā)現(xiàn)的，它們位于Developer Tools的“Resources> Databases”選項(xiàng)卡下(在Safari中稱為Web Inspector)。 兩者都非常相似，因?yàn)閮煞N瀏覽器都基于Webkit。 您可以通過(guò)選擇數(shù)據(jù)庫(kù)的名稱來(lái)獲取臨時(shí)查詢的命令行界面。 在能夠查看數(shù)據(jù)庫(kù)之前，您必須在控制臺(tái)或代碼中調(diào)用openDatabase() 。 該數(shù)據(jù)庫(kù)基于SQLite，因此您可以使用SQLite在此接受的幾乎所有命令，除了幫助程序命令

...

你可以嘗試使用indexedDB嗎？ https://developer.mozilla.org/en-US/docs/IndexedDB http://caniuse.com/#feat=indexeddb 即使清除緩存(因此沒(méi)有l(wèi)ocalstorage)=> OK(用戶可以刪除數(shù)據(jù)庫(kù)，但操作與清除緩存不同 )，數(shù)據(jù)也不會(huì)到期 讀/寫(xiě)=> 好的 沒(méi)有網(wǎng)絡(luò)服務(wù)器的訪問(wèn)(沒(méi)有http：//但是文件：//)=> 好的 使用HTML5或JS操作=> 確定(檢查javascript API) 可選：使用f

...

你可以直接在你的url欄中運(yùn)行這個(gè)JavaScript： javascript:localStorage.clear();

請(qǐng)注意，本地存儲(chǔ)是相同的域范圍，因此它將清除您當(dāng)前域的存儲(chǔ)。 目前谷歌使用谷歌分析，AdSense等。 You can run this JavaScript directly in your url bar: javascript:localStorage.clear();

Note that local storage is same domain scoped, s

...

另請(qǐng)查看我自己的圖書(shū)館https://bitbucket.org/ytkyaw/ydn-db/wiki/Home 。 該庫(kù)支持iOS，Android和Windows Phone 8。 目標(biāo) 美麗的數(shù)據(jù)庫(kù)API，用于安全，強(qiáng)大，高性能，可維護(hù)，大規(guī)模的JavaScript Web應(yīng)用程序。 特征 支持IndexedDB，WebSQL和WebStorage存儲(chǔ)機(jī)制。 支持異步IndexedDB API的所有功能。 經(jīng)過(guò)良好測(cè)試的閉包庫(kù)模塊 修復(fù)了模式，自動(dòng)版本控制，動(dòng)態(tài)模式生成，同時(shí)維護(hù)多個(gè)連接(在選

...

總結(jié)

以上是生活随笔為你收集整理的html5通过api调数据库,使用HTML5数据库API [关闭](Using HTML5 Database API [closed])的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。