Dove posso sapere come utilizzare html5 per le app del database lato client?

Vorrei iniziare ad utilizzare la funzionalità del database lato client di html5, ma non so dove andare per una buona introduzione/tutorial/istruzioni. Ho codificato (x) html per anni e anni, quindi non sono tanto interessato a un tipo di introduzione "ecco il <head> elemento"; Voglio scoprire cos'è new in html5 in generale e db sul lato client in particolare. Eventuali suggerimenti?Dove posso sapere come utilizzare html5 per le app del database lato client?

fonte

2009-06-13 Alex Basson

Se la risposta è stata utile, contrassegnarla come risposta :) –

Qui: http://www.weboshelp.net/webos-tutorials/156-palm-webos-html5-database-storage-tutorial :)

Un altro link utile:

http://www.scribd.com/doc/4012693/Abusing-HTML-5-Structured-Clientside-Storage

fonte

2009-06-13 15:31:03

(so che è destinato al sistema operativo Palm Web ma è perché utilizza la versione più recente del webkit che supporta l'archiviazione db lato client HTML5) –

Grazie. Cosa strana, però: ho controllato il primo link qui sopra, e non viene eseguito correttamente il rendering, in Safari 4 o Firefox 3 (entrambi su Mac OS X). È come se il testo fosse spostato a 20px o così a sinistra, e quindi fuori dalla finestra. Sono solo io? Il terzo link sembra promettente; Probabilmente lo controllerò più approfonditamente domani. Grazie ancora. –

Alex, ho scritto un metodo dettagliato di come fare a: http://wecreategames.com/blog/?p=219 - tra cui l'origine codice da scaricare. Ecco alcuni frammenti:

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; 
    } 
}

Ed ecco una funzione per aggiornare la tabella:

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)]); 
     } 
    ); 
}

Vedi il post sul blog per gli esempi di come fare SQL seleziona, e un video che mostra come eseguire il test su alcuni browser.

fonte

2009-06-19 18:08:05 JayCrossler

Il codice sorgente scaricabile rende tutto ciò che merita. Ottimo lavoro. –

Dove posso sapere come utilizzare html5 per le app del database lato client?

risposta

Problemi correlati