Hà Nội Hướng dẫn tạo trang quản lý thành viên PHP – Xây dựng giao diện ( Phần 1 )

MB+ - Ở các bài trước, hướng dẫn tạo trang đăng ký, page đăng nhập, mình đã hướng dẫn cả nhà chi tiết các bước cho ra đời trang signup 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 page 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ọ đã signup ở bài trước.
Bài liên quan : các mã nguồn tốt nhất để tạo ra website TMĐT
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 page đăng ký

2. chỉ dẫn dùng bootstrap

Trong những 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.
folder này mình sẽ sử dụng để chứa twitter bootstrap lấy từ trang getbootstrap.com . Nếu bạn vẫn chưa hiểu rõ bootstrap nghĩa là gì các bạn có thể lên google để tự mày mò rõ hơn. Ở đây mình sẽ tóm tắt sơ cho cả nhà nắm tổng quát. Như các bạn đã biết, thay vì 1 website bạn sẽ phải code css để có thể design lên 1 giao diện trang web hoàn chỉnh, thì twitter boostrap chính là 1 front-end framework đã thiết kế sẵn “mẫu” css cho bạn. Tùy vào mục đích sử dụng, bạn sẽ dùng bootstrap để tạo nên website riêng cho mình. 1 trong các đặc tính nổi trội của bootstrap chính là chức năng responsive (co dãn). Với tính năng này trang web của bạn sẽ có thể co dãn với những kích thước màng hình khác biệt, từ di động tới tablet, máy tính xách tay,… mà không cần phải thiết kế nhiều bản trang web dành riêng cho mỗi kích thước màng hình. Giúp tằn tiện thời gian và chi phí. Bạn có thể tham khảo thêm chi tiết hơn taị đây :
Cách tạo page quản lý user PHP
Giảng giải cũng đã xong, giờ vào vấn đề chính nào. Vào địa chỉ getbootstrap .com/getting-started/#download các bạn ấn vào nút tải bootstrap để download gói bootstrap về, bung file ra và copy cục bộ thư mục css, font, js vào thư mục bootstrap mà chúng ta đã tạo sẵn.
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 folder con tên là admin, các bạn tạo file quan-ly-thanh-vien.php dành cho mục tiêu quản lý thêm, xóa, update 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 ý những dòng bên dưới, chúng ta gọi tới những file bootstrap.min.css, bootstrap.min.js để sử dụng twiter boostrap, và jquery.min.js để sử dụng thư viện jquery.