آموزش Spring Boot 3 Thymeleaf REAL-TIME Web Application - Blog App

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

معرفی Introduction

• معرفی دوره - آنچه در این دوره خواهیم ساخت Course Introduction - What We'll Build In This Course

• درک الزامات سطح بالای پروژه Understanding Project High Level Requirements

• کد منبع را دانلود کنید Download Source Code

• دانلود یادداشت های کلاس به صورت PDF Download Class Notes in PDF

معرفی Spring MVC Spring MVC Introduction

• Spring MVC چیست؟ What is Spring MVC?

• DispatcherServlet چیست؟ What is DispatcherServlet?

• اجزای فنری MVC Spring MVC Components

• چگونه Spring MVC در داخل کار می کند How Spring MVC Works Internally

• معماری Spring Boot Web MVC (معماری سه لایه) Spring Boot Web MVC Architecture (Three - Layer Architecture)

اصول Thymeleaf Fundamentals را یاد بگیرید Learn Thymeleaf Fundamentals

• برگ آویشن چیست؟ What is Thymeleaf?

• موتور Thymeleaf چگونه کار می کند؟ How Thymeleaf Engine Work?

• پروژه Spring Boot را ایجاد کنید و Thymeleaf را ادغام کنید Create Spring Boot Project and Integrate Thymeleaf

• پیکربندی خودکار بوت بهار برای Thymeleaf Spring Boot Auto Configuration for Thymeleaf

• نمونه چکمه فنری آویشن Hello World Thymeleaf Spring Boot Hello World Example

• عبارات متغیر Thymeleaf Thymeleaf Variable Expressions

• عبارات انتخاب برگ آویشن Thymeleaf Selection Expressions

• عبارات پیام آویشن Thymeleaf Message Expressions

• عبارات پیوند Thymeleaf (URL). Thymeleaf Link (URL) Expressions

• عبارات تکه برگ آویشن Thymeleaf Fragment Expressions

• صفت برگ آویشن - th:text Thymeleaf Attribute - th:text

• Thymeleaf Looping یا Iteration - th:each Attribute Thymeleaf Looping or Iteration - th:each Attribute

• Thymeleaf Looping or Iteration - th:each متغیر وضعیت ویژگی Thymeleaf Looping or Iteration - th:each Attribute Status Variable

• صفت برگ آویشن - th:if و th: مگر اینکه Thymeleaf Attribute - th:if and th:unless

• ویژگی Thymeleaf - th:switch و th:case Thymeleaf Attribute - th:switch and th:case

• مدیریت فرم در آویشن - بررسی اجمالی Form Handling in Thymeleaf - Overview

• مدیریت فرم در Thymeleaf - ایجاد روش Handler برای بازگشت صفحه ثبت نام Form Handling in Thymeleaf - Create Handler Method to Return Register Page

• مدیریت فرم در Thymeleaf - فرم ثبت نام کاربر طراحی Form Handling in Thymeleaf - Design User Registration Form

• مدیریت فرم در Thymeleaf - نمایش داده های فرم ثبت نام کاربر Form Handling in Thymeleaf - Display User Registration Form Data

ایجاد و راه اندازی پروژه وبلاگ بوت بهار Create and Setup Spring Boot Blog Project

• پروژه Spring Boot را در IntelliJ ایجاد و راه اندازی کنید Create and Setup Spring Boot Project in IntelliJ

• درک وابستگی فنر-چکمه-استارتر- آویشن برگ Understanding spring-boot-starter-thymeleaf Dependency

• پایگاه داده MySQL را در برنامه Spring Boot پیکربندی کنید Configure MySQL Database in Spring Boot App

• ساختار بسته بندی استاندارد ایجاد کنید Create Standard Packaging Structure

• ایجاد پست JPA Entity Create Post JPA Entity

• ایجاد رابط PostRepository Create PostRepository Interface

• PostDto را ایجاد کنید Create PostDto

• PostMapper را ایجاد کنید Create PostMapper

• کد منبع این بخش را دانلود کنید Download Source Code of this Section

پیاده سازی ویژگی لیست پست ها [ADMIN] Implement List Posts Feature [ADMIN]

• پیاده سازی ویژگی پست های لیست - نمای کلی Implement List Posts Feature - Overview

• ایجاد لایه سرویس برای ویژگی لیست پست ها Create Service Layer for List Posts Feature

