Please enable JavaScript.
Coggle requires JavaScript to display documents.
Laravel Learning Roadmap, Workflow Laravel và Vue.js - Từ request đến…
Laravel Learning Roadmap
├── 1. Cài đặt & Cấu trúc Laravel
│ ├── Cài đặt Laravel bằng Composer
│ ├── Cấu trúc thư mục
│ ├── Routing cơ bản
│
├── 2. Controller & Middleware
│ ├── Tạo Controller
│ ├── Middleware & bảo vệ Route
│
├── 3. Database & Eloquent ORM
│ ├── Cấu hình database trong .env
│ ├── Migration: tạo và cập nhật bảng
│ ├── CRUD với Eloquent ORM
│ ├── Quan hệ giữa các model
│
├── 4. Blade Template & Request Handling
│ ├── Blade Template cơ bản
│ ├── Form handling & validation
│ ├── Upload file
│
├── 5. API & Authentication
│ ├── Tạo API Controller
│ ├── Laravel Sanctum/JWT Authentication
│ ├── Trả JSON response
│
├── 6. Advanced Features
│ ├── Queue & Jobs
│ ├── Event & Listener
│ ├── Cache & Performance Optimization
│
└── 7. Deployment
├── Deploy lên VPS
├── Docker & Laravel Forge
Workflow Laravel và Vue.js - Từ request đến render
step 1,User Truy Cập URL,Laravel Route web.php,step,Request đầu tiên tới Laravel
step 2,Laravel Route web.php,app.blade.php,step,Laravel trả HTML shell (Vue mount point)
step 3,app.blade.php,Vue App Khởi Tạo (main.js),step,Load Vue từ app.js
step 4,Vue App Khởi Tạo (main.js),Vue Router Xử Lý Route,step,Vue kiểm tra route URL hiện tại
step 5,Vue Router Xử Lý Route,Load Component,step,Render component tương ứng
step 6,Load Component,Call API bằng Axios,step,Nếu cần data → gọi API
step 7,Call API bằng Axios,Laravel Route api.php,step,Route API xử lý request
step 8,Laravel Route api.php,Controller xử lý logic,step,Xử lý nghiệp vụ, lấy dữ liệu
step 9,Controller xử lý logic,Trả JSON Response,step,Trả dữ liệu về Vue
step 10,Trả JSON Response,Vue Render Dữ Liệu,step,Cập nhật state hoặc hiển thị