Mavzu: Ma’lumotlar veb ilovaga qanday saqlanadi Reja: html veb-xotirasi

Mavzu: Ma’lumotlar veb ilovaga qanday saqlanadi

Reja:

1. 
   HTML veb-xotirasi
   
2. 
   HTML veb-saqlash ob'ektlari
   
3. 
   LocalStorage obyekti
   
4. 
   SessionStorage obyekti
   
5. 
   Xulosa
   
6. 
   Manbalar
   

HTML veb-xotirasi nima?

Veb-ombor yordamida veb-ilovalar ma'lumotlarni foydalanuvchi brauzerida lokal ravishda saqlashlari mumkin.

HTML5 dan oldin dastur ma'lumotlari har bir server so'roviga kiritilgan cookie-fayllarda saqlanishi kerak edi. Veb-ombor yanada xavfsizroq va katta hajmdagi ma'lumotlar veb-sayt ishiga ta'sir qilmasdan lokal ravishda saqlanishi mumkin.

Cookie fayllaridan farqli o'laroq, saqlash chegarasi ancha katta (kamida 5MB) va ma'lumot hech qachon serverga o'tkazilmaydi.

Veb-ombor har bir kelib chiqishi (domen va protokol uchun). Bitta kelib chiqishi bo'lgan barcha sahifalar bir xil ma'lumotlarni saqlashi va ularga kirishlari mumkin.

Brauzerni qo'llab-quvvatlashi:

Jadvaldagi raqamlar Web Storage-ni to'liq qo'llab-quvvatlaydigan birinchi brauzer versiyasini ko'rsatilgan.

HTML veb-saqlash ob'ektlari

HTML veb-ombori mijozda ma'lumotlarni saqlash uchun ikkita ob'ektni ta'minlaydi:

• 
  window.localStorage - ma'lumotlarning amal qilish muddati tugamagan holda saqlaydi
  
• 
  windows.sessionStorage - bitta seans uchun ma'lumotlarni saqlaydi (brauzer yopilganda ma'lumotlar yo'qoladi)
  

Veb-xotiradan foydalanishdan oldin, localStorage va sessionStorage uchun brauzer yordamini tekshiring:

if (typeof(Storage) !== "undefined") {

  // LocalStorage / sessionStorage uchun kod.
} else {
  // Kechirasiz! web-xotira qo'llab-quvvatlanmadi.
}

LocalStorage obyekti

LocalStorage obyekti ma'lumotlarni saqlash muddati tugamagan holda saqlaydi. Brauzer yopilganda ma'lumotlar o'chirilmaydi va keyingi kun, hafta yoki yil davomida mavjud bo'ladi.

Misol:

// Saqlash

localStorage.setItem("lastname", "Smith");

// Qaytarib olish
document.getElementById("result").innerHTML = localStorage.getItem("lastname");

Misol tushuntiriladi:

Name = "familiya" va qiymat = "Smith" bilan localStorage nomi / qiymat juftligini yarating.

"lastname" qiymatini oling va id = "result" bilan elementga kiriting.

Yuqoridagi misolni quyidagicha yozish ham mumkin:

// Saqlash

localStorage.lastname = "Smith";
// Qaytarib olish
document.getElementById("result").innerHTML = localStorage.lastname;

"Lastname" localStorage elementini olib tashlash uchun sintaksis quyidagicha:

localStorage.removeItem("lastname");

Izoh: Ism / qiymat juftliklari har doim satrlar sifatida saqlanadi. Agar kerak bo'lsa, ularni boshqa formatga o'tkazishni unutmang!

Quyidagi misolda foydalanuvchi tugmani necha marta bosganligi hisobga olinadi. Ushbu kodda hisoblagichni ko'paytirish uchun qiymat satri raqamga o'zgartiriladi:

if (localStorage.clickcount) {

  localStorage.clickcount = Number(localStorage.clickcount) + 1;
} else {
  localStorage.clickcount = 1;
}
document.getElementById("result").innerHTML = "You have clicked the button " +
localStorage.clickcount + " time(s).";

SessionStorage obyekti

SessionStorage obyekti faqat bitta seans uchun ma'lumotlarni saqlaganidan tashqari, LocalStorage obyektiga tengdir. Foydalanuvchi ma'lum bir brauzer yorlig'ini yopganda ma'lumotlar o'chiriladi.

Quyidagi misol joriy seansda foydalanuvchi tugmachasini necha marta bosganligini hisoblaydi:

if (sessionStorage.clickcount) {

  sessionStorage.clickcount = Number(sessionStorage.clickcount) + 1;
} else {
  sessionStorage.clickcount = 1;
}
document.getElementById("result").innerHTML = "You have clicked the button " +
sessionStorage.clickcount + " time(s) in this session.";

Xulosa: Ushbu mustaqil ishimni bajarish davomida berilgan manbalardan yetarlicha ingliz tilida ma’lumotlarni topdim, o’ranib chiqdim va MS Word dasturida taqdimot tayyorladim. Shuningdek xulosa o’rnida quyidagi solishtirishlarni keltirish mumkin:

Imkoniyatlari:

Cookie fayllari: Cookie fayllari faqat bitta domen uchun maksimal 4kb hajmda saqlashga imkon beradi.

Sessoin Storage: Ushbu saqlash opsiyasi uchun ma'lumot saqlash chegarasi 5mb.

Mahalliy saqlash: Brauzerdagi mahalliy saqlash, taxminan 10 mb ma'lumotlarni saqlashga imkon beradi va bu uchta imkoniyatdan eng katta ruxsat berilgan ma'lumotlar ombori.

Kirish imkoniyati

Cookie fayllari: Cookie fayllariga brauzerda ochilgan har qanday oynada kirish mumkin.

Seansni saqlash: Seansni saqlash uchun faqat brauzerda ochilgan tabda kirish mumkin.

Mahalliy saqlash: Mahalliy saqlashga brauzerda ochilgan har qanday oynadan kirish mumkin.

Muddati:

Cookie fayllari: Cookie-fayllar sifatida saqlanadigan ma'lumotlarning yaroqlilik muddati noavtomatik o'rnatiladi (agar muddati tugamagan bo'lsa, cookie-fayl brauzer o'rnatilgan vaqtgacha davom etadi).

Seansni saqlash: Sessiya oynasidagi ma'lumotlar u o'rnatilgan deraza (tab) yopilgandan so'ng tugaydi / yo'qoladi.

Mahalliy saqlash: Mahalliy ombordagi ma'lumotlar brauzer o'rnatilguncha saqlanib qoladi. Mahalliy xotirada saqlangan ma'lumotni qo'lda tozalashingiz kerak (bu uchun yoki Javascript-ni brauzer ishlab chiqaruvchisi vositalaridan foydalanishingiz mumkin).

Manbalar:

1. 
   https://www.w3schools.com/html/html5_webstorage.asp
   

2. 
   https://www.codementor.io/@azeezolaniran2016/web-applications-common-data-storage-options-a0szdbqyc
   

США