Html5- Desenvolvendo Aplicações. Html5- Introdução a SQL Métodos OpenDatabase (utilizado para criar ou abrir uma Base de Dados); Transaction (permite.

Apresentação em tema: "Html5- Desenvolvendo Aplicações. Html5- Introdução a SQL Métodos OpenDatabase (utilizado para criar ou abrir uma Base de Dados); Transaction (permite."— Transcrição da apresentação:

1 Html5- Desenvolvendo Aplicações

2

3 Html5- Introdução a SQL Métodos OpenDatabase (utilizado para criar ou abrir uma Base de Dados); Transaction (permite realizar transações em Base de Dados, tais como: select, insert, delete, drop, create etc); ExecuteSql (utilizado para executar Sql querys);

4 Html5- Introdução a SQL Criando/Acessando Base de Dados // cria variável que é ponteiro para base de dados (db)db.transaction(function (tx) { tx.executeSql('CREATE TABLE IF NOT EXISTS ALUNOS (id unique, nome)'); msg = ' Base de Dados Escola criada. '; document.querySelector('#status').innerHTML = msg; });

5 Html5- Introdução a SQL Criando/Acessando Base de Dados function insertRows(){ if (document.dados.nome.value!=""){ codigo++;alert(codigo); db.transaction(function (tx) { tx.executeSql('INSERT INTO ALUNOS (id, nome) VALUES ('+codigo+', "'+document.dados.nome.value+'")'); msg = ' Registro inserido. '; document.querySelector('#status').innerHTML = msg; }); }else {alert("Favor fornecer nome!");} };

6 Html5- Introdução a SQL Mostrando informações function display(){ db.transaction(function (tx) { tx.executeSql('SELECT * FROM ALUNOS', [], function (tx, results) { var len = results.rows.length, i; document.querySelector('#status').innerHTML="";//init de msg status msg = " Registros encontrados: " + len + " total de registros: "+codigo+" "; document.querySelector('#status').innerHTML += msg; for (i = 0; i " + results.rows.item(i).nome + " "; document.querySelector('#status').innerHTML += msg; } }, null); }); }

7 Html5- Introdução a SQL Consultando function locate(){ db.transaction(function (tx) { tx.executeSql('SELECT * FROM ALUNOS WHERE NOME LIKE "'+document.dados.nome.value+'%"', [], function (tx, results) { var len = results.rows.length, i; document.querySelector('#status').innerHTML="";//init de msg status msg = " Registros encontrados: " + len + " total de registros: "+codigo+" "; document.querySelector('#status').innerHTML += msg; for (i = 0; i " + results.rows.item(i).nome + " "; document.querySelector('#status').innerHTML += msg; } }, null);}); }

8 Html5- Introdução a SQL Removendo function dropRows(){ codigo=0; alert(codigo); db.transaction(function (tx) { tx.executeSql('DELETE FROM ALUNOS'); msg = ' RegistroS removidos. '; document.querySelector('#status').innerHTML = msg; }); }

9 Html5- Introdução a SQL Removendo function dropRows(){ codigo=0; alert(codigo); db.transaction(function (tx) { tx.executeSql('DELETE FROM ALUNOS'); msg = ' RegistroS removidos. '; document.querySelector('#status').innerHTML = msg; }); }