A API do banco de dados da Web SQL não é na verdade parte integrante da especificação HTML5, mas uma especificação separada. Ele usa um conjunto de APIs para manipular o banco de dados do cliente. Navegadores principais, como Safari, Chrome, Firefox e Opera, já suportaram o banco de dados da Web SQL. Os bancos de dados SQL da Web do HTML5 são realmente tentadores. Quando você achar que pode usar a mesma declaração de consulta que a consulta MySQL para operar o banco de dados local, você achará essa coisa muito interessante. Hoje, vamos aprender sobre a API do banco de dados SQL da Web do HTML 5.
A seguir, introduzirá como criar e abrir um banco de dados, criar uma tabela, adicionar dados, atualizar dados, excluir dados e excluir tabelas.
Primeiro introduza três métodos principais
1. OpendAtabase: Este método usa um banco de dados existente ou cria um novo banco de dados para criar um objeto de banco de dados.
2. Transação: Este método nos permite controlar a confirmação ou reversão da transação de acordo com a situação.
3. Executesql: Este método é usado para executar consultas SQL reais.
Etapa 1: abra a conexão e crie o banco de dados
var banco de dados = opendatabase ("aluno", "1.0", "tabela de estudante", 1024 * 1024, function () {});
if (! Database) {
Alert ("A criação do banco de dados falhou!");
} outro {
alerta ("criação de banco de dados com sucesso!");
}
Explique o método OpendAtabase abre um banco de dados existente e, se o banco de dados não existir, ele também poderá criar um banco de dados. Vários parâmetros são:
1. Nome do banco de dados.
2. O número da versão é atualmente 1.0. Não importa o quê, tudo bem se você escrever para a morte.
3. Descrição do banco de dados.
4. Defina o tamanho dos dados.
5. Função de retorno de chamada (pode ser omitido).
Crie um banco de dados na primeira chamada e, em seguida, estabeleça uma conexão.
O banco de dados criado é local, com o caminho da seguinte forma:
C:/Users/Administrator/AppData/Local/Google/Chrome/User Data/Default/Databases/http_localhost_4987.
O banco de dados SQLite criado pode ser usado para abrir o arquivo com o SQLITESPY e você pode ver os dados dentro. O SQLITESPY é um software verde. Você pode fazer o download do endereço no Baidu ou no SQLITESPY OFICIAL Download: SQLITESPY.
Etapa 2: Crie uma tabela de dados
this.createTable = function () {
Database.Transaction (função (TX) {
tx.executesql (
"Crie a tabela se não existe Stu (Id Real Onique, Nome Text)",
[],
função (tx, resultado) {alert ('tabela STU criada com sucesso'); },
function (tx, erro) {alert ('Criar tabela STU falhou:' + error.message);
});
});
}
Explique,
A função ExecutesQL possui quatro parâmetros, e seu significado é:
1) Representa a sequência de consulta e a linguagem SQL usada é SQLite 3.6.19.
2) Insira dados de string na consulta em que o ponto de interrogação está localizado.
3) Função de retorno de chamada executada quando bem -sucedida. Retorna dois parâmetros: TX e o resultado da execução.
4) Uma função de retorno de chamada executada na falha. Retorna dois parâmetros: TX e falha na mensagem de erro.
Etapa 3: execute adição, exclusão, modificação e pesquisa
1) Adicione dados:
this.insert = function () {
Database.Transaction (função (TX) {
tx.executesql (
"Insira em Stu (id, nome) valores (?,?)",
[id, 'xu mingxiang'],
function () {alert ('Adicione dados com sucesso'); },
function (tx, erro) {alert ('Adicionar dados falhados:' + error.message);
});
});
2) Dados de consulta
this.Query = function () {
Database.Transaction (função (TX) {
tx.executesql (
"Selecione * de Stu", [],
function (tx, resultado) {// Execute a função de retorno de chamada bem -sucedida
// Faça o que você deseja fazer para resultar aqui .........
},
função (tx, erro) {
alerta ('falha na consulta:' + error.message);
});
});
}
Explique isso
A função de retorno de chamada executada com sucesso no código acima tem um resultado de parâmetro.
Resultado: o conjunto de dados consultado. Seu tipo de dados é SQLRESULTSET, assim como o DataTable em C#.
A definição de sqlResultset é:
Interface SQLRESULTSET {
atribuir readonly insertId;
atribuir readonly a linhas longas afetadas;
atribuir readonly SQLRESULTSETROWLIST linhas;
};
A propriedade mais importante - SQLRESULTSETROWLIST LOWS são as linhas do conjunto de dados.
As linhas possuem duas propriedades: comprimento e item.
Portanto, obtenha o valor de uma linha e uma coluna do resultado da consulta: resultado.ROWS [i] .item [FieldName].
3) Atualizar dados
this.update = function (id, nome) {
Database.Transaction (função (TX) {
tx.executesql (
"Atualizar Stu Set Name =? Onde ID =?",
[nome, id],
função (tx, resultado) {
},
função (tx, erro) {
alert ('Atualização falhou:' + error.message);
});
});
}
4) Exclua dados
this.del = function (id) {
Database.Transaction (função (TX) {
tx.executesql (
"Exclua de Stu onde id =?",
[eu ia],
função (tx, resultado) {
},
função (tx, erro) {
alerta ('deleção falhou:' + error.message);
});
});
}
5) Exclua a tabela de dados
this.droptable = function () {
Database.Transaction (função (TX) {
tx.executesql ('tabela de gota Stu');
});
}
Demonstração de banco de dados da Web SQL para adicionar, excluir, modificar e verificar, baixe -o rapidamente.