نمونه فرم ذخیره سازی چندگانه در جاوا اسکریپت

نمونه فرم ذخیره سازی چندگانه در جاوا اسکریپت

مقدمه

این یک برنامه وب ساده با عنوان ذخیره سازی چندگانه است. این برنامه با استفاده از HTML ، CSS و جاوا اسکریپت توسعه یافته است. هدف اصلی این توسعه برنامه کاربردی ساده این است که به دانش‌آموزان IT/CS یا برنامه‌نویسان جدید خودآموز برای آگاهی از نحوه ذخیره، بازیابی و مدیریت داده‌ها در مرورگر با استفاده از localStorage ، SessionStorage و کوکی‌ها ، کمک کند. برنامه شامل عملیات CRUD (ایجاد، خواندن، به روز رسانی و حذف) است.

نمونه از تصویردر زمان اجرا

LocalStorage چیست؟

LocalStorage یک ذخیره‌سازی وب است که به نام DOM Storage نیز شناخته می‌شود و برای ذخیره داده‌های سمت سرویس گیرنده استفاده می‌شود. این ویژگی پنجره است که به شما امکان ذخیره داده ها را می دهد. انقضا ندارد. داده های کلید-مقدار را در مرورگر وب خود ذخیره کنید.

SessionStorage چیست؟

LocalStorage یک فضای ذخیره سازی وب است که شبیه به localStorage است. تفاوت بین localStorage و sessionStorage در این است که localStorage منقضی نمی شود در حالی که sessionStorage منقضی می شود و با پایان جلسه صفحه پاک می شود. این ذخیره سازی همچنین یکی از جایگزین های کوکی های وب است.

کوکی های وب/HTTP چیست؟

کوکی‌های HTTP/کوکی‌های وب نیز یکی از ذخیره‌سازی‌های وب است که برای ذخیره بلوک‌های کوچک داده استفاده می‌شود. کوکی ها معمولاً برای ذخیره جزئیات ورود و تعداد بازدیدکنندگان سایت استفاده می شوند. این همچنین می تواند برای ذخیره داده ها برای استفاده های بعدی استفاده شود.

این فرم ذخیره‌سازی چندگانه داده‌ها را در چند نوع ذخیره‌سازی که در بالا ذکر شد ذخیره می‌کند. این به کاربران اجازه می دهد تا اطلاعات اولیه دانش آموز را در مرورگر ذخیره کنند. برنامه تمام داده ها را در پانل سمت راست یا سمت صفحه نمایش می دهد. کاربران مجاز به به روز رسانی مشخصات دانش آموزان و همچنین حذف آنها هستند.

امکانات

• فرم مشخصات دانش آموز
• دانش آموز جدید اضافه کنید
• Lisplay تمام جزئیات دانش آموز
• ویرایش اطلاعات دانش آموز
• حذف مشخصات دانش آموز

نحوه راه اندازی

1. فایل فشرده ارائه شده را دانلود کنید . (دکمه دانلود در زیر این مقاله قرار دارد)
2. وب سرور محلی مانند XAMPP/WAMP را دانلود و نصب کنید
3. اگر از XAMPP/WAMP استفاده می کنید، کنترل پنل XAMPP/WAMP را باز کنید و سرور آپاچی را ستاره دار کنید .
4. فایل فشرده کد منبع را استخراج کنید .
5. پوشه کد منبع را کپی کنید . اگر از XAMPP استفاده می کنید ، پوشه را در پوشه htdocs XAMPP قرار دهید . اگر از WAMPP استفاده می کنید ، آن را در دایرکتوری www قرار دهید.
6. آدرس مورد نظر را اجرا نمایید . یعنی http://localhost/js_sdf یا http://127.0.0.1/js_sdf

برای شما کاربر عزیز پیشنهاد دانلود داده می شود