Ở các bài trước, hướng dẫn tạo trang đăng ký, trang đăng nhập, mình đã hướng dẫn các bạn chi tiết các bước cho ra đời trang đăng ký  và trang đăng nhập trong PHP là như thế nào. Trong bài viết hôm nay mình sẽ tiếp tục hướng dẫn các bạn tạo trang quản lý thành viên với dữ liệu có trong database, bao gồm các chức năng thêm, xóa, sửa thành viên khi họ đã đăng ký ở bài trước.

1. Tạo cơ sở dữ liệu

Ở đây mình tiếp tục sử dụng lại bảng users đã tạo ở trong trang đăng ký

Bảng users trên còn thiếu 1 thành phần quan trọng đó là phân quyền. Do đó để thuận tiện trong việc phân quyền cho thành viên, mình sẽ thêm 1 cột level ( kiểu tynyint ).

Để thêm cột level, các bạn vào phpmyadmin, ấn vào mục SQL và chạy đoạn code sau :

mysql alter

Đoạn code trên mang ý nghĩa là “chỉnh sửa bảng users, thêm cột level với kiểu dữ liệu là tinyint“.

2. Hướng dẫn sử dụng bootstrap

Trong các bài viết trước, nếu để ý các bạn sẽ thấy mình có tạo 1 thư mục đặt tên là bootstrap.

thư mục chính php

Thư mục này mình sẽ dùng để chứa twitter bootstrap lấy từ trang http://getbootstrap.com/ . Nếu bạn vẫn chưa hiểu rõ bootstrap là gì các bạn có thể lên google để tự tìm hiểu rõ hơn. Ở đây mình sẽ tóm tắt sơ cho các bạn nắm tổng quát. Như các bạn đã biết, thay vì 1 trang web bạn sẽ phải code css để có thể design lên 1 giao diện website hoàn chỉnh, thì twitter boostrap chính là 1 front-end framework đã xây dựng sẵn “mẫu” css cho bạn. Tùy vào mục đích sử dụng, bạn sẽ sử dụng bootstrap để tạo nên trang web riêng cho mình. 1 trong những đặc điểm nổi bật của bootstrap chính là tính năng responsive (co dãn). Với tính năng này website của bạn sẽ có thể co dãn với các kích thước màng hình khác nhau, từ di động đến tablet, laptop,… mà không cần phải xây dựng nhiều phiên bản website dành riêng cho mỗi kích cỡ màng hình. Giúp tiết kiệm thời gian và chi phí. Bạn có thể tham khảo thêm chi tiết hơn ở đây : http://getbootstrap.com/

Giải thích cũng đã xong, giờ vào vấn đề chính nào. Vào địa chỉ http://getbootstrap.com/getting-started/#download các bạn ấn vào nút Download bootstrap để tải gói bootstrap về, giải nén ra và copy toàn bộ thư mục css, font, js vào thư mục bootstrap mà chúng ta đã tạo sẵn.

bootstrap

3. Tạo trang quản lý thành viên

a. Thiết kế giao diện

Trong thư mục my_website, tại thư mục con tên là admin, các bạn tạo file quan-ly-thanh-vien.php dành cho mục đích quản lý thêm, xóa, cập nhật thành viên.

quản lý thành viên

Trong file quan-ly-thanh-vien.php các bạn gõ code như sau để thiết kế lên giao diện quản lý thành viên :

Các bạn lưu ý các dòng bên dưới, chúng ta gọi tới các file bootstrap.min.css, bootstrap.min.js để sử dụng twiter boostrap, và jquery.min.js để sử dụng thư viện jquery.

Vào trình duyệt, gõ địa chỉ http://localhost/my_website/admin/quan-ly-thanh-vien.php , bạn sẽ thấy giao diện như sau :

danh sách thành viên

Bài viết cũng khá dài, mình tạm dừng ở đây, và sẽ tiếp tục trong phần 2. Đến đây các bạn có thắc mắc hay câu hỏi gì thì để lại comment bên dưới, nếu bài viết hay thì hãy share cho các bạn khác cũng học nhé. Thân

 


Nếu bạn thấy bài viết có ích và muốn cảm ơn mình thì bạn có thể donate mời mình 1 lý cà phê nhé
Địa chỉ ví BTC của mình : 1NWVkBYnd5iSZ5BsAg4fbr4bYWC7hn9Vcz
Địa chỉ ví ETH của mình : 0xa4881fe9ed28b270a7a7F6D339fe0B73c35DBAd1
Cám ơn và chúc bạn nhiều niềm vui trong cuộc sống !