BAZE DE DATE LOCALE HTML 5

INTRODUCERE

Baza de date nu este parte inclusa in HTML5, ci reprezinta doar o specificatie adusa in plus, pe partea de client, pentru a perimte programatorilor sa creeze aplicatii complexe, cu drepturi depline. Dezvoltarea, utilizarea si mentinerea baze de date presupune cunoasterea limbajului SQL (mai exact SQLite 3.1.19).

BROWSER SUPPORT

LOCALIZARE
Firefox: C:\Users\<user>\AppData\Roaming\Mozilla\Firefox\Prof iles\<profile-name>\webappsstore.sqlite Chrome: C:\Documents and Settings\USERNAME\Local Settings\Application Data\Google\Chrome\User Data\Default\database

DIMENSIUNEA
Dimensiunea implicita : 5 MB

Safari : in momentul in care s-a depasit dimensiunea, permite extinderea 10,50, 100, 500MB

CREAREA SI DESCHIDEREA BAZEI DE DATE

var db = openDatabase('mydb', '1.0', 'my first database', 2 *1024 * 1024); Numele Versiunea de preferat sa se pastreze versiunea 1.0 (deocamdata exista inconsistente) Descriere Dimensiunea

TRANSACTIONS
Reprezinta functia bloc in care se scriu instructiunile SQL.

var db = openDatabase('mydb', '1.0', 'my first database', 2 *1024 * 1024);

db.transaction(function (tx) { // here be the transaction // do SQL magic here using the tx object });

INSTRUCTIUNI SQL
Crearea unui tabel

tx.executeSql('CREATE TABLE IF NOT EXISTS CUSTOMERS ( nume TEXT, prenume TEXT, bdate DATETIME, email , parola)');

INSTRUCTIUNI SQL
Inserarea datelor intr-un tabel
Sunt doua cazuri posibile:
1. Datele sunt introduse in tabel manual, in linia de cod tx.executeSql('INSERT INTO CUSTOMERS (nume, prenume, bdate, email, parola ) VALUES (Popescu,Ionut,10.03.1991,popescu.ionut@yahoo.com,popescu)); 2. Datele sunt preluate prin intermediul formularelor var lname = document.getElementById (lname").value;

sau (noutate in HTML5)

var lname = document.querySelector (.lname").value tx.executeSql('INSERT INTO CUSTOMERS (nume, prenume, bdate, email, parola ) VALUES (?, ?, ?, ?, ?)',[lname, fname, bdate, email, password]);

INSTRUCTIUNI SQL
Stergerea inregistrarilor

Sunt aceleasi doua cazuri ca si la inserare:

1. tx.executeSql("DELETE FROM CUSTOMERS WHERE email=?", popescu.ionut@yahoo.com); 2. tx.executeSql("DELETE FROM CUSTOMERS WHERE email=?", [email]);

INSTRUCTIUNI SQL
Parcurgerea si selectarea datelor
tx.executeSql('SELECT * FROM CUSTOMERS', [ ], function (tx, results) {
var len = results.rows.length, i; for (i = 0; i < len; i++){

//instructiuni
var inregistrare_nume = results.rows(i).nume;

REFERINTE
http://html5doctor.com/introducing-web-sql-databases/

http://www.developer.nokia.com/Community/Wiki/HTML5_-_Introduction_to_local,_clientside_databases
http://diveintohtml5.info/