ساخت برنامه های وب فول استک بوسیله Spring Boot و همچنین Thymeleaf

ایجاد برنامه وب پشته کامل با Boot Spring ، Security Security ، JPA ، Hibernate ، Thymeleaf و Deploy to AWS ، Heroku

عنوان اصلی : Build Real Time Full Stack Web App Spring Boot and Thymeleaf

سرفصل های دوره :

مقدمه:
نمایش سریع برنامه Expense Manager
محیط توسعه را راه اندازی کنید:
جاوا JDK را دانلود و نصب کنید
دانلود و نصب IDE های توسعه
MySQL Server و MySQL Workbench را دانلود و نصب کنید
Git را دانلود و نصب کنید
PostgreSQL را دانلود و نصب کنید
ویژگی 1 - خواندن هزینه ها از پایگاه داده و نمایش آن در جدول HTML:
پروژه بوت Spring را سازماندهی کنید و وابستگی های لازم را اضافه کنید
برای جزئیات هزینه، نهاد DTO و JPA را ایجاد کنید
برای جزئیات هزینه، مخزن JPA ایجاد کنید
برای جزئیات هزینه کلاس سرویس ایجاد کنید
نهاد JPA را به شی DTO نگاشت کنید
از Model Mapper برای نگاشت موجودیت JPA به شی DTO استفاده کنید
الگوی برگ آویشن ایجاد کنید
کنترل کننده هزینه ایجاد کنید
پیکربندی منبع داده
هزینه ها را ایجاد کنید و آن را به thymeleaf منتقل کنید
به داده های مدل در thymeleaf دسترسی پیدا کنید
هزینه ها را از پایگاه داده بخوانید
قالب تاریخ را تغییر دهید
ویژگی 2 - اجرای Heroku برنامه:
کد را به مخزن Github فشار دهید
ایجاد برنامه در داخل Heroku و ارائه پایگاه داده Postgresql
منبع داده را برای پایگاه داده PostgreSQL پیکربندی کنید
نمایه فنری را تنظیم کرده و برنامه را روی Heroku قرار دهید
از ماشین محلی به پایگاه داده PostgreSQL متصل شوید
ویژگی 3 - ذخیره جزئیات هزینه در پایگاه داده:
قالب جدید Thyemeleaf را برای Expense Form ایجاد کنید
یک فرم هزینه ایجاد کنید
شی جاوا را به فرم Expense متصل کنید
مقادیر فرم را به آبجکت جاوا متصل کنید
یک روش سرویس برای ذخیره جزئیات هزینه ایجاد کنید
شناسه هزینه و تاریخ هزینه را تنظیم کنید
جزئیات هزینه را در پایگاه داده ذخیره کنید
کتابخانه jQuery Core را دانلود کنید
کتابخانه jQuery UI را دانلود کنید
jQuery Datepicker را اضافه کنید
آیکون‌های تقویم jQuery را اضافه کنید
تغییرات را در Heroku اعمال کنید
ویژگی 4 - جزئیات هزینه را حذف کنید:
ایجاد پیوند حذف برای همه هزینه ها
یک متد کنترل کننده برای حذف هزینه ایجاد کنید
روش یاب JPA را ایجاد کنید
یک روش سرویس برای حذف هزینه ایجاد کنید
جزئیات هزینه را حذف کنید
تغییرات را در Heroku اعمال کنید
ویژگی 5 - جزئیات هزینه را به روز کنید:
یک پیوند به‌روزرسانی ایجاد کنید
روش سرویس را برای به‌روزرسانی هزینه ایجاد کنید
جزئیات هزینه را به روز کنید
تغییرات را در Heroku اعمال کنید
ویژگی 6 - فیلتر کردن هزینه ها (جستجو و مرتب سازی):
برای فیلتر کردن هزینه ها با نام Textbox ایجاد کنید
کلاس مدل جاوا ایجاد کنید و آن را به فرم Thymeleaf متصل کنید
مقادیر فرم را به شی جاوا متصل کنید
روش یاب JPA را برای فیلتر کردن هزینه ها بر اساس نام ایجاد کنید
روش سرویس را برای هزینه های فیلتر ایجاد کنید
هزینه ها را با نام فیلتر کنید
لیست کشویی برای مرتب سازی هزینه ها ایجاد کنید
هزینه ها را مرتب کنید
کادر متنی را برای تاریخ شروع و تاریخ پایان ایجاد کنید
انتخابگر تاریخ jQuery را به جعبه‌های متنی اضافه کنید
روش JPA Finder را تغییر دهید
روش سرویس را تغییر دهید
متد Controller را تغییر دهید
هزینه ها را بر اساس تاریخ فیلتر کنید
تغییرات را در Heroku اعمال کنید
ویژگی 7 - محاسبه کل هزینه:
یک پیام برای جمع آوری هزینه ها چاپ کنید
مجموع هزینه ها را محاسبه کنید
مجموع هزینه ها را در قالب Thymeleaf به روز کنید
ارز را فرمت کنید
تغییرات را در Heroku اعمال کنید
ویژگی 8 - افزودن اعتبارسنجی سمت سرور به برنامه:
وابستگی اعتبارسنجی Hibernate را اضافه کنید
نام هزینه را تأیید کنید
مبلغ هزینه را تأیید کنید
یک اعتبارسنجی سفارشی ایجاد کنید
تاریخ هزینه را تأیید کنید
تغییرات را در Heroku اعمال کنید
ویژگی 9 - افزودن اعتبارسنجی سمت مشتری به برنامه:
کتابخانه اعتبارسنجی jQuery را به برنامه اضافه کنید
اعتبار سنجی را به نام هزینه اضافه کنید
اعتبارسنجی را به مبلغ و تاریخ هزینه اضافه کنید
اعتبار سفارشی را برای مبلغ هزینه اضافه کنید
تغییرات را در Heroku اعمال کنید
ویژگی 10 - ویژگی ورود:
صفحه ورود ایجاد کنید
ایجاد صفحه ثبت نام
کلاس مدل برای کاربر ایجاد کنید
موجودیت JPA را برای کاربر ایجاد کنید
ایجاد مخزن JPA برای کاربر
ایجاد فرم ثبت نام
شی جاوا را به شی Thymeleaf متصل کنید
مقادیر فرم را به شی جاوا پیوند دهید
روش سرویس را برای ذخیره جزئیات کاربر ایجاد کنید
جزئیات کاربر را در پایگاه داده ذخیره کنید
فرم ورود را ایجاد کنید
تغییرات را در Heroku اعمال کنید
ویژگی 11 - افزودن اعتبارسنجی برای صفحه ثبت نام:
اعتبار سنجی hibernate را به UserDTO اضافه کنید
فرم ثبت نام را اعتبارسنجی کنید
فایل JS سفارشی را برای قالب ثبت ایجاد کنید
اعتبارسنجی جی کوئری را اضافه کنید
اعتبار سنج سفارشی برای ایمیل اضافه کنید
تغییرات را در Heroku اعمال کنید
ویژگی 12 - افزودن اعتبارسنجی برای صفحه ورود:
فایل JS سفارشی برای ورود ایجاد کنید
اعتبارسنجی ها را به فرم ورود اضافه کنید
تغییرات را در Heroku اعمال کنید
ویژگی 13 - عملکرد ورود را کامل کنید:
Spring Security را به برنامه اضافه کنید
امنیت Spring را سفارشی کنید
رمز عبور را رمزگذاری کنید
امنیت Spring را بیشتر سفارشی کنید
روش پرس و جو JPA را برای ایمیل ایجاد کنید
کلاس خدمات سفارشی جزئیات کاربر را ایجاد کنید
کاربر را اعتبارسنجی کنید
پیام اعتبارنامه نامعتبر را چاپ کنید
تغییرات را در Heroku اعمال کنید
ویژگی 14 - عملکرد خروج را کامل کنید:
ایجاد پیوند خروج
عملکرد خروج را اضافه کنید
تغییرات را در Heroku اعمال کنید
ویژگی 15 - @ManyToOne نگاشت بین هزینه و کاربر:
ایجاد نقشه بین User و Expense
کاربر وارد شده را دریافت کنید
کاربر وارد شده را در پایگاه داده ذخیره کنید
نمایش هزینه ها بر اساس کاربر وارد شده
روش یاب هزینه های فیلتر را تغییر دهید
هزینه های سوابق فیلتر شده را محاسبه کنید
تغییرات را در Heroku اعمال کنید
ویژگی 16 - رسیدگی به استثناها:
کنترل استثناء برچسب سفید
استثنای سفارشی برای Expense ایجاد کنید
کلاس استثنای جهانی ایجاد کنید
استثناها را برای Expense مدیریت کنید
کنترل استثنای جهانی
تغییرات را در Heroku اعمال کنید
ویژگی 17 - بهبود برنامه:
ایجاد پیوند برای ثبت نام و ورود
صفحه ورود به سیستم را از کاربر وارد شده محدود کنید
پیام موفقیت را به صفحه پاسخ منتقل کنید
یک پیوند در صفحه خطا ایجاد کنید
متدهای کاربردی را ایجاد کنید
تاریخ شروع و پایان را در فیلترها نمایش دهید
هزینه های ماه جاری را دریافت کنید
استثنا برای تاریخ های آینده را مدیریت کنید
تغییرات را در Heroku اعمال کنید
ویژگی 18 - افزودن CSS به برنامه:
دانلود Bootstrap 5
فایل پایه CSS را ایجاد کنید
فایل CSS سفارشی برای ورود ایجاد کنید
صفحه ورود را سبک کنید
رنگ پیام اعتبار سنجی را تغییر دهید
به صفحه ثبت نام استایل دهید
فایل CSS سفارشی برای فرم Expense ایجاد کنید
افزودن سبک برای فرم هزینه 1
استایل ها را به فرم هزینه 2 اضافه کنید
استایل ها را به فرم هزینه 3 اضافه کنید
فایل CSS سفارشی برای لیست هزینه ها ایجاد کنید
افزودن سبک ها به لیست هزینه ها 1
استایل ها را به لیست هزینه ها اضافه کنید
پاورقی را به برنامه اضافه کنید
به پیام های Exception سبک اضافه کنید
تغییرات را در Heroku اعمال کنید
مبانی چکمه و برگ آویشن بهاره:
داده ها را با استفاده از Query Params از Thymeleaf به Controller منتقل کنید
روی آرایه در Thymeleaf حلقه بزنید
روی فهرست حلقه بزنید
مقدار جعبه متن را به Controller ارسال کنید
مقادیر فرم Thymeleaf را به شی جاوا متصل کنید
قبلی در Thymeleaf
مقادیر کشویی را از مدل جاوا بخوانید
دکمه رادیویی در Thymeleaf
مقادیر دکمه رادیویی را از مدل جاوا بخوانید
مقادیر چک باکس را از مدل جاوا بخوانید