Nền tảng Kiến thức - Hành trang tới Tương lai
Card image

Chương trình học


  1. Bức tranh Tổng thể về Lập trình WEB
  2. Giới thiệu, cài đặt, cấu hình môi trường lập trình 9
    1. Cài đặt web server XAMPP
    2. Cài đặt công cụ truy vấn database HeidiSQL
    3. Cài đặt Composer để quản lý các gói thư viện trong PHP
    4. Cài đặt trình soạn thảo code Visual Studio Code IDE
    5. Tạo tên miền ảo trên máy cục bộ (virtual host on localhost) bằng XAMPP
    6. Cài đặt nền tảng quản lý Source Code sử dụng GIT
    7. Cài đặt công cụ quản lý Source Code TortoiseGit
    8. Cài đặt chế độ Debug PHP với Visual Studio Code
    9. Tạo chứng chỉ SSL trên Localhost
  3. Tập làm quen với quản lý source code bằng GitHub 3
    1. GitHub là gì?
    2. Tạo tài khoản, tạo kho dữ liệu (repository), clone source, commit/push và pull source với GitHub
    3. Cách đóng gói phiên bản (Alpha, Beta, Release) bằng Tag trong GitHub
  4. Cài đặt framework Laravel 1
    1. Cài đặt Framework Laravel
  5. Tìm hiểu mô hình kiến trúc MVC vận hành trong framework Laravel 4
    1. Cấu trúc thư mục trong Framework Laravel
    2. Kiến trúc MVC là gì?
    3. Mô hình kiến trúc MVC vận hành trong Framework Laravel
    4. Thực hiện code theo mô hình kiến trúc MVC vận hành trong Framework Laravel
  6. Sử dụng Template Engine để trình diễn nội dung trong các VIEW 3
    1. Template Engine là gì?
    2. Blade Template Engine trong Laravel
    3. Bài tập View - tạo trang Danh sách nhân viên sử dụng Blade Template
  7. Dự án thực tế mẫu - Trang web bán hàng trực tuyến - Thiết kế CSDL 7
    1. Phân tích các yêu cầu, nghiệp vụ của khách hàng
    2. Mô hình thiết kế CSDL mẫu Sunshine
    3. Khởi tạo database sunshine, thiết lập kết nối CSDL trong Laravel
    4. Tạo cấu trúc table bằng tính năng MIGRATION trong Laravel - Danh mục phẳng
    5. Tạo cấu trúc table bằng tính năng MIGRATION trong Laravel - Danh mục có liên kết khóa ngoại
    6. Tạo dữ liệu ban đầu cho CSDL bằng tính năng SEED trong Laravel - Danh mục phẳng
    7. Tạo dữ liệu ban đầu cho CSDL bằng tính năng SEED trong Laravel - Danh mục có liên kết khóa ngoại
  8. Dự án thực tế mẫu - Trang web bán hàng trực tuyến - Ánh xạ CSDL và Laravel 3
    1. Tạo lớp (class) ánh xạ CSDL bằng tính năng MODEL trong Laravel - Danh mục Phẳng - Loại sản phẩm
    2. Tạo lớp (class) ánh xạ CSDL bằng tính năng MODEL trong Laravel - Danh mục phẳng - Sản phẩm
    3. Tạo mối quan hệ giữa các lớp (class) MODEL trong Laravel
  9. Dự án thực tế mẫu - Trang web bán hàng trực tuyến - Thiết kế Backend 20
    1. Thiết kế bố cục (layouts) cho giao diện Backend
    2. Xây dựng chức năng CRUD (Thêm, Sửa, Xóa, Xem) danh mục phẳng - Loại sản phẩm (index)
    3. Xây dựng chức năng CRUD (Thêm, Sửa, Xóa, Xem) danh mục phẳng - Loại sản phẩm (create)
    4. Xây dựng chức năng CRUD (Thêm, Sửa, Xóa, Xem) danh mục phẳng - Loại sản phẩm (edit)
    5. Xây dựng chức năng CRUD (Thêm, Sửa, Xóa, Xem) danh mục phẳng - Loại sản phẩm (delete)
    6. Xây dựng danh mục Sản phẩm có chức năng upload hình ảnh - Index
    7. Lưu đồ Upload file từ Client lên Server
    8. Xây dựng danh mục Sản phẩm có chức năng upload hình ảnh - Create
    9. Xây dựng danh mục Sản phẩm có chức năng upload hình ảnh - Edit
    10. Xây dựng danh mục Sản phẩm có chức năng upload hình ảnh - Delete
    11. Xây dựng danh mục Sản phẩm có chức năng upload nhiều Hình ảnh cùng lúc
    12. Xây dựng danh mục Sản phẩm có chức năng upload hình ảnh - Bổ sung menu vào sidebar
    13. Xây dựng chức năng xuất biểu mẫu và In ấn trực tiếp trên web
    14. Xây dựng chức năng xuất Excel
    15. Xây dựng chức năng xuất PDF
    16. Tạo chức năng Đăng nhập
    17. Lưu đồ Kiểm tra ràng buộc dữ liệu (Validation)
    18. Kiểm tra ràng buộc dữ liệu (Validation) phía Client
    19. Kiểm tra ràng buộc dữ liệu (Validation) phía Server
    20. Bài tập tổng hợp - Tạo các chức năng Backend cho trang web đọc Truyện Tranh và Tiểu Thuyết Online sử dụng Laravel framework
  10. AngularJS 7
    1. AngularJS là gì? Cài đặt AngularJS và cú pháp sử dụng AngularJS
    2. Cách mô hình kiến trúc MVC vận hành trong AngularJS
    3. Cách sử dụng AngularJS Controller, Scope
    4. Cách sử dụng AngularJS Directive
    5. Cách sử dụng AngularJS Event
    6. Cách sử dụng AngularJS Filter
    7. Cách sử dụng AngularJS Validation
  11. Dự án thực tế mẫu - Trang web bán hàng trực tuyến - Thiết kế Frontend sử dụng AngularJS 11
    1. Thiết kế bố cục (layouts) cho giao diện Frontend
    2. Tích hợp AngularJS vào framework Laravel
    3. Tạo giao diện trang chủ (index)
    4. Tạo giao diện trang Giới thiệu (about)
    5. Tạo giao diện trang Liên hệ (contact)
    6. Tạo trang danh sách Sản phẩm (product)
    7. Tạo nút Thêm vào giỏ hàng cho từng sản phẩm (add-to-cart)
    8. Tạo trang Chi tiết Sản phẩm (product-detail)
    9. Tạo giỏ hàng (cart sidebar)
    10. Tạo trang thanh toán (checkout)
    11. Tạo đơn hàng và gởi mail xác nhận
  12. Bonus 9
    1. Đa ngôn ngữ trong Laravel
    2. Tạo báo cáo với biểu đồ ChartJS
    3. Tạo khung chọn Ngày tháng cho dự án
    4. Tạo các trang thông báo lỗi tương ứng STATUS CODE
    5. Kiểm tra ứng dụng với tunnel ảo NGROK
    6. Phân trang trong Laravel
    7. Bổ sung khung xem Hình ảnh trước khi upload (preview image upload)
    8. Tạo API trong Laravel và sử dụng AngularJS để hiển thị giao diện
    9. Cách tự động sinh Ảnh nhiều kích cỡ (Automatic resize image) khi upload file Ảnh
  13. Danh sách Đồ án xây dựng trang web sử dụng LARAVEL 2
    1. Đăng ký Đồ án Laravel
    2. Hướng dẫn Nộp Đồ án Laravel
  14. Tài liệu tham khảo 3
    1. Kho sách, nguồn tài liệu tham khảo
    2. SourceCode Dự án mẫu
    3. Xây dựng chức năng Tìm kiếm theo nhiều tiêu chí bằng Model Eloquent
  15. Thực hiện Đồ án 1
    1. Lộ trình Thực hiện đồ án Web Laravel

