به عنوان بخشی از سفر من در توسعه وب ، من اخیراً ساخت یک سیستم مدیریت مدیر بانک را به پایان رسانده ام. این برنامه وب مبتنی بر زاویه ای برای کارکنان بانک داخلی برای مدیریت کارآیی کاربران ، معاملات و مدیریت وام به طور کارآمد طراحی شده است. در این پست ، شما را از طریق ویژگی ها ، پشته های فناوری و نحوه نزدیک شدن به توسعه این برنامه قدم می زنم.
project بررسی اجمالی پروژه
سیستم مدیریت مدیریت بانک ابزاری جامع است که برای کمک به کارکنان بانک در مدیریت حساب کاربری ، انجام معاملات و نظارت بر پردازش وام کمک می کند. این برنامه دارای یک باطن مسخره است که توسط سرور JSON ساخته شده است و به کارکنان این امکان را می دهد تا کارهای اداری مختلفی مانند:
ایجاد و مدیریت حساب های کاربری.
پردازش سپرده ها ، برداشت ها و پرداخت های EMI.
مشاهده تاریخچه معاملات.
مدیریت انواع وام و تصویب وام ها بر اساس نمرات CBIL کاربران.
این پروژه با استفاده از Angular ساخته شده است ، و من از ویژگی های قدرتمند Angular مانند فرم ها ، خدمات و مسیریابی استفاده کردم تا برنامه کاملاً کاربردی باشد.
🧩 ویژگی های سیستم مدیریت مدیریت بانک
- مدیریت حساب کاربری ایجاد حساب های کاربری جدید: Admins می تواند فرم ایجاد حساب های جدید کاربر را پر کند و تعداد حساب های منحصر به فرد را برای هر یک تولید کند.
مشاهده و جستجو کاربران: Admins می توانند کاربران را بر اساس شماره حساب جستجو کنند ، مانده حساب را مشاهده کرده و جزئیات کاربر را مدیریت کنند.
- واریز و برداشت مدیریت معامله: سرپرستان می توانند با استفاده از شماره حساب خود ، وجوه را از حساب کاربری واریز یا برداشت کنند.
معاملات ردیابی: هر معامله (واریز ، برداشت ، پرداخت EMI) با شناسه های معامله وارد می شود ، که می تواند با استفاده از نوع یا تاریخ فیلتر شود.
- تصویب وام مدیریت وام: بر اساس نمرات CBIL کاربران ، سرپرست ها می توانند وام ها را تصویب کنند ، مبلغ وام را اختصاص داده و ساختارهای EMI را تعیین کنند.
پرداخت های EMI: سرپرستان می توانند پرداخت های EMI را ردیابی و پردازش کنند ، آنها را به عنوان پرداخت شده و پیگیری پرداخت های باقی مانده را نشان دهند.
مشاهده همه وام های تأیید شده: سرپرستان می توانند تمام وام های تأیید شده و وضعیت آنها را مشاهده کنند.
- انواع وام تحت کنترل مدیر انواع وام اضافه/ویرایش: سرپرستان می توانند انواع وام جدید را تعریف کنند ، نرخ بهره ، حداکثر مبلغ وام و مدت بازپرداخت را مشخص کنند.
مدیریت انواع وام موجود: برنامه به Admins اجازه می دهد تا در صورت لزوم انواع وام را ویرایش یا حذف کنند.
پشته فنی
Frontend: Angular
Backend: سرور JSON (Mock API)
ابزارهای دیگر: اشکال زاویه ای ، خدمات زاویه ای ، روتر
🛠 چگونه من آن را ساختم
-
زاویه ای برای جلو
من به دلیل ویژگی های قدرتمند آن ، به ویژه اشکال واکنشی برای ورود به ورودی و خدمات برای تعامل با Backend Mock (سرور JSON) ، Angular را برای جبهه انتخاب کردم. برنامه با استفاده از Angular CLI ساخته شده است که ساختار کاملی برای پروژه فراهم می کند. -
سرور JSON برای Backend Mock
من از سرور JSON به عنوان پس زمینه برای شبیه سازی یک API واقعی استفاده کردم. این به من این امکان را می دهد تا بدون نیاز به تنظیم یک پس زمینه واقعی ، به سرعت نمونه اولیه و اجرای عملیات CRUD را انجام دهم. داده های مسخره در یک فایل db.json ذخیره می شوند و سرور JSON برای شبیه سازی تعامل پایگاه داده این پرونده را تماشا می کند. -
UI / X
برای رابط کاربری ، من کارها را ساده و تمیز نگه داشتم. سرپرستان با فرم ها ، جداول و دکمه هایی که به راحتی حرکت می کنند در تعامل هستند. من اطمینان دادم که برنامه با برچسب های واضح و پیام های بازخورد بصری است.
thoughts افکار نهایی
این پروژه راهی عالی برای تقویت درک من از API های زاویه ای ، مسخره و ساخت داشبورد اداری بود. این تجربه را با خدمات زاویه ای و مسیریابی به من داد ، ضمن اینکه من را برای نمونه سازی سریع به سرور JSON معرفی کرد.
اگرچه این برنامه برای استفاده داخلی طراحی شده است ، اصول و ویژگی ها را می توان به راحتی برای سیستم های بانکی در دنیای واقعی یا داشبورد سرپرست گسترش داد. من مشتاقانه منتظر بهبود سیستم با ویژگی های بیشتر و UI/UX بهتر در به روزرسانی های آینده هستم.
برای بررسی کد موجود در GitHub احساس راحتی کنید. افکار خود را یا هرگونه پیشرفتی که می توانم انجام دهم به من اطلاع دهید!
پیوند: https://github.com/vivek1384/
