2009-06-13 14 views
5

我想開始使用html5的客戶端數據庫功能,但我不知道要去哪裏尋找一個好的介紹/ tutorial/how-to。我一直在編寫(x)html多年和幾年,所以我沒有太感興趣的是「這裏是<head>元素」類型的介紹;我想了解一般的html5中的新的,特別是客戶端db。有什麼建議麼?我在哪裏可以瞭解如何將html5用於客戶端數據庫應用程序?

+0

如果您發現回覆有用,請點擊它作爲回答:) – 2009-06-14 17:44:07

回答

0
+0

(我知道它是針對掌上網頁操作系統,但這是因爲它們使用支持HTML5客戶端數據庫存儲的最新webkit版本) – 2009-06-13 15:33:04

+0

謝謝。奇怪的是,我檢查了上面的第一個鏈接,並且它無法正確顯示,無論是Safari 4還是Firefox 3(均在Mac OS X上)。就好像文本被移動了20px左右,因此離開了窗口。只有我嗎? 第三個環節看起來很有前途;我明天可能會更徹底地檢查它。再次感謝。 – 2009-06-14 00:43:37

3

亞歷克斯, 我寫了如何在做了詳細的方法:http://wecreategames.com/blog/?p=219 - 包括源代碼下載。下面的幾個片段:

function picsInitDatabase() { 
    try { 
     if (!window.openDatabase) { 
      console.log('Databases are not supported in this browser'); 
     } else { 
      var shortName = 'picsGeoDB'; 
      var version = '1.0'; 
      var displayName = 'Pictures Geotagged database'; 
      var maxSize = 5000000; // in bytes 
      picsDB = openDatabase(shortName, version, displayName, maxSize); 
      console.log("Database is setup: "+picsDB); 
     } 
    } catch(e) { 
     // Error handling code goes here. 
     if (e == 2) { 
      // Version number mismatch. 
      console.log("Invalid database version."); 
     } else { 
      console.log("Unknown error "+e+"."); 
     } 
     return; 
    } 
} 

而這裏的更新表的功能:

function picsUpdateTables(dataID) { 
    picsDB.transaction(
     function (transaction) { 
      var p = data[dataID]; 
      transaction.executeSql("INSERT INTO geopictures (id, secret, server, farm, title, latitude, longitude, accuracy, datetaken, ownername) VALUES (?,?,?,?,?,?,?,?,?,?);", 
      [p.id, p.secret, p.server, p.farm, p.title, p.latitude, p.longitude, p.accuracy, p.datetaken, p.ownername]); 
      transaction.executeSql("INSERT INTO photodata (picid, encodedtext) VALUES (?, ?)", [p.id, serializeCanvasByID(p.id)]); 
     } 
    ); 
} 

查看博客文章的怎麼辦使用SQL SELECT語句的例子,一個視頻展示瞭如何在測試幾個瀏覽器。

相關問題