La API de la base de datos SQL web no es en realidad una parte integral de la especificación HTML5, sino una especificación separada. Utiliza un conjunto de API para manipular la base de datos del cliente. Los navegadores convencionales como Safari, Chrome, Firefox y Opera ya han admitido la base de datos Web SQL. Las bases de datos SQL web de HTML5 son realmente tentadoras. Cuando descubre que puede usar la misma declaración de consulta que la consulta MySQL para operar la base de datos local, encontrará esto muy interesante. Hoy, aprendamos sobre la API de la base de datos SQL web de HTML 5.
A continuación se presentará cómo crear y abrir una base de datos, crear una tabla, agregar datos, actualizar datos, eliminar datos y eliminar tablas.
Primero introduzca tres métodos centrales
1. OpenDatabase: este método utiliza una base de datos existente o crea una nueva base de datos para crear un objeto de base de datos.
2. Transacción: este método nos permite controlar la confirmación de transacciones o reversiones de acuerdo con la situación.
3. Ejecutesql: este método se utiliza para ejecutar consultas reales de SQL.
Paso 1: abra la conexión y cree la base de datos
VAR DATABASE = OPENDATABASE ("Estudiante", "1.0", "Tabla de estudiantes", 1024 * 1024, function () {});
if (! database) {
alerta ("¡Falló la creación de la base de datos!");
} demás {
alerta ("¡Creación de base de datos con éxito!");
}
Explique el método OpenDatabase abre una base de datos existente, y si la base de datos no existe, también puede crear una base de datos. Varios parámetros son:
1. Nombre de la base de datos.
2. El número de versión es actualmente 1.0. No importa qué, está bien si lo escribes a muerte.
3. Descripción de la base de datos.
4. Establezca el tamaño de los datos.
5. Función de devolución de llamada (se puede omitir).
Cree una base de datos en la primera llamada y luego establezca una conexión.
La base de datos creada es local, con la ruta de la siguiente manera:
C:/usuarios/administrador/appdata/local/google/chrome/data de usuario/predeterminado/bases de datos/http_localhost_4987.
La base de datos SQLite creada se puede usar para abrir el archivo con SQLITESPY y puede ver los datos adentro. SQLITESPY es un software verde. Puede descargar la dirección en Baidu o la descarga oficial de SQLITESPY: SQLITESPY.
Paso 2: crear una tabla de datos
this.createTable = function () {
database.transaction (function (tx) {
tx.executesql (
"Crear tabla si no existe stu (ideal único, texto de nombre)",
[],
function (tx, resultado) {alert ('la tabla de stu creada con éxito'); },
function (tx, error) {alert ('crea stu table fallado:' + error.message);
});
});
}
Explicarlo
La función Ejecutsql tiene cuatro parámetros, y su significado es:
1) Representa la cadena de consulta, y el lenguaje SQL utilizado es SQLite 3.6.19.
2) Inserte datos de cadena en la consulta donde se encuentra el signo de interrogación.
3) Función de devolución de llamada ejecutada cuando tiene éxito. Devuelve dos parámetros: TX y el resultado de la ejecución.
4) Una función de devolución de llamada ejecutada en la falla. Devuelve dos parámetros: TX y mensaje de error fallido.
Paso 3: Realice la adición, eliminación, modificación y búsqueda
1) Agregar datos:
this.insert = function () {
database.transaction (function (tx) {
tx.executesql (
"Insertar en valores de stu (id, nombre) (?,?)",
[ID, 'Xu Mingxiang'],
function () {alert ('Agregar datos correctamente'); },
function (tx, error) {alert ('Agregar datos fallidos:' + error.message);
});
});
2) Datos de consulta
this.query = function () {
database.transaction (function (tx) {
tx.executesql (
"Seleccione * de Stu", [],
función (tx, resultado) {// Ejecutar la función de devolución de llamada exitosa
// Haz lo que quieras hacer para dar como resultado aquí .........
},
función (tx, error) {
alerta ('Falló la consulta:' + error.message);
});
});
}
Explicar
La función de devolución de llamada ejecutada con éxito en el código anterior tiene un resultado de parámetro.
Resultado: el conjunto de datos consultado. Su tipo de datos es SQLResultSet, al igual que el DataTable en C#.
La definición de SQLResultSet es:
interfaz sqlResultSet {
Readonly atribute Long Insertid;
Atributo de lectura de lectura larga con la fila afectada;
Readonly atribute sqlResultSetRowlist filas;
};
La propiedad más importante: las filas de tipo SQLRESULTSETROWLIST son las filas del conjunto de datos.
Las filas tienen dos propiedades: longitud y elemento.
Por lo tanto, obtenga el valor de una fila y una columna del resultado de la consulta: result.rows [i] .Item [FieldName].
3) Actualizar datos
this.update = function (id, nombre) {
database.transaction (function (tx) {
tx.executesql (
"Actualizar stu set nombre =? ¿Dónde id =?",
[Nombre, ID],
función (tx, resultado) {
},
función (tx, error) {
alerta ('Update falló:' + error.message);
});
});
}
4) Eliminar datos
this.del = function (id) {
database.transaction (function (tx) {
tx.executesql (
"Eliminar de stu donde id =?",
[identificación],
función (tx, resultado) {
},
función (tx, error) {
alerta ('Fallado de deleción:' + error.message);
});
});
}
5) Eliminar la tabla de datos
this.droptable = function () {
database.transaction (function (tx) {
tx.Executesql ('Drop Table Stu');
});
}
Demostración de la base de datos SQL web para agregar, eliminar, modificar y verificarlo, descargarlo rápidamente.