اسکریپت نوشتن یادداشت با جاوا اسکریپت با توابع عملیاتی CRUD

دانلود اسکریپت نوشتن یادداشت با جاوا اسکریپت با توابع عملیاتی CRUD

امروز در این پست برای شما کاربران عزیز وبسایت فایل سحرآمیز یک نمونه اسکریپت نوشتن یادداشت با جاوا اسکریپت با توابع عملیاتی CRUD را آماده دانلود قرار داده ایم.

معرفی

این یک پروژه برنامه وب Keeping Notes در جاوا اسکریپت است. این برنامه وب پروژه کوچک، یادداشت‌های کاربر را مدیریت می‌کند. و دارای توابع عملیاتی CRUD (ایجاد، خواندن، به‌روزرسانی و حذف) است. با این پروژه کوچک، می توانید یاد بگیرید که چگونه یک پروژه جاوا اسکریپت ساده ایجاد کنید که از فضای ذخیره سازی محلی مرورگر وب استفاده می کند. کد منبع ممکن است برای پروژه برنامه وب آینده شما مفید باشد.

درباره اسکریپت یادداشت بیشتر بدانید

این برنامه تحت وب با استفاده از HTML، CSS، جاوا اسکریپت، جی کوئری، حافظه محلی مرورگر وب، بوت استرپ و فونت عالی نوشته شده است. کاربر می تواند مستقیماً عنوان و محتوای یادداشت خود را برای ایجاد یادداشت جدید وارد کند و دکمه ذخیره/ارسال و بستن/بازنشانی فرم در سربرگ فرم یا کارت بوت استرپ نشان داده می شود. یادداشت‌های ایجاد شده در سمت راست پنجره/پانل فهرست شده‌اند و هر یک از این یادداشت‌ها فقط محتوای یادداشت محدودی را نمایش می‌دهند. محتوای یادداشت در پانل لیست حداکثر دارای 3 خط برای نمایش است و برای خواندن همه، به روز رسانی و حذف محتوای یادداشت، می توانید به سادگی روی کارت یادداشت کلیک کنید و جزئیات به طور خودکار در فرم یادداشت پر می شود. این پروژه شامل حذف تایید و ویژگی های جستجو است. تایید حذف به جلوگیری از حذف تصادفی داده ها کمک می کند. کادر جستجو کارت‌های یادداشتی را که فقط حاوی کلمه کلیدی ورودی جستجو هستند، محدود می‌کند/تغییر می‌دهد. این مینی پروژه دارای رابط کاربری تاریک و عملکردهای کاربر پسند است.

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

امکانات

• یادداشت جدیدی برای Keep ایجاد کنید
• فهرست همه یادداشت های ایجاد شده
• جستجوی یادداشت در لیست
• مشاهده/به‌روزرسانی جزئیات یادداشت
• حذف یادداشت ها
• حذف تاییدیه اقدام
• و بیشتر
• عکس های فوری سیستم
• نمای کل صفحه
• فرم یادداشت
• یادداشت های جستجو شده نمای/سمت
• حذف تاییدیه

نحوه اجرا

1. فایل زیپ کد منبع ارائه شده را دانلود کنید.
2. فایل فشرده کد منبع دانلود شده را استخراج کنید.
3. فایل فهرست پروژه را در پوشه کد منبع استخراج شده پیدا کنید. این فایل با نام index.html شناخته می شود.
4. فایل فهرست را با مرورگر مورد علاقه خود باز کنید یا با استفاده از محل فایل فهرست، برنامه وب Keeping Notes را در مرورگر مرور کنید. یعنی C:/keep_notes/index.html.
   

اکنون می توانید ویژگی ها و عملکردهای این برنامه وب Keeping Notes را بررسی کنید. امیدوارم این پروژه به شما در آنچه به دنبال آن هستید کمک کند و چیز مفیدی برای پروژه های آینده خود بیابید.