فایل یک

دانلود نمونه اسکریپت برنامه نشانک سایتبا استفاده از کد جاوا اسکریپت

مقدمه

این یک پروژه کوچک جاوا اسکریپت باعنوان برنامه نشانک سایت است. این یک برنامه وب است که به کاربران نهایی اجازه می‌دهد تا به راحتی سایت‌هایی را که می‌خواستند بوکمارک شوند، ذخیره و بازیابی کنند. با استفاده از JavaScript، jQuery Library و JS Local Storage API توسعه یافته است. این یک رابط کاربری ساده و دلپذیر با استفاده از Bootstrap v5 Frameworkدارد. همچنین از ویژگی ها و قابلیت های کاربر پسند تشکیل شده است.

برنامه نشانک سایتچگونه کار می کند؟

برنامه نشانک سایتنیازی به ورود کاربر نهایی یا ثبت نام در برنامه ندارد. این برنامه از Local Storage APIدر جاوا اسکریپت به عنوان پایگاه داده استفاده می کند که به این معنی است که داده ها فقط در مرورگر کاربر ذخیره می شوند. کاربران می توانند نشانک های سایت فروشگاهی خود را بر اساس پوشه سازماندهی کنند. برنامه می تواند پوشه های تو در تو را مدیریت کند. هم پوشه ها و هم سایت های نشانک شده شامل عملیات CRUD(ایجاد، خواندن، به روز رسانی و حذف) هستند. افزودن و ویرایش فرم‌ها برای پوشه‌ها و نشانک‌ها با استفاده از Bootstrap Modalنمایش داده می‌شوند . همچنین شامل یک ویژگی تایید حذف برای جلوگیری از حذف تصادفی داده ها می شود.

فن آوری ها

در اینجا لیستی از فناوری های مورد استفاده برای توسعه برنامه نشانک سایت آمده است :

• HTML
• CSS
• جاوا اسکریپت
• JS LocalStorage API
• چارچوب بوت استرپ
• کتابخانه جی کوئری
• آیکون های شگفت انگیز

ویژگی ها و عملکردها

در اینجا لیستی از ویژگیها و عملکردهایبرنامه نشانک سایتآمده است :

• مدیریت پوشه
  • افزودن پوشه جدید
  • ویرایش پوشه
  • پوشه ها و نشانک های کودک پوشه را فهرست کنید
  • حذف پوشه (با تایید)
• مدیریت نشانک های سایت
  • اضافه کردن نشانک جدید
  • ویرایش نشانک
  • فهرست نشانک ها
  • حذف نشانک (با تایید)
• پوشه چند بعدی را کنترل می کند

نحوه اجرا

• XAMPPیا سایر نرم افزارهای مشابه را دانلودو نصب کنید .
• کنترل پنل XAMPP را بازکنید و سرور آپاچیرا راه اندازی کنید.
• فایل فشردهارائه شده را دانلودکنید . (دکمه دانلود در زیر این مقاله قرار دارد)
• مرورگر دلخواه خود را که می تواند جاوا اسکریپتمانند Chrome را اجرا کند بازکنید .
• برنامه نشانک سایت را مرورکنید . یعنی http://localhost/js_site_bookmark