Apache Cordova un Android - SQL ar Javascript: Web SQL datu bāze

Mēs koncentrēsimies tikai uz Android un kā uzglabāt datus Web SQL datu bāze un JQuery Mobile.
Iepriekšējā apmācībā mēs redzējām, kā ar Apache Cordova, Jquery mobile, html5 un css izveidot vienkāršu lietojumprogrammu, kas ļautu mums pievienot ierakstus Sqlite datu bāzei, šajā gadījumā mēs redzēsim, ko katra funkcija veic koda ietvaros.

 Funkcija Opendatabase ()

Opendatabase funkcija tiek izmantota, lai izveidotu datu bāzi vai atvērtu to, ja tā jau ir izveidota, mums ir nepieciešami četri parametri, datu bāzes nosaukums, versija, redzamās datu bāzes nosaukums un lielums baitos. Kad mēs izveidojam un atveram datubāzi, tā tiek saglabāta mainīgajā, ko mēs piešķiram šajā gadījumā db.

 funkcija CreartDB () {db = window.openDatabase ("Klienti", "1.0", "Klientu saraksts", 1000000);}

Šo funkciju varam palaist arī tad, kad sākat lietotni Android ierīcē
Lietojumprogrammas palaišanas laikā mēs izsaucam funkciju, kas izveido datu bāzi

 // Mēs pievienojam notikumu, kad lietojumprogramma ir sākusi document.addEventListener ("deviceready", DeviceHome, false); funkcija DeviceHome () {db = window.openDatabase ("Klienti", "1.0", "Klientu saraksts", 1000000); } 

Mums, iespējams, būs jāveic daži mājasdarbi, kamēr lietojumprogramma tiek palaista. Iepriekšējā gadījumā mēs redzējām, kā izsaukt funkciju, kad lietojumprogramma jau bija sākusies.

 function Starting () {document.addEventListener ("deviceready", ConfigureApp (), false); } funkcija ConfigureAPP () {document.addEventListener ("atsākt", OtraFuncion (), nepatiesa); } 

No HTML ar ielādes notikumu, tas ir, ielādējot lapu, mēs saucam par sākuma funkciju, bet, startējot (deviceready), tā izsauc funkciju ConfigureAPP, kas darbosies fonā (atsākt).
Daži notikumi, kurus varam izmantot Android ierīcēs, ir šādi:
deviceready: šis notikums rodas, kad lietojumprogramma ir startējusi.
pauze: Šis notikums tiek aktivizēts, kad lietojumprogramma sāk darboties fonā.
apkopo: Šis notikums rodas, kad lietojumprogramma pāriet no fona uz priekšplānu.
tiešsaistē un bezsaistē: Šis notikums rodas, kad lietojumprogramma izveido savienojumu ar tīklu vai atvienojas no tā.
Ir arī citi notikumi, kas saistīti ar mijiedarbību ar tālruni, taču mēs redzēsim tos, kas vairāk saistīti ar koda kontroli.

 Transaction () funkcija 

Ja mēs vēlamies veikt SQL tipa darījumu, mēs izmantojam darījuma metodi. Funkcija sastāv no trim parametriem: funkcija ar SQL vaicājumu, funkcija, kas parāda kļūdu, ja vaicājums neizdodas, un funkcija, kas parāda, vai vaicājums bija veiksmīgs.
Vaicājuma funkcija tiks veikta, izmantojot ExecuteSQL metodi. Mēs izveidosim trīs funkcijas, kuras ķēdē jāizpilda, startējot lietojumprogrammu, un tās ir:
konsultētiesDB: ar SQL vaicājumu
kļūda CDB (): parādīs, vai SQL vaicājumā ir kļūda
veiksmes CDB (): parādīs ziņojumu, ja vaicājums bija veiksmīgs.

 script charset = "utf-8"> // Palaižot lietojumprogrammu, mēs izveidojam dažus SQL vaicājumus document.addEventListener ("deviceready", IniciaSQL, false); funkcija StartSQL () {var db = window.openDatabase ("Kontakti", "1.0", "Kontaktu saraksts", 400000); db.transaction (consultDB, errorCB, successCB); } function queryDB (tx) {// Izveidojiet kontaktu tabulu, ja tā nav izveidota tx.executeSql ('CREATE TABLE IF NOT NOT EXISTS Contacts (id, name, email)'); // Ievietot datus tabulā tx.executeSql ('INSERT INTO Contacts (ID, name, email) VALUES (1, "José Cordova", ”[email protected]”)'); tx.executeSql ('INSERT INTO Contacts (id, vārds, e -pasts) VĒRTĪBAS (2, "Maria Alpei", ”[email protected]”) '); } // funkcija, lai notvertu kļūdu darījuma funkcijā errorCDB (error) {alert ("Kļūda SQL vaicājumā:" + error.code); } // Funkcija, lai parādītu veiksmes ziņojuma funkciju exitCDB () {alert ("Vaicājums veiksmīgs!"); } 

