1 / 22

به نام خدا

به نام خدا. ارائه دهنده: علیرضا اخوان پور استاد راهنما: جناب آقای مهندس آقاسی دانشگاه شهید رجایی دی ماه 91. Web SQL Databases آزمایشگاه پایگاه داده‌ها. www. A lireza W eb.com. www.w3schools.com/html5. Local Storage.

hollie
Download Presentation

به نام خدا

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. به نام خدا

  2. ارائه دهنده: علیرضا اخوان پور استاد راهنما: جناب آقای مهندس آقاسی دانشگاه شهید رجاییدی ماه 91 Web SQL Databasesآزمایشگاه پایگاه داده‌ها www.AlirezaWeb.com

  3. www.w3schools.com/html5 Local Storage

  4. مفهوم client side storage به امکان ذخیره سازی داده ها سمت کاربر یا کلاینت باز می گردد. client side storage به شکل های مختلفی صورت می گیرد. • Web storage • Cookies • IE User Data • Offline Web Applications • Web Databases • Filesystem API ذخیره سازی محلی localstorage

  5. 1991 HTML • 1994 HTML 2 • 1996 CSS 1 + JavaScript • 1997 HTML 4 • 1998 CSS 2 • 2000 XHTML 1 • 2002Tableless Web Design • 2005AJAX • 2009HTML 5 Web History…

  6. Web storage به عنوان قسمتی از html5 شناخته می شود و توسط تقریبا همه ی مرورگرها پشتیبانی می شود حتی )IE8شامل مرورگرهای قدیمی نمی شود.) Web storage

  7. Web storage به راحتی قابل استفاده است و برای داده های بزرگ(نه عظیم) مناسب است و به دو بخش LocalStorageو SessionStorageتقسیم می شود. استفاده از آن شبیه به کار با Objectهای جاوااسکریپت است. Web storage مانند یک آرایه ی پایدار مقداری رشته ای را به متغیر در نظر گرفته برایش اختصاص می دهد. localStorage.setItem(‘name',’ali’); varname = localStorage.getItem('name'); Web storage

  8. مکانیزم ذخیره سازی قدیمی برای استفاده سمت سروری است. کوکی ها برای ذخیره سازی داده های کوچک مناسب هستند. حجم آن ها بسیار محدود است و توسط همه ی مرورگرها پشتیبانی می شوند. داده های ذخیره شده در کوکی با هر درخواست HTTP به سرور ارسال می شوند. cookies

  9. مایکروسافت به صورت اختصاصی یک مکانیزم ذخیره سازی سمت کاربر مخصوص خودش را دارد که User Data نام دارد و این مکانیزم از زمان IE5 موجود است! • User Data برای ذخیره سازی داده های متوسط(نه بزرگ و نه کوچک) مناسب است و توصیه می شود. IE User Data

  10. Offline Web Applications توسط html5 برای catch کردن داده های صفحات وب تعریف شده است. اگر بخواهیم مقایسه ای داشته باشیم localstorageو sessionstorageداده هایی را برای web applicationها ذخیره می کنند. ولی با استفاده از Offline Web Applications امکان ذخیره سازی web applicationها فراهم می شود.(صفحات وب و محتوایشان) • اسکریپت ها، cssها، تصاویر و ... در این صورت این امکان برای وب اپلیکیشن ها وجود دارد تا در دسترس باشند حتی زمانی که هیچ ارتباط اینترنتی وجود نداشته باشد. Offline Web Applications

  11. APIی برای ایجاد یک فایل سیستم محلی برای خواندن فایل ها از filesystemو یا بالعکس، ایجاد directory، لیست کردن دایرکتوری و ... • مثال(فقط در Chrome9 به بعد) • این قابلیت فوق العاده تنها توسط Google Chrome پشتیبانی می شود. آن هم نسخه ی 9 به بعد. File System API

  12. برای ذخیره سازی داده های سنگین نیاز به استفاده از چیزی شبیه به دیتابیس سمت کلاینت هستیم!!!!! • Safari، Chrome و Opera از SQL Databases پشتیبانی می کنند ولی ظاهرا تلاش ها برای استاندارد سازی API ی برای این کار ناکام مانده است. APIی تحت عنوان Indexed Database API در حال استاندارد سازی است ولی این API یک آبجکت دیتابیسی ساده و بدون هیچ کوئری ای است. • با استفاده از web sql databases می توانیم سمت کلاینت کوئری بزنیم. دیتابیسی سمت کلاینت که با رفرش بستن صفحه از بین نمی رود و تنها را حذف آن استفاده از تنظیمات مرورگر است. Web Databases

  13. Web Databases

  14. Web Databases

  15. Web Databases

  16. Open file with chrome… Web SQL Example

  17. Web SQL Example:CreateTable

  18. Web SQL Example:Insert

  19. Web SQL Example:Update

  20. Web SQL Example:Delete

  21. Web SQL Example:Drop

  22. اسلاید آموزشی به همراه توضیحات تایپ شده www.AlirezaWeb.com • آموزش www.w3schools.com/html5 slides.html5rocks.com • وضعیت پشتیبانی در مرورگرها caniuse.com/#feat=sql-storage !More information

More Related