ارسال شده توسط oretnom23 در تاریخ دوشنبه 28 مارس 2022 - 16:16.
زبان
- جاوا اسکریپت
![](http://pezhvak24.ir/dl/codester-proj/sites/default/files/styles/large/public/images/oretnom23/js_mbs_main.png?itok=rep87hcY)
معرفی
این یک کد منبع پروژه کوچک سیستم صورتحساب بازار ساده است . با استفاده از جاوا اسکریپت، HTML و CSS نوشته شده است . این نرم افزار یک برنامه مبتنی بر وب است که یک پلت فرم خودکار برای مدیریت صورتحساب های مشتری برای خرید برخی از اقلام محصول ارائه می دهد. این برنامه فقط از حافظه محلی مرورگر استفاده می کند و داده ها با استفاده از JS localStorage مدیریت می شوند . این اپلیکیشن با کمک Bootstrap نسخه 5 Framework (CSS Library) رابط کاربری ساده و دلنشینی دارد. این پروژه ساده همچنین دارای ویژگی ها و قابلیت های کاربر پسند است.
درباره سیستم صورتحساب بازار
من این پروژه را با استفاده از موارد زیر توسعه دادم:
- HTML
- CSS
- جاوا اسکریپت
- بوت استرپ
- LocalStorage
- فونت - عالی
- جی کوئری
این سیستم صورتحساب بازار ساده ، یک نقطه فروش ساده (POS) یا برنامه صندوقداری است که معامله مشتری را با یک فروشگاه یا فروشگاه خاص مدیریت میکند. این نرم افزار کمک می کند تا به راحتی مبلغ قابل پرداخت مشتری را محاسبه و تغییر دهید. این پروژه همچنین دارای یک ویژگی تولید رسید است که به طور خودکار هنگام بررسی تراکنش ایجاد می شود.
در مورد ویژگی های این پروژه صحبت می کنیم، برنامه حاوی یک فرم ساده است که در آن مدیریت یا صندوقدار می توانند اطلاعات محصول را پیدا کرده و با انتخاب آن محصول را به لیست سبد خرید مشتریان اضافه کنند. زمانی که کاربر سیستم محصول جدیدی را به لیست اضافه می کند، مقدار محصول را به روز می کند و محصولی را از لیست حذف می کند، مبلغ کل به طور خودکار محاسبه می شود. پس از تسویه حساب، یک مدال نشان داده می شود که یک فرم پرداخت ساده را نشان می دهد که کل مبلغ قابل پرداخت توسط مشتری را نشان می دهد، فیلد برای وارد کردن مبلغ مناقصه مشتری و تغییر مشتری را نشان می دهد. هنگامی که کاربران یک رقم را در قسمت مبلغ مناقصه وارد می کنند، مقدار تغییر به طور خودکار محاسبه می شود. پس از ارسال فرم پرداخت، سیستم پنجره جدیدی باز می کند که رسید قابل چاپ تولید شده را نشان می دهد.
امکانات
- فرم محصول
- فیلد محصول تکمیل خودکار
- نمایش اطلاعات محصول انتخاب شده
- لیست اقلام محصول مشتری
- به روز رسانی مقدار محصول
- محصول را از لیست حذف کنید
- به طور خودکار مقدار کل را محاسبه می کند
- فرم پرداخت
- به طور خودکار تغییر مشتری را محاسبه می کند
- یک رسید قابل چاپ ایجاد کنید
عکس های فوری پروژه
رابط اصلی
![سیستم صورتحساب بازار ساده](http://pezhvak24.ir/dl/codester-proj/sites/default/files/images/oretnom23/js_mbs_main_0.png)
پرداخت مدال
![سیستم صورتحساب بازار ساده](http://pezhvak24.ir/dl/codester-proj/sites/default/files/images/oretnom23/js_mbs_checkout.png)
رسید تولید شده
![سیستم صورتحساب بازار ساده](http://pezhvak24.ir/dl/codester-proj/sites/default/files/images/oretnom23/js_mbs_receipt.png)
چگونه دویدن؟؟
- فایل زیپ کد منبع ارائه شده را دانلود کنید . ( دکمه دانلود در زیر قرار دارد )
- فایل فشرده کد منبع دانلود شده را در محل مورد نظر خود استخراج کنید .
- فایل index.html را در پوشه کد منبع استخراج شده پیدا کنید .
- با مرور index.html در مرورگر دلخواه خود، سیستم صورتحساب بازار را مرور کنید . یعنی file:///C:/js_project/mbs_js/index.html
ویدئوی نمایشی
خودشه. اکنون می توانید ویژگی ها و عملکردهای این سیستم صورتحساب بازار را در جاوا اسکریپت بررسی کنید . امیدوارم این به شما در آنچه به دنبال آن هستید کمک کند و چیز مفیدی برای پروژه های آینده خود بیابید. اگر در اجرای برنامه با خطا مواجه شدید، نگرانی خود را در بخش نظرات زیر مطرح کنید.
برای کدهای منبع رایگان و آموزش های بیشتر در این وب سایت کاوش کنید .
لذت ببرید 🙂