باران فایل

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

مقدمه

این یک برنامه وب ساده با عنوان ذخیره سازی چندگانهاست. این برنامه با استفاده از 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

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