• ایجاد لایه کنترل کننده برای ویژگی لیست پست ها Create Controller Layer for List Posts Feature

• قالب Thymeleaf را برای نمایش لیست پست ها ایجاد کنید Create Thymeleaf Template to Display List of Posts

• هدر و پاورقی را به صفحه HTML قالب Thymeleaf اضافه کنید Add Header and Footer to Thymeleaf Template HTML Page

• هدر، نوار ناوبری و پاورقی را به‌عنوان بخش‌هایی در نظر بگیرید Include Header, Navbar, and Footer as Fragments

• کد منبع این بخش را دانلود کنید Download Source Code of this Section

پیاده سازی ویژگی ایجاد پست [ADMIN] Implement Create Post Feature [ADMIN]

• اجرای ویژگی ایجاد پست - نمای کلی Implement Create Post Feature - Overview

• ایجاد روش Handler برای رسیدگی به درخواست ایجاد پست Create Handler Method to Handle Create Post Request

• ایجاد مدیریت فرم پست Create Post Form Handling

• ایجاد روش Handler برای ذخیره پست Create Handler Method to Save Post

• افزودن اعتبارسنجی برای ایجاد فرم پست Adding Validation to Create Post Form

• افزودن jQuery CKEditor به فرم پست کریت Adding jQuery CKEditor to Crete Post Form

• کد منبع این بخش را دانلود کنید Download Source Code of this Section

پیاده سازی ویژگی به روز رسانی پست [ADMIN] Implement Update Post Feature [ADMIN]

• اجرای ویژگی به روز رسانی پست -نمای کلی Implement Update Post Feature -Overview

• ایجاد روش Handler برای ویرایش درخواست پست Create Handler Method for Edit Post Request

• قالب Thymeleaf را برای ویرایش پست ایجاد کنید Create Thymeleaf Template for Edit Post

• ایجاد روش Handler برای به روز رسانی داده های پست ویرایش شده Create Handler Method to Update Edited Post Data

• کد منبع این بخش را دانلود کنید Download Source Code of this Section

اجرای ویژگی حذف پست [ADMIN] Implement Delete Post Feature [ADMIN]

• گام به گام ویژگی Delete Post را پیاده سازی کنید Implement Delete Post Feature Step by Step

• کد منبع این بخش را دانلود کنید Download Source Code of this Section

پیاده سازی ویژگی مشاهده پست [ADMIN] Implement View Post Feature [ADMIN]

• اجرای ویژگی مشاهده پست - نمای کلی Implement View Post Feature - Overview

• ایجاد روش Handler برای رسیدگی به درخواست مشاهده پست Create Handler Method to Handle View Post Request

• قالب Thymeleaf را برای مشاهده پست ایجاد کنید Create Thymeleaf Template for View Post

• کد منبع این بخش را دانلود کنید Download Source Code of this Section

پیاده سازی ویژگی جستجوی پست های وبلاگ [ADMIN] Implement Blog Search Posts Feature [ADMIN]

• جستجوی اجمالی ویژگی پست های وبلاگ Search Blog Posts Feature Overview

• پیاده سازی Backend برای جستجوی پست های وبلاگ Implement Backend for Search Blog Posts Feature

• اجرای Frontend for Search ویژگی پست وبلاگ Implement Frontend for Search Blog Post Feature

• به سرعت کد UI را تغییر دهید Quickly Refactor UI Code

• کد منبع این بخش را دانلود کنید Download Source Code of this Section

پیاده سازی سمت مشتری وبلاگ [CLIENT] Blog Client Side Implementation [CLIENT]

• نمایش لیست پست های وبلاگ پیاده سازی باطن Display List of Blog Posts Backend Implementation

• نمایش لیست پست های وبلاگ پیاده سازی Frontend Display List of Blog Posts Frontend Implementation

• مشاهده پیاده سازی پست وبلاگ View Blog Post Implementation

• اجرای ویژگی جستجوی وبلاگ Blog Search Feature Backend Implementation

• اجرای ویژگی جستجوی وبلاگ Blog Search Feature Frontend Implementation

• کد منبع این بخش را دانلود کنید Download Source Code of this Section

مدیریت نظرات وبلاگ [CLIENT] Blog Comments Management [CLIENT]

• مدیریت نظرات وبلاگ - بخش معرفی Blog Comments Management - Section Introduction

• ایجاد دیدگاه JPA Create Comment JPA Entity

• ایجاد CommentRepository Create CommentRepository

