
لینک کوتاه : https://magicfile.ir/?p=2530
دانلود نمونه اسکریپت برنامه نشانک سایت با استفاده از کد جاوا اسکریپت
مقدمه
این یک پروژه کوچک جاوا اسکریپت با عنوان برنامه نشانک سایت است. این یک برنامه وب است که به کاربران نهایی اجازه میدهد تا به راحتی سایتهایی را که میخواستند بوکمارک شوند، ذخیره و بازیابی کنند. با استفاده از 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