Chương 7-Bài 4. Tạo cấu trúc table bằng tính năng MIGRATION trong Laravel - Danh mục phẳng

Tác giả: Dương Nguyễn Phú Cường
Ngày đăng: Hồi xưa đó

Tạo Migration cho danh mục phẳng - Table Loại sản phẩm

Step 1: vào Start -> Run -> Cmd, trỏ đường dẫn đến thư mục project sunshine

  • Ví dụ: source nằm trong thư mục c:\xampp\htdocs\sunshine
cd c:\xampp\htdocs\sunshine

Step 2: sử dụng artisan để tạo MIGRATION trong Laravel

  • Tạo MIGRATION quản lý cấu trúc TABLE Loại
php artisan make:migration create_cusc_loai_table --create=cusc_loai
  • File yyyy_mm_dd_hhiiss_create_loai_table sẽ được tạo ra trong thư mục database\migrations\yyyy_mm_dd_hhiiss_create_loai_table.php

Step 3: viết code PHP, sử dụng các Hàm tương ứng trong Framework Laravel để tạo cấu trúc Table Loại

Để xem về các hàm tương ứng, bạn xem thêm trên trang chủ của Laravel nhé: https://laravel.com/docs/master/migrations#columns
<?php
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Database\Migrations\Migration;

class CreateLoaiTable extends Migration {