• CommentDto را ایجاد کنید Create CommentDto

• CommentMapper را ایجاد کنید Create CommentMapper

• ایجاد مدیریت فرم نظر Create Comment Form Handling

• ایجاد روش Handler برای ذخیره نظر Create Handler Method to Save Comment

• افزودن اعتبارسنجی برای ایجاد فرم نظر Adding Validation to Create Comment Form

• نمایش لیست نظرات برای پست وبلاگ Display List of Comments for Blog Post

مدیریت نظرات سمت مدیر [ADMIN] Admin Side Comments Management [ADMIN]

• ویژگی فهرست نظرات - Backend List Comments Feature - Backend

• لیست نظرات ویژگی - Frontend List Comments Feature - Frontend

• اضافه کردن ویژگی حذف نظر Add Delete Comment Feature

ثبت نام/ثبت نام در برنامه وبلاگ [کاربر مهمان] SignUp/Register to Blog App [GUEST USER]

• ویژگی ثبت نام - معرفی بخش Registration Feature - Section Introduction

• ایجاد شخصیت‌های کاربر و نقش (از تعداد زیادی نقشه‌برداری) Create User and Role Entities (Many to Many Mapping)

• UserRepository و RoleRepository را ایجاد کنید Create UserRepository and RoleRepository

• ایجاد روش Handler برای رسیدگی به درخواست فرم ثبت نام Create Handler Method to Handle Registration Form Request

• رسیدگی به فرم ثبت نام کاربر User Registration Form Handling

• ایجاد روش Handler برای ذخیره داده های ثبت شده کاربر Create Handler Method to Save User Registered Data

• افزودن اعتبارسنجی به فرم ثبت نام کاربر Adding Validation to User Registration Form

• کد منبع این بخش را دانلود کنید Download Source Code of this Section

ویژگی های ورود و خروج با استفاده از Spring Security Login and Logout Features using Spring Security

• ویژگی های ورود و خروج - معرفی بخش Login and Logout Features - Section Introduction

• ویژگی‌های ورود و خروج پیش‌فرض Spring Security و Spring Security را اضافه کنید Add Spring Security and Spring Security’s Default Login and Logout Features

• ایجاد فرم ورود سفارشی Create Custom Login Form

• راه حل برای روش منسوخ شده - csrf() Solution for Deprecated Method - csrf()

• امنیت Spring را پیکربندی کنید Configure Spring Security

• امنیت Spring برای نقش ها را پیکربندی کنید Configure Spring Security for Roles

• پیاده سازی ویژگی خروج Logout Feature Implementation

• اسکریپت SQL برای ایجاد کاربر مدیر SQL Script to Create Admin User

• پیاده سازی احراز هویت پایگاه داده Database Authentication Implementation

• امنیت Spring را برای سمت کلاینت پیکربندی کنید Configure Spring Security for Client Side

• کد منبع این بخش را دانلود کنید Download Source Code of this Section

ارتباط موجودیت پست با نهاد کاربر Post Entity Relationship with User Entity

• بین پست و کاربر رابطه چند به یک تعریف کنید Define Many to One Relationship Between Post and User

• Refactor ایجاد ویژگی پست برای کاربر LoggedIn Refactor Create Post Feature for LoggedIn User

• ویژگی پست Refactor Update برای کاربر LoggedIn Refactor Update Post Feature for LoggedIn User

• Refactor List Posts قابلیت فهرست کردن فقط پست‌های Logged User را دارد Refactor List Posts Feature to List Only LoggedIn User Posts

• ویژگی نظرات لیست سمت مدیر Refactor Refactor Admin Side List Comments Feature

• ویژگی Refactor لیست پست ها و نظرات برای کاربر ADMIN Refactor List Posts and Comments Feature for ADMIN User

• کد منبع این بخش را دانلود کنید Download Source Code of this Section

افزودن صفحات خطای سفارشی Adding Custom Error Pages

• افزودن صفحه خطای سفارشی Adding Custom Error Page

• افزودن صفحات خطای خاص برای کدهای خطای 404403 و 500 Adding Specific Error Pages for 404,403 and 500 Error Codes

• کد منبع این بخش را دانلود کنید Download Source Code of this Section

امتحان: دانش خود را بیازمایید Quiz: Test Your Knowledge

• آزمون تست دانش درباره این دوره - 20 سوال Quiz to Test Knowledge About this Course - 20 Questions