Xây dựng website sử dụng framework

Xây dựng website sử dụng Framework Bài 1: Giới thiệu Laravel framework PHP mã nguồn mở, mạnh mẽ dễ hiểu Nó tuân theo mẫu thiết kế model-view-controller Laravel sử dụng lại thành phần có khung khác để giúp tạo ứng dụng web Do đó, ứng dụng web thiết kế có cấu trúc thực dụng Laravel cung cấp tập hợp chức phong phú kết hợp tính framework PHP CodeIgniter, Yii ngơn ngữ lập trình khác Ruby on Rails Laravel có tính phong phú giúp tăng tốc độ phát triển web Nếu bạn quen thuộc với Core PHP Advanced PHP, Laravel giúp công việc bạn dễ dàng Nó tiết kiệm nhiều thời gian bạn có kế hoạch phát triển trang web từ đầu Hơn nữa, trang web xây dựng Laravel an toàn ngăn chặn số công web  Ưu điểm Laravel Khi bạn thiết kế ứng dụng web dựa Laravel, cung cấp cho bạn lợi sau:  Ứng dụng web trở nên có khả mở rộng hơn, nhờ vào framework Laravel  Tiết kiệm đáng kể thời gian việc thiết kế ứng dụng web, Laravel sử dụng lại thành phần từ framework khác việc phát triển ứng dụng web  Nó bao gồm không gian tên giao diện, hữu ích việc tổ chức quản lý tài nguyên  Composer Composer công cụ bao gồm tất dependencies thư viện Nó cho phép người dùng tạo dự án liên quan đến framework đề cập (ví dụ: dự án sử dụng cài đặt Laravel) Thư viện bên thứ ba cài đặt dễ dàng với trợ giúp composer LUONG VAN HIEU Tất dependencies ghi tệp composer.json đặt thư mục nguồn  Artisan Giao diện dòng lệnh sử dụng Laravel gọi Artisan Nó bao gồm tập hợp lệnh hỗ trợ xây dựng ứng dụng web Các lệnh kết hợp từ framework Symphony  Các tính Laravel Laravel cung cấp tính sau giúp trở thành lựa chọn lý tưởng để thiết kế ứng dụng web:  Tính mơ đun: Laravel cung cấp 20 thư viện mơ-đun tích hợp giúp tăng cường ứng dụng Mỗi mơ-đun tích hợp với trình quản lý phụ thuộc Composer giúp dễ dàng cập nhật  Khả kiểm tra: Laravel bao gồm tính trợ giúp giúp kiểm tra thơng qua trường hợp thử nghiệm khác Tính giúp trì mã theo yêu cầu  Định tuyến (Routing): Laravel cung cấp cách tiếp cận linh hoạt cho người dùng để xác định routes ứng dụng web Định tuyến giúp mở rộng ứng dụng theo cách tốt tăng hiệu suất  Quản lý cấu hình: Một ứng dụng web thiết kế Laravel chạy môi trường khác nhau, điều có nghĩa có thay đổi liên tục cấu hình Laravel cung cấp cách tiếp cận quán để xử lý cấu hình cách hiệu  Trình tạo truy vấn ORM: Laravel kết hợp trình xây dựng truy vấn giúp truy vấn sở liệu phương thức chuỗi đơn giản khác Nó cung cấp ORM (Object Relative Mapper) triển khai ActiveRecord gọi Eloquent  Xây dựng lược đồ (Schema Builder): Schema Builder trì định nghĩa lược đồ sở liệu mã PHP Nó trì theo dõi thay đổi liên quan đến di chuyển sở liệu  Công cụ template: Laravel sử dụng công cụ Blade Template, ngôn ngữ template sử dụng để thiết kế khối bố cục phân cấp với khối xác định trước bao gồm nội dung động  E-mail: Laravel bao gồm lớp mail giúp gửi thư có nội dung phong phú tệp đính kèm từ ứng dụng web LUONG VAN HIEU Xây dựng website sử dụng Framework  Xác thực: Xác thực người dùng tính phổ biến ứng dụng web Laravel giảm bớt việc thiết kế xác thực bao gồm tính đăng ký, quên mật gửi lời nhắc mật  Redis: Laravel sử dụng Redis để kết nối với phiên có đệm cho mục đích chung Redis tương tác với phiên trực tiếp  Hàng đợi: Laravel bao gồm dịch vụ xếp hàng gửi email số lượng lớn công việc Cron định Các hàng đợi giúp hoàn thành nhiệm vụ cách dễ dàng mà chờ đợi nhiệm vụ trước hồn thành  Event Command Bus: Laravel 5.1 bao gồm Command Bus giúp thực thi lệnh gửi kiện cách đơn giản Các lệnh Laravel hoạt động theo vòng đời ứng dụng LUONG VAN HIEU Bài 2: Cài đặt Laravel Để quản lý dependencies, Laravel sử dụng composer Hãy chắn bạn cài đặt composer hệ thống trước cài đặt Laravel Trong này, bạn hướng dẫn trình cài đặt Laravel Bạn phải làm theo bước đưa để cài đặt Laravel vào hệ thống: Bước - Truy cập URL sau tải xuống trình soạn thảo để cài đặt hệ thống https://getcomposer.org/download/ Bước - Sau composer cài đặt, kiểm tra cài đặt cách nhập lệnh composer dấu nhắc lệnh ảnh chụp hình sau Bước - Bây giờ, tập trung vào việc cài đặt framework hoàn chỉnh Giả sử tạo dự án tên test thư mục C:\xampp\htdocs Tại thư mục htdocs, mở command nhập lệnh sau: composer create-project prefer-dist laravel/laravel test Đầu lệnh đây: LUONG VAN HIEU Xây dựng website sử dụng Framework Framework Laravel cài đặt trực tiếp với nhánh phát triển (develop) bao gồm framework Bước - Lệnh cài đặt Laravel thư mục Bắt đầu dịch vụ Laravel cách thực lệnh sau php artisan serve Bước - Sau thực lệnh trên, bạn thấy hình bên dưới: LUONG VAN HIEU Bước - Sao chép URL gạch chân màu xám ảnh chụp hình mở URL trình duyệt Nếu bạn thấy hình sau, có nghĩa Laravel cài đặt thành công LUONG VAN HIEU Xây dựng website sử dụng Framework Bài 3: Cấu trúc ứng dụng Laravel Cấu trúc ứng dụng Laravel cấu trúc thư mục, thư mục tệp có dự án Khi tạo dự án Laravel, có cấu trúc ứng dụng hình Ảnh chụp nhanh hiển thị đề cập đến thư mục gốc Laravel, cụ thể dự án laravel Nó bao gồm thư mục tập tin khác Việc phân tích thư mục tệp, với chức chúng đưa đây: LUONG VAN HIEU App Nó thư mục ứng dụng (application) bao gồm tồn mã nguồn dự án Nó chứa kiện (events), ngoại lệ (exception) khai báo phần mềm trung gian (middleware) Thư mục ứng dụng bao gồm thư mục phụ khác giải thích bên dưới: Console Console chứa tệp Kernel.php định nghĩa câu lệnh artisan Exceptions Thư mục chứa tất phương thức cần thiết để xử lý trường hợp ngoại lệ Nó chứa tập tin handle.php xử lý tất ngoại lệ Http Thư mục http có thư mục cho controllers, middleware Thư mục Middleware bao gồm chế phần mềm trung gian, bao gồm chế lọc giao tiếp response request Thư mục controllers chứa controller project Providers Thư mục bao gồm tất Providers dịch vụ cần thiết để đăng ký kiện cho máy chủ core cấu hình ứng dụng Laravel Bootstrap Thư mục chứa tất tập lệnh bootstrap ứng dụng Nó chứa thư mục cụ thể cache, bao gồm tất tệp liên kết để lưu trữ ứng dụng web Bạn tìm thấy tệp app.php, khởi tạo tập lệnh cần thiết cho bootstrap Config Thư mục config bao gồm cấu hình khác tham số liên quan cần thiết cho hoạt động trơn tru ứng dụng Laravel Các tập tin khác thư mục config hiển thị hình ảnh Các tên file hoạt động theo chức liên quan đến chúng LUONG VAN HIEU Xây dựng website sử dụng Framework Database Như tên cho thấy, thư mục bao gồm tham số khác cho chức sở liệu Nó bao gồm ba thư mục đưa đây:  Seeds - Chứa lớp sử dụng để tạo liệu thêm vào CSDL  Migrations - Thư mục chứa file tạo chỉnh sửa liệu  Factories - Thư mục sử dụng để tạo số lượng lớn ghi liệu Public Đây thư mục gốc giúp khởi tạo ứng dụng Laravel Nó bao gồm tệp thư mục sau:  htaccess - Tập tin cung cấp cấu hình máy chủ  javascript css - Những tệp coi assets sử dụng để chứa file js css  index.php - Tập tin cần thiết để khởi tạo ứng dụng web Resources LUONG VAN HIEU Thư mục Resources chứa tệp giúp cải thiện ứng dụng web Các thư mục có thư mục mục đích chúng giải thích bên dưới:  js - Thư mục file javascript cho ứng dụng  scss - Thư mục chứa file css cho ứng dụng  lang - Thư mục bao gồm cấu hình vị trí địa lý ngôn ngữ  views - Views tệp HTML templates tương tác với người dùng đóng vai trị kiến trúc MVC Quan sát thư mục Resources làm phẳng thay có thư mục assets routes Thư mục routes, chứa tất điều khiển route (đường dẫn) project Chứa file route sẵn có: web.php, channels.php, api.php, console.php api file api.php, điều khiển route ứng dụng, route ứng dụng User (đăng ký, đăng nhập, ) web file web.php, điều khiển route view, route trang top, sản phẩm, Storage LUONG VAN HIEU 10 Bài 23: AJAX Ajax (Asynchronous JavaScript and XML - không đồng JavaScript XML) tập kỹ thuật phát triển web tận dụng nhiều công nghệ web sử dụng phía client để tạo ứng dụng Web không đồng Import thư viện jquery file view bạn để sử dụng hàm ajax jquery, sử dụng để gửi nhận liệu cách sử dụng ajax từ máy chủ Về phía máy chủ, bạn sử dụng hàm response() để gửi phản hồi đến máy khách phản hồi gửi với định dạng JSON, bạn xâu chuỗi hàm response hàm json() Cú pháp hàm json() json(string|array $data = array(), int $status = 200, array $headers = array(), int $options) Ví dụ Bước 1: Tạo file view có tên resources/views/message.php viết mã sau vào file Ví dụ AJAX function getMessage() { $.ajax({ type:'POST', LUONG VAN HIEU 112 Xây dựng website sử dụng Framework url:'/getmsg', data:{"_token": $('#token').val()}, success:function(data) { $("#msg").html(data.msg); } }); } Thông điệp thay sử dụng Ajax Click vào nút để thay thông điệp.