Xây dựng chức năng hiển thị, thêm mới và xóa dữ liệu với php và mysql ( phần 2)

Question

Yêu cầu: Xây dựng chức năng sửa sinh viên rồi hiển thị danh sách sau khi cập nhật dữ liệu ra màn hình

Trong các bài viết trước chúng ta đã nói về cách hiển thị, thêm mới và xóa sinh viên kết hợp PHP và MySQL. Tiếp theo chúng ta sẽ tìm hiểu nốt về cách sửa sinh viên nhé.

Nội dung chính Show

Step 1: khởi tạo Database
Cách 1: tự restore MySQL database trên máy Local
Cách 2: sử dụng thông tin Kết nối đến Server MySQL minh họa
Step 2: tạo cấu trúc thư mục
Step 3: tạo file quản lý việc Kết nối MySQL trong PHP
Step 4: tạo giao diện cho Trang chủ
Step 5: Tạo chức năng Hiển thị Danh sách Nhà cung cấp
Step 6: tạo chức năng Thêm mới Nhà cung cấp
Step 7: tạo chức năng Cập nhật Nhà cung cấp
Step 8: tạo chức năng Xóa Nhà cung cấp
Step 9: tạo button Edit và Delete cho từng dòng trong trang Danh sách

Nội dung chính Show

Step 1: khởi tạo Database
Cách 1: tự restore MySQL database trên máy Local
Cách 2: sử dụng thông tin Kết nối đến Server MySQL minh họa
Step 2: tạo cấu trúc thư mục
Step 3: tạo file quản lý việc Kết nối MySQL trong PHP
Step 4: tạo giao diện cho Trang chủ
Step 5: Tạo chức năng Hiển thị Danh sách Nhà cung cấp
Step 6: tạo chức năng Thêm mới Nhà cung cấp
Step 7: tạo chức năng Cập nhật Nhà cung cấp
Step 8: tạo chức năng Xóa Nhà cung cấp
Step 9: tạo button Edit và Delete cho từng dòng trong trang Danh sách

Dành cho các bạn nào muốn xem lại cách hiển thị danh sách, thêm mới và xóa dữ liệu nhé :

Xây dựng chức năng hiển thị, thêm mới và xóa dữ liệu với PHP và MySQL ( Phần 1)

Xây dựng chức năng hiển thị, thêm mới và xóa dữ liệu với PHP và MySQL ( Phần 2)

Xây dựng chức năng hiển thị, thêm mới và xóa dữ liệu với PHP và MySQL ( Phần 3)

Bước 1 : Trước tiên từ trang index.php, chúng ta kích nút Sửa. Nó sẽ truyền "idSV" sang file suadulieu.php :

Như vậy để lấy được giá trị từ liên kết này chúng ta sẽ sử dụng biến $_GET["idSV"] . Sau khi đã có được giá trị này, việc còn lại của bạn là lấy thông tin của id này từ cơ sở dữ liệu và đưa vào form để người dùng có thể chỉnh sửa.

Bước 2 : Tạo file suadulieu.php hiển thị dữ liệu trên form để người dùng có thể chỉnh sửa. Tham khảo code dưới đây:

Bước 3 : Tạo file xulysua.php để thực hiện sửa sinh viên:

Bước 4 : Mở lại đường dẫn http://localhost/php/index.php, ta có danh sách sinh viên trước khi sửa:

Kích nút "Sửa" vào sinh viên mà bạn cần sửa, ví dụ ta sẽ sửa sinh viên Nguyễn Hồng Loan, nó sẽ chuyển đến sang Sửa sinh viên như dưới

Ta sẽ thay đổi họ tên và địa chỉ so với ban đầu. Và đây là kết quả sau khi thay đổi:

Chúc các bạn thành công!

Nguồn: Devmaster Academy

Yêu cầu: Xây dựng chức năng thêm mới sinh viên sau đó hiển thị danh sách đã được thêm dữ liệu mới ra màn hình

Ở phần 1, chúng ta đã xây dựng được chức năng hiển thị danh sách ra màn hình. Vậy muốn thêm mới sinh viên vào danh sách thì hãy theo dõi phần 2 trong bài này nhé. Dành cho các bạn nào muốn xem lại phần 1 : Xây dựng chức năng hiển thị, thêm mới và xóa dữ liệu với PHP và MySQL ( Phần 1)