    /**
     * Run the migrations.
     *
     * @return void
     */
    public function up() {
        Schema::create('cusc_loai', function (Blueprint $table) {
            $table->engine = 'InnoDB';
            $table->unsignedTinyInteger('l_ma')->autoIncrement()->comment('Mã loại sản phẩm');
            $table->string('l_ten', 50)->comment('Tên loại # Tên loại sản phẩm');
            $table->timestamp('l_taoMoi')->default(DB::raw('CURRENT_TIMESTAMP'))->comment('Thời điểm tạo # Thời điểm đầu tiên tạo loại sản phẩm');
            $table->timestamp('l_capNhat')->default(DB::raw('CURRENT_TIMESTAMP'))->comment('Thời điểm cập nhật # Thời điểm cập nhật loại sản phẩm gần nhất');
            $table->tinyInteger('l_trangThai')->default('2')->comment('Trạng thái # Trạng thái loại sản phẩm: 1-khóa, 2-khả dụng');
            
            $table->unique(['l_ten']);
        });
        DB::statement("ALTER TABLE `cusc_loai` comment 'Loại sản phẩm # Loại sản phẩm'");
    }

    /**
     * Reverse the migrations.
     *
     * @return void
     */
    public function down() {
        Schema::drop('cusc_loai');
    }
}

Step 4: thực thi MIGRATE, cập nhật table Loại vào database

  • Thực thi câu lệnh sau:
php artisan migrate

Step 5: sử dụng HeidiSQL hay PhpMyAdmin để kiểm tra xem cấu trúc table Loại có đúng với thiết kế của Hệ thống hay không?

Source code tham khảo MIGATION table LOAI: https://github.com/kellyfire611/sunshinenew/blob/master/database/migrations/2017_05_17_043802_create_loai_table.php

Lưu ý: một số lỗi thường gặp khi MIGRATE

1. Lỗi 1071 Laravel

Thông báo lỗi

Nếu bạn gặp thông báo lỗi khi Migrate tương tự như sau:
[Illuminate\Database\QueryException]
SQLSTATE[42000]: Syntax error or access violation: 1071 Specified key was too long; max key length is 767 bytes (SQL: alter table users add unique users_email_unique(email))

[PDOException]
SQLSTATE[42000]: Syntax error or access violation: 1071 Specified key was too long; max key length is 767 bytes

Nguyên nhân:

Nếu bạn sử dụng chuẩn mã hóa CSDL mới utf8mb4_unicode_ci thì độ dài tối đa của 1 khóa có thể chứa là 767 bytes (tương đương 191 ký tự). Khi bạn gọi hàm $table->string('column_name') mà không chỉ định độ dài, thì Laravel sẽ báo lỗi.

Khắc phục:

Ta sẽ chỉ định giá trị mặc định của String là 191 ký tự nếu bạn không truyền tham số vào hàm $table->string()
  • Hiệu chỉnh file: app\Providers\AppServiceProvider.php
  • Bổ sung code theo chú thích như sau:
<?php

namespace App\Providers;

use Illuminate\Support\ServiceProvider;
use Illuminate\Support\Facades\Schema; //Fix 1071 error

