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)

Posted on by adminChuyên mục:Kiến thức Internet

Yêu cầu cần có khi thực hiện chức năng

  • Cần phải có table loaisanpham. Nếu chưa có table, vui lòng xem lại bài tạo cấu trúc database bằng migration.
  • Cần phải có model LoaiSanPham. Chúng ta sẽ thực hiện truy vấn database dựa trên model. Nếu chưa có model, vui lòng xem lại bài học tạo model

Chức năng cần thực hiện

Cần tạo chức năng dành cho Quản trị Hệ thống (Admin) quản lý Danh mục Loại Sản phẩm.

Cách thực hiện

Step 1: tạo các routes Danh mục sản phẩm

  • Hiệu chỉnh file routes/web.php
// route Danh mục Loại Sản phẩm
// Hàm Route::resource() sẽ tạo toàn bộ các route CRUD theo tiêu chuẩn RestFul API
Route::resource('/admin/loai', 'Backend\LoaiController');

// Hoặc route riêng lẻ
Route::get('admin/loai', 'Backend\LoaiController@index')->name('admin.loai.index');
Route::get('admin/loai/create', 'Backend\LoaiController@create')->name('admin.loai.create');
Route::post('admin/loai/store', 'Backend\LoaiController@store')->name('admin.loai.store');
Route::get('/admin/loai/edit/{id}', 'Backend\LoaiController@edit')->name('admin.loai.edit');
Route::put('/admin/loai/edit/{id}', 'Backend\LoaiController@update')->name('admin.loai.update');
Route::delete('/admin/loai/delete/{id}', 'Backend\LoaiController@destroy')->name('admin.loai.destroy');
  • Kiểm tra các route bằng câu lệnh:
php artisan route:list

Nếu người dùng (client) gởi các request đến server thì Laravel sẽ điều hướng đến các action cụ thể như bảng trên. Ví dụ:

  • http://tenmiencuaban.com/admin / loaisanpham ( GET ) -> Laravel sẽ điều hướng đến action

    index()

    trong controller Backend\LoaiSanPhamController.

  • http://tenmiencuaban.com/

    admin/loaisanpham/create (GET)

    -> Laravel sẽ điều hướng đến action

    create()

    trong controller Backend\LoaiSanPhamController.

  • http://tenmiencuaban.com/

    admin/loaisanpham (POST)

    -> Laravel sẽ điều hướng đến action

    store()

    trong controller Backend\LoaiSanPhamController.

  • http://tenmiencuaban.com

    /admin/loaisanpham/1/edit (GET)

    -> Laravel sẽ điều hướng đến action

    edit()

    trong controller Backend\LoaiSanPhamController.

  • http://tenmiencuaban.com

    /admin/loaisanpham/1 (PUT/PATCH)

    -> Laravel sẽ điều hướng đến action

    update()

    trong controller Backend\LoaiSanPhamController.

  • http://tenmiencuaban.com

    /

    admin/loaisanpham/1 (DELETE)

    -> Laravel sẽ điều hướng đến action

    destroy()

    trong controller Backend\LoaiSanPhamController.

Step 2: tạo controller chứa các action thực thi các tác vụ CRUD (Thêm, Sửa, Xóa) cho Danh mục Sản phẩm

    • Thực thi câu lệnh
php artisan make:controller Backend\LoaiController --resource
  • Laravel Framework sẽ tạo cho bạn file controller ở app\Http\Controllers\Backend\LoaiController.php

Step 3: thực hiện tạo màn hình hiển thị danh sách Loại Sản phẩm (index)

Mô hình hoạt động của index:

Viết code cho action index():

  • Action index() thường dùng để hiển thị màn hình danh sách (theo dạng bảng dòng, cột) các sản phẩm có trong table loaisanpham
  • Danh sách thường hiển thị dạng Phân trang.
  • Trên màn hình sẽ có nút Thêm Sản phẩm mới
  • Trong mỗi dòng Sản phẩm, sẽ có nút Sửa, Xóa
Hiệu chỉnh file app/Http/Controllers/Backend/LoaiController.php
use App\Loai;

public function index()
{
    // Sử dụng Eloquent Model để truy vấn dữ liệu
    $dsLoai = Loai::all(); // SELECT * FROM loaisanpham

    // Đường dẫn đến view được quy định như sau: .
    // Mặc định đường dẫn gốc của method view() là thư mục `resources/views`
    // Hiển thị view `backend.loai.index`
    return view('backend.loai.index')
        // với dữ liệu truyền từ Controller qua View, được đặt tên là `danhsachloaisanpham`
        ->with('danhsachloaisanpham', $dsLoai);
}
Tạo view index.blade.php
  • Để dễ dàng quản lý các view, ta sẽ tạo 1 thư mục tương ứng với tên Controller, mỗi action sẽ tương ứng với tên view.
  • Tạo folder resources/views/backend/loai
  • Tạo file resources/views/backend/loai/index.blade.php
{{-- View này sẽ kế thừa giao diện từ `backend.layouts.index` --}}
@extends('backend.layouts.master')

{{-- Thay thế nội dung vào Placeholder `title` của view `backend.layouts.index` --}}
@section('title')
Danh sách Loại sản phẩm
@endsection

{{-- Thay thế nội dung vào Placeholder `content` của view `backend.layouts.index` --}}
@section('content')



    @foreach (['danger', 'warning', 'success', 'info'] as $msg)
      @if(Session::has('alert-'. $msg))
      { { Session :: get ( ' alert - '. $ msg ) } } ×
      @endif
    @endforeach




Thêm mới sản phẩm



        @foreach($danhsachsanpham as $sp)
            
        @endforeach
    

    
        

            Mã
            Tên
            Hình ảnh
            Thuộc loại
            Sửa-Xóa
        

    
    
        

                {{ $sp->sp_ma }}
                {{ $sp->sp_ten }}
                
                {{ $sp->loaisanpham->l_ten }}
                
                    
                    Sửa

                    
                    

                        
                        
                        
                        {{ csrf_field() }}
                        
                    

                		
            



@endsection
Kiểm tra action index

Chạy câu lệnh php artisan serve, truy cập địa chỉ Cần tạo tính năng dành cho Quản trị Hệ thống ( Admin ) quản trị Danh mục Loại Sản phẩm. Nếu người dùng ( client ) gởi những request đến server thì Laravel sẽ điều hướng đến những action đơn cử như bảng trên. Ví dụ : Chạy câu lệnh, truy vấn địa chỉ http://127.0.0.1:8000/admin/danhsachsanpham để kiểm tra hiệu quả .

admin