Bước 1: Trước tiên, ta tạo một file có tên themdulieu.php để nhập dữ liệu. Tham khảo code:

Note:

- Action đóng vai trò nhận và xử lý dữ liệu khi người dùng nhập vào form và ấn nút submit để gửi thông tin.

- Method là thương thức truyền dữ liệu trong form, bao gồm 02 phương thức là POST và GET.

Bước 2 : Tạo thêm một file để xử lý dữ liệu có tên xulydulieu.php :

Bước 3 : Mở trình duyệt nhập theo đường dẫn http://localhost/php/index.php, ta nhận được danh sách sinh viên ban đầu :

Nhấn nút Thêm mới, nó sẽ chuyển đến file themdulieu.php để cho chúng ta nhập thông tin :

Nhấn nút Save, ta sẽ nhận đươc kết quả như hình :

Nguồn: Devmaster Academy

Source code Ví dụ: https://github.com/kellyfire611/learning.nentang.vn/tree/master/php/simple

Step 1: khởi tạo Database

Cách 1: tự restore MySQL database trên máy Local

Download file sql tại đây: https://github.com/kellyfire611/learning.nentang.vn-mysql/blob/master/mysql/db/netashop.sql
Sử dụng phần mềm HeidiSQL hoặc PhpMyAdmin, thực thi file SQL vừa download để sử dụng database.

Cách 2: sử dụng thông tin Kết nối đến Server MySQL minh họa

Server IP: 156.67.222.148
Username: u883604362_temp
Password: [email protected]#123
Database: u883604362_temp

Step 2: tạo cấu trúc thư mục

Vào ổ đĩa cài đặt XAMPP, thường là: C:\xampp\htdocs, khởi tạo thư mục dự án như sau:

C:\xampp
   ---htdocs
      ---duan                      <- Thư mục Gốc dự án
         ---index.php              <- Trang chủ dự án
         ---dbconnect.php          <- File quản lý thông tin kết nối đến MySQL Server
         ---crud_shop_suppliers    <- Folder theo từng chức năng
            ---index.php              Danh sách
            ---create.php             Thêm mới
            ---edit.php               Sửa
            ---delete.php             Xóa

Step 3: tạo file quản lý việc Kết nối MySQL trong PHP

Trong PHP, chúng ta sử dụng hàm mysqli_connect() để khởi tạo kết nối đến MySQL Server. Tạo file dbconnect.php, nội dung file

query("SET NAMES 'utf8mb4'"); 
$conn->query("SET CHARACTER SET utf8mb4");  
$conn->query("SET SESSION collation_connection = 'utf8mb4_unicode_ci'");

Step 4: tạo giao diện cho Trang chủ

Để giao diện được đẹp, chúng ta sẽ sử dụng các Framework về Frontend như sau:

Bootstrap 4: https://getbootstrap.com/
FontAwesome 5 icons: https://fontawesome.com/

Tạo file index.php, nội dung file





    
    
    Shop bán hàng NetaShop

    
    




    
        
            Hello, PHP!
            Học về Thao tác Kết nối dữ liệu với MySQL bằng PHP
            
            Thao tác Kết nối và Xử lý dữ liệu với MySQL
            Danh sách Nhà cung cấp

Truy cập Trang chủ trên trình duyệt web để kiểm tra: http://localhost:8000/php/simple/crud_shop_suppliers/index.php
Giao diện trang chủ:

Step 5: Tạo chức năng Hiển thị Danh sách Nhà cung cấp

Tạo thư mục theo tên chức năng để tiện quản lý `crud_shop_suppliers`
- Trong thư mục crud_shop_suppliers, tạo tiếp file index.php
- Nội dung file:





    
    
    Shop bán hàng NetaShop

    
    




    
    
        Danh sách Nhà cung cấp

         $rowNum, // sử dụng biến tự tăng để làm dữ liệu cột STT
                'id' => $row['id'],
                'supplier_code' => $row['supplier_code'],
                'supplier_name' => $row['supplier_name'],
                'description' => $row['description'],
                'image' => $row['image'],
                'created_at' => $row['created_at'],
                'updated_at' => $row['updated_at'],
            );
            $rowNum++;
        }
        ?>

        
        
             Thêm mới
        

        
            
                
                    STT
                    Mã nhà Cung cấp
                    Tên nhà Cung cấp
                    Ghi chú
                    Ảnh đại diện
                    Ngày tạo mới
                    Ngày cập nhật
                    ###