class AppServiceProvider extends ServiceProvider
{
    /**
     * Bootstrap any application services.
     *
     * @return void
     */
    public function boot()
    {
        Schema::defaultStringLength(191); //Mặc định độ dài của chuỗi là 191 ký tự
    }

    /**
     * Register any application services.
     *
     * @return void
     */
    public function register()
    {
        //
    }
}
   

Các bài học

Chương trình học

Bao gồm Module, Chương, Bài học, Bài tập, Kiểm tra...

Chương trình học


  1. Bức tranh Tổng thể về Lập trình WEB
  2. Giới thiệu, cài đặt, cấu hình môi trường lập trình 9
    1. Cài đặt web server XAMPP
    2. Cài đặt công cụ truy vấn database HeidiSQL
    3. Cài đặt Composer để quản lý các gói thư viện trong PHP
    4. Cài đặt trình soạn thảo code Visual Studio Code IDE
    5. Tạo tên miền ảo trên máy cục bộ (virtual host on localhost) bằng XAMPP
    6. Cài đặt nền tảng quản lý Source Code sử dụng GIT
    7. Cài đặt công cụ quản lý Source Code TortoiseGit
    8. Cài đặt chế độ Debug PHP với Visual Studio Code
    9. Tạo chứng chỉ SSL trên Localhost
  3. Tập làm quen với quản lý source code bằng GitHub 3
    1. GitHub là gì?
    2. Tạo tài khoản, tạo kho dữ liệu (repository), clone source, commit/push và pull source với GitHub
    3. Cách đóng gói phiên bản (Alpha, Beta, Release) bằng Tag trong GitHub
  4. Cài đặt framework Laravel 1
    1. Cài đặt Framework Laravel
  5. Tìm hiểu mô hình kiến trúc MVC vận hành trong framework Laravel 4
    1. Cấu trúc thư mục trong Framework Laravel
    2. Kiến trúc MVC là gì?
    3. Mô hình kiến trúc MVC vận hành trong Framework Laravel
    4. Thực hiện code theo mô hình kiến trúc MVC vận hành trong Framework Laravel
  6. Sử dụng Template Engine để trình diễn nội dung trong các VIEW 3
    1. Template Engine là gì?
    2. Blade Template Engine trong Laravel
    3. Bài tập View - tạo trang Danh sách nhân viên sử dụng Blade Template
  7. Dự án thực tế mẫu - Trang web bán hàng trực tuyến - Thiết kế CSDL 7
    1. Phân tích các yêu cầu, nghiệp vụ của khách hàng
    2. Mô hình thiết kế CSDL mẫu Sunshine
    3. Khởi tạo database sunshine, thiết lập kết nối CSDL trong Laravel
    4. Tạo cấu trúc table bằng tính năng MIGRATION trong Laravel - Danh mục phẳng
    5. Tạo cấu trúc table bằng tính năng MIGRATION trong Laravel - Danh mục có liên kết khóa ngoại
    6. Tạo dữ liệu ban đầu cho CSDL bằng tính năng SEED trong Laravel - Danh mục phẳng
    7. Tạo dữ liệu ban đầu cho CSDL bằng tính năng SEED trong Laravel - Danh mục có liên kết khóa ngoại
  8. Dự án thực tế mẫu - Trang web bán hàng trực tuyến - Ánh xạ CSDL và Laravel 3
    1. Tạo lớp (class) ánh xạ CSDL bằng tính năng MODEL trong Laravel - Danh mục Phẳng - Loại sản phẩm
    2. Tạo lớp (class) ánh xạ CSDL bằng tính năng MODEL trong Laravel - Danh mục phẳng - Sản phẩm
    3. Tạo mối quan hệ giữa các lớp (class) MODEL trong Laravel
  9. Dự án thực tế mẫu - Trang web bán hàng trực tuyến - Thiết kế Backend 20
    1. Thiết kế bố cục (layouts) cho giao diện Backend
    2. Xây dựng chức năng CRUD (Thêm, Sửa, Xóa, Xem) danh mục phẳng - Loại sản phẩm (index)
    3. Xây dựng chức năng CRUD (Thêm, Sửa, Xóa, Xem) danh mục phẳng - Loại sản phẩm (create)
    4. Xây dựng chức năng CRUD (Thêm, Sửa, Xóa, Xem) danh mục phẳng - Loại sản phẩm (edit)
    5. Xây dựng chức năng CRUD (Thêm, Sửa, Xóa, Xem) danh mục phẳng - Loại sản phẩm (delete)
    6. Xây dựng danh mục Sản phẩm có chức năng upload hình ảnh - Index
    7. Lưu đồ Upload file từ Client lên Server
    8. Xây dựng danh mục Sản phẩm có chức năng upload hình ảnh - Create
    9. Xây dựng danh mục Sản phẩm có chức năng upload hình ảnh - Edit
    10. Xây dựng danh mục Sản phẩm có chức năng upload hình ảnh - Delete
    11. Xây dựng danh mục Sản phẩm có chức năng upload nhiều Hình ảnh cùng lúc
    12. Xây dựng danh mục Sản phẩm có chức năng upload hình ảnh - Bổ sung menu vào sidebar
    13. Xây dựng chức năng xuất biểu mẫu và In ấn trực tiếp trên web
    14. Xây dựng chức năng xuất Excel
    15. Xây dựng chức năng xuất PDF
    16. Tạo chức năng Đăng nhập
    17. Lưu đồ Kiểm tra ràng buộc dữ liệu (Validation)
    18. Kiểm tra ràng buộc dữ liệu (Validation) phía Client
    19. Kiểm tra ràng buộc dữ liệu (Validation) phía Server
    20. Bài tập tổng hợp - Tạo các chức năng Backend cho trang web đọc Truyện Tranh và Tiểu Thuyết Online sử dụng Laravel framework
  10. AngularJS 7
    1. AngularJS là gì? Cài đặt AngularJS và cú pháp sử dụng AngularJS
    2. Cách mô hình kiến trúc MVC vận hành trong AngularJS
    3. Cách sử dụng AngularJS Controller, Scope
    4. Cách sử dụng AngularJS Directive
    5. Cách sử dụng AngularJS Event
    6. Cách sử dụng AngularJS Filter
    7. Cách sử dụng AngularJS Validation
  11. Dự án thực tế mẫu - Trang web bán hàng trực tuyến - Thiết kế Frontend sử dụng AngularJS 11
    1. Thiết kế bố cục (layouts) cho giao diện Frontend
    2. Tích hợp AngularJS vào framework Laravel
    3. Tạo giao diện trang chủ (index)
    4. Tạo giao diện trang Giới thiệu (about)
    5. Tạo giao diện trang Liên hệ (contact)
    6. Tạo trang danh sách Sản phẩm (product)
    7. Tạo nút Thêm vào giỏ hàng cho từng sản phẩm (add-to-cart)
    8. Tạo trang Chi tiết Sản phẩm (product-detail)
    9. Tạo giỏ hàng (cart sidebar)
    10. Tạo trang thanh toán (checkout)
    11. Tạo đơn hàng và gởi mail xác nhận
  12. Bonus 9
    1. Đa ngôn ngữ trong Laravel
    2. Tạo báo cáo với biểu đồ ChartJS
    3. Tạo khung chọn Ngày tháng cho dự án
    4. Tạo các trang thông báo lỗi tương ứng STATUS CODE
    5. Kiểm tra ứng dụng với tunnel ảo NGROK
    6. Phân trang trong Laravel
    7. Bổ sung khung xem Hình ảnh trước khi upload (preview image upload)
    8. Tạo API trong Laravel và sử dụng AngularJS để hiển thị giao diện
    9. Cách tự động sinh Ảnh nhiều kích cỡ (Automatic resize image) khi upload file Ảnh
  13. Danh sách Đồ án xây dựng trang web sử dụng LARAVEL 2
    1. Đăng ký Đồ án Laravel
    2. Hướng dẫn Nộp Đồ án Laravel
  14. Tài liệu tham khảo 3
    1. Kho sách, nguồn tài liệu tham khảo
    2. SourceCode Dự án mẫu
    3. Xây dựng chức năng Tìm kiếm theo nhiều tiêu chí bằng Model Eloquent
  15. Thực hiện Đồ án 1
    1. Lộ trình Thực hiện đồ án Web Laravel

Bài học trước Bài học tiếp theo