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

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

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 //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 //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ụ: //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: //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 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
                    ###