Kā vaicāt datus un parādīt tos, izmantojot SQL vaicājumu, kas atgriež masīvu vai matricas tipu SQLResultSetList

 funkcija queryDB (tx) {tx.executeSql ('SELECT * FROM Contacts', [], successCDB, errorCDB); } funkcija db panākumi (tx, rezultāti) {// iegūstam rindu skaitu var totalcontacts = results.rows.length; // mēs rādām kontaktu skaitu console.log ("Kopējais kontaktu skaits:" + totalcontacts); // Mēs parādām ierakstus ciklā, kur mēs parādām katru masīva lauku (var i = 0; i

Funkcijai SQLResultSetList ir īpašums rindas, kas satur ierakstus katrai vaicātās tabulas rindai. Šis masīvs tiek pārvietots ar funkciju rindas.item (i) un rindas numuru. Mums arī jānorāda, kuru šīs rindas lauku mēs vēlamies parādīt. Piemēri results.rows.item (i) .name. Mēs varam parādīt šo lauku arī kādā html elementā, piemēram, teksta laukā, kas atsaucas uz tā identifikatoru.

 funkcija querySuccess (tx, rezultāti) {var len = results.rows.length; document.getElementById ("divshow"). internalHTML + = "
IetVārds

"; par (var i = 0; i" + results.rows.item (i) .n name +""; } } 

Tad html kodā mums šajā gadījumā jābūt divam ar identifikatoru divmotrar, lai tiktu parādīta tabula ar vaicājuma datiem.

Funkcijas executeSQL iekavas tiek izmantotas parametru nosūtīšanai, šis rekvizīts nav obligāts, jo mums ne vienmēr būs jānosūta parametri uz SQL vaicājumu. Ja mēs vēlamies nosūtīt parametrus uz vaicājumu, piemēram, lai atjauninātu datus no datu bāzes:

 funkcija Atjaunināt (id, nosaukums) {db.transaction (function (tx) {tx.executeSql ("UPDATE Contacts SET name" =? WHERE id =? ", [name, id], errorCDB);}); 

Mēs varam arī piekļūt funkcijām ar notikumiem no html, piemēram, noklikšķinot uz pogas. Apskatīsim piemēru tā, it kā mums būtu Apache Cordova projekta noklusējuma indeksa fails, mēs varam pievienot datu bāzes kodu un html kodu ar pogu Ierakstīt, noklikšķinot uz pogas Ierakstīt, tiks izpildīta funkcija, kas ievietos datus datu bāze.

Iegravēt

Izstrādes priekšrocības, izmantojot WEB SQL datu bāziProgrammētājam vai izstrādātājiem nav jāzina visas platformas, jo tas darbojas jebkurā platformā vai ierīcē. Pārlūkprogrammas, Android, IOS utt., Dažos gadījumos ar minimālām izmaiņām. Tas ietaupa daudz laika, jo pat grafiskie dizaineri vai tīmekļa pārziņi var strādāt, nebūt programmētājiem, pat zināšanas par Jquery, kas tiek izmantotas tīmekļa izstrādei, tiek pilnībā izmantotas Apache Cordova lietojumprogrammu izstrādē.
Izstrādes trūkumi, izmantojot WEB SQL datu bāziWeb Sql datu bāze izmanto Sqlite spraudni kā līdzekli informācijas apstrādei un datu transakcijām ar vietējo platformu, tā izmanto JSON, kas datu kompleksa apstrādei izmanto dažādas funkcijas un parametrus.
Tas ir atšķirīgs projekts no Android, tāpēc tajā ir daudz funkciju no vietējās versijas.Vai jums patika šī apmācība un palīdzējāt tai?Jūs varat apbalvot autoru, nospiežot šo pogu, lai sniegtu viņam pozitīvu punktu