L'API de la base de données Web SQL n'est pas en fait une partie intégrante de la spécification HTML5, mais une spécification distincte. Il utilise un ensemble d'API pour manipuler la base de données du client. Les navigateurs grand public tels que Safari, Chrome, Firefox et Opera ont déjà pris en charge la base de données Web SQL. Les bases de données Web SQL de HTML5 sont vraiment tentantes. Lorsque vous constatez que vous pouvez utiliser la même instruction de requête que MySQL Query pour faire fonctionner la base de données locale, vous trouverez cette chose très intéressante. Aujourd'hui, découvrons l'API de la base de données SQL Web de HTML 5.
Les éléments suivants présenteront comment créer et ouvrir une base de données, créer une table, ajouter des données, mettre à jour des données, supprimer des données et supprimer des tables.
Introduire d'abord trois méthodes de base
1. OpenDatabase: Cette méthode utilise une base de données existante ou crée une nouvelle base de données pour créer un objet de base de données.
2. Transaction: Cette méthode nous permet de contrôler la validation de la transaction ou le retour en arrière en fonction de la situation.
3. EXECUTESQL: Cette méthode est utilisée pour exécuter des requêtes SQL réelles.
Étape 1: Ouvrez la connexion et créez la base de données
var database = openDatabase ("Student", "1.0", "Student Table", 1024 * 1024, function () {});
if (! database) {
alert ("La création de la base de données a échoué!");
} autre {
alert ("Création de base de données avec succès!");
}
Expliquez la méthode OpenDatabase ouvre une base de données existante, et si la base de données n'existe pas, elle peut également créer une base de données. Plusieurs paramètres sont:
1. Nom de la base de données.
2. Le numéro de version est actuellement 1.0. Quoi qu'il en soit, c'est OK si vous l'écrivez à mort.
3. Description de la base de données.
4. Réglez la taille des données.
5. Fonction de rappel (peut être omise).
Créez une base de données sur le premier appel, puis établissez une connexion.
La base de données créée est locale, avec le chemin comme suit:
C: / users / administrateur / appdata / local / google / chrome / data user / default / databases / http_localhost_4987.
La base de données SQLite créée peut être utilisée pour ouvrir le fichier avec SQLitespy et vous pouvez voir les données à l'intérieur. Sqlitespy est un logiciel vert. Vous pouvez télécharger l'adresse sur Baidu ou le téléchargement officiel de Sqlitespy: Sqlitespy.
Étape 2: Créez un tableau de données
this.createTable = function () {
database.transaction (fonction (tx) {
tx.execuresql (
"Créer une table s'il n'existe pas Stu (id réel unique, texte de nom)",
[],
function (tx, result) {alert ('créé la table STU avec succès'); },
function (tx, error) {alert ('Create Stu Table a échoué:' + error.Message);
});
});
}
L'expliquez-le,
La fonction EXECUTESQL a quatre paramètres, et sa signification est:
1) représente la chaîne de requête et le langage SQL utilisé est SQLite 3.6.19.
2) Insérez des données de chaîne dans la requête où se trouve le point d'interrogation.
3) Fonction de rappel exécutée lors du succès. Renvoie deux paramètres: TX et le résultat de l'exécution.
4) Une fonction de rappel exécutée sur l'échec. Renvoie deux paramètres: TX et message d'erreur défaillant.
Étape 3: Effectuez l'addition, la suppression, la modification et la recherche
1) Ajouter des données:
this.insert = function () {
database.transaction (fonction (tx) {
tx.execuresql (
"Insérer dans les valeurs Stu (id, nom) (?,?)",
[id, «xu mingxiang»],
function () {alert ('ajouter des données réussi'); },
function (tx, error) {alert ('Ajouter un échec des données:' + error.sessage);
});
});
2) Données de requête
this.query = function () {
database.transaction (fonction (tx) {
tx.execuresql (
"SELECT * FROM STU", [],
fonction (tx, résultat) {// exécuter une fonction de rappel réussie
// Faites ce que vous voulez faire pour résulter ici .........
},
fonction (tx, erreur) {
alert ('la requête a échoué:' + error.sessage);
});
});
}
Expliquer
La fonction de rappel exécutée avec succès dans le code ci-dessus a un résultat de paramètre.
Résultat: l'ensemble de données interrogées. Son type de données est sqlResultSet, tout comme le DataTable en C #.
La définition de SqlResultSet est:
interface sqlResultSet {
Attribut LEADONly Long Insertid;
Attribut LEADOnly RowsAffected;
Attribut en lecture SQLRESULTSETROWList Rows;
};
La propriété la plus importante - les lignes de type SqlResultSetRowlist sont les lignes de l'ensemble de données.
Rows a deux propriétés: longueur et élément.
Par conséquent, obtenez la valeur d'une ligne et une colonne du résultat de la requête: résultat.Rows [i] .item [fieldname].
3) Mettre à jour les données
this.update = function (id, name) {
database.transaction (fonction (tx) {
tx.execuresql (
"Mettre à jour le stu set name =? Où id =?",
[nom, id],
fonction (tx, résultat) {
},
fonction (tx, erreur) {
alert ('Mise à jour a échoué:' + error.sessage);
});
});
}
4) Supprimer les données
this.del = fonction (id) {
database.transaction (fonction (tx) {
tx.execuresql (
"Supprimer de Stu où id =?",
[identifiant],
fonction (tx, résultat) {
},
fonction (tx, erreur) {
alert ('délétion a échoué:' + error.sessage);
});
});
}
5) Supprimer le tableau de données
this.dropTable = function () {
database.transaction (fonction (tx) {
tx.ExECUtesQl ('Drop Table Stu');
});
}
Demo de base de données Web SQL pour ajouter, supprimer, modifier et vérifier, le télécharger rapidement.