Truy cập Trang chủ trên trình duyệt web để kiểm tra: http://localhost:8000/php/simple/crud_shop_suppliers/index.php
Giao diện trang Danh sách Nhà cung cấp:

Step 6: tạo chức năng Thêm mới Nhà cung cấp

Trong thư mục crud_shop_suppliers, tạo tiếp file create.php
Nội dung file:





    
    
    Shop bán hàng NetaShop

    
    




    
    
        Form Thêm mới Nhà cung cấp

        
            
                
                    Mã nhà cung cấp
                    
                
                
                    Tên nhà cung cấp
                    
                
                
                    Ghi chú
                    
                
                
                    Ảnh đại diện
                    
                
                
                    
                        
                    
                
            
        
    

     hiển thị Form nhập liệu

    // Nếu biến $_POST['btnSave'] đã được khởi tạo
    // => Người dùng đã bấm nút "Lưu dữ liệu"
    if ( isset($_POST['btnSave']) ) {
        
        // 3. Nếu người dùng có bấm nút `Lưu dữ liệu` thì thực thi câu lệnh INSERT
        // Lấy dữ liệu người dùng hiệu chỉnh gởi từ REQUEST POST
        $supplier_code = $_POST['supplier_code'];
        $supplier_name = $_POST['supplier_name'];
        $description = $_POST['description'];
        $image = $_POST['image'];
        $created_at = date('Y-m-d H:i:s'); // Lấy ngày giờ hiện tại theo định dạng `Năm-Tháng-Ngày Giờ-Phút-Giây`. Vd: 2020-02-18 09:12:12
        $updated_at = NULL;

        // 4. Kiểm tra ràng buộc dữ liệu (Validation)
        // Tạo biến lỗi để chứa thông báo lỗi
        $errors = [];

        // --- Kiểm tra Mã nhà cung cấp (validate)
        // required (bắt buộc nhập <=> không được rỗng)
        if (empty($supplier_code)) {
            $errors['supplier_code'][] = [
                'rule' => 'required',
                'rule_value' => true,
                'value' => $supplier_code,
                'msg' => 'Vui lòng nhập mã Nhà cung cấp'
            ];
        }
        // minlength 3 (tối thiểu 3 ký tự)
        if (!empty($supplier_code) && strlen($supplier_code) < 3) {
            $errors['supplier_code'][] = [
                'rule' => 'minlength',
                'rule_value' => 3,
                'value' => $supplier_code,
                'msg' => 'Mã Nhà cung cấp phải có ít nhất 3 ký tự'
            ];
        }
        // maxlength 50 (tối đa 50 ký tự)
        if (!empty($supplier_code) && strlen($supplier_code) > 50) {
            $errors['supplier_code'][] = [
                'rule' => 'maxlength',
                'rule_value' => 50,
                'value' => $supplier_code,
                'msg' => 'Mã Nhà cung cấp không được vượt quá 50 ký tự'
            ];
        }

        // --- Kiểm tra Tên nhà cung cấp (validate)
        // required (bắt buộc nhập <=> không được rỗng)
        if (empty($description)) {
            $errors['description'][] = [
                'rule' => 'required',
                'rule_value' => true,
                'value' => $description,
                'msg' => 'Vui lòng nhập mô tả Loại sản phẩm'
            ];
        }
        // minlength 3 (tối thiểu 3 ký tự)
        if (!empty($description) && strlen($description) < 3) {
            $errors['description'][] = [
                'rule' => 'minlength',
                'rule_value' => 3,
                'value' => $description,
                'msg' => 'Mô tả loại sản phẩm phải có ít nhất 3 ký tự'
            ];
        }
        // maxlength 255 (tối đa 255 ký tự)
        if (!empty($description) && strlen($description) > 255) {
            $errors['description'][] = [
                'rule' => 'maxlength',
                'rule_value' => 255,
                'value' => $description,
                'msg' => 'Mô tả loại sản phẩm không được vượt quá 255 ký tự'
            ];
        }

        // 5. Thông báo lỗi cụ thể người dùng mắc phải (nếu vi phạm bất kỳ quy luật kiểm tra ràng buộc)
        // dd($errors);
        if (!empty($errors)) {
            // In ra thông báo lỗi
            // kèm theo dữ liệu thông báo lỗi
            foreach($errors as $errorField) {
                foreach($errorField as $error) {
                    echo $error['msg'] . '
';
                }
            }
            return;
        }

        // 6. Nếu không có lỗi dữ liệu sẽ thực thi câu lệnh SQL
        // Câu lệnh INSERT
        $sqlInsert = <<

Truy cập Trang chủ trên trình duyệt web để kiểm tra: http://localhost:8000/php/simple/crud_shop_suppliers/create.php
Giao diện trang Thêm mới Nhà cung cấp:

Step 7: tạo chức năng Cập nhật Nhà cung cấp

Trong thư mục crud_shop_suppliers, tạo tiếp file edit.php
Nội dung file:





    
    
    Shop bán hàng NetaShop

    
    




     thông báo lỗi
    if(empty($shop_suppliersRow)) {
        echo "Giá trị id: $id không tồn tại. Vui lòng kiểm tra lại.";
        die;
    }
    ?>
    
    
    
        Form Cập nhật Nhà cung cấp

        
            
                
                    ID
                    
                
                
                    Mã nhà cung cấp
                    
                
                
                    Tên nhà cung cấp
                    
                
                
                    Ghi chú
                    
                
                
                    Ảnh đại diện

Truy cập Trang chủ trên trình duyệt web để kiểm tra:
- http://localhost:8000/php/simple/crud_shop_suppliers/edit.php?id=1
- Thay đổi giá trị ?id=soidtrongdatabase
Giao diện trang Hiệu chỉnh Nhà cung cấp:

Step 8: tạo chức năng Xóa Nhà cung cấp

Trong thư mục crud_shop_suppliers, tạo tiếp file delete.php
Nội dung file:

Step 9: tạo button Edit và Delete cho từng dòng trong trang Danh sách

Hiệu chỉnh file index.php
Tìm đoạn code foreach để in ra từng dòng


    Danh sách Nhà cung cấp

    ...
    
        
            
                STT
                Mã nhà Cung cấp
                Tên nhà Cung cấp
                Ghi chú
                Ảnh đại diện
                Ngày tạo mới
                Ngày cập nhật
                ###

Bài tập

Thực hiện các chức năng "Danh sách" và "Thêm mới" tương tự cho các danh mục còn lại:

shop_categories
shop_products
shop_customers

programming php

Xây dựng chức năng hiển thị, thêm mới và xóa dữ liệu với php và mysql ( phần 2)

Yêu cầu: Xây dựng chức năng sửa sinh viên rồi hiển thị danh sách sau khi cập nhật dữ liệu ra màn hình

Yêu cầu: Xây dựng chức năng thêm mới sinh viên sau đó hiển thị danh sách đã được thêm dữ liệu mới ra màn hình

Step 1: khởi tạo Database

Cách 1: tự restore MySQL database trên máy Local

Cách 2: sử dụng thông tin Kết nối đến Server MySQL minh họa

Step 2: tạo cấu trúc thư mục

Step 3: tạo file quản lý việc Kết nối MySQL trong PHP

Step 4: tạo giao diện cho Trang chủ

Hello, PHP!

Step 5: Tạo chức năng Hiển thị Danh sách Nhà cung cấp

Danh sách Nhà cung cấp

Step 6: tạo chức năng Thêm mới Nhà cung cấp

Form Thêm mới Nhà cung cấp

Step 7: tạo chức năng Cập nhật Nhà cung cấp

Form Cập nhật Nhà cung cấp

Step 8: tạo chức năng Xóa Nhà cung cấp

Step 9: tạo button Edit và Delete cho từng dòng trong trang Danh sách

Danh sách Nhà cung cấp

Bài tập

Bài Viết Liên Quan

Quảng Cáo

Có thể bạn quan tâm

Toplist được quan tâm

Quảng cáo

Xem Nhiều

Quảng cáo

Chúng tôi

Điều khoản

Trợ giúp

Mạng xã hội