Hướng dẫn tạo trang quản lý user PHP – Thiết kế giao diện ( Phần 1 )

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

Bài liên can : những mã nguồn tốt nhất để tạo ra site 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 trang register

2. hướng dẫn dùng bootstrap

Trong các bài viết trước, nếu để ý cả nhà 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 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ả nhà đã biết, thay vì 1 website 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 đã thiết kế sẵn "mẫu" css cho bạn. Tùy vào mục đích 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 bật của bootstrap chính là tính năng responsive (co dãn). Với chức năng này site của bạn sẽ có thể co dãn với những kích cỡ màng hình không giống nhau, từ điện thoại tới tablet, máy tính xách tay,… mà không cần phải thiết kế nhiều bản website dành riêng cho mỗi kích cỡ màng hình. Giúp hà tằn hà tiện thời gian và chi phí. Bạn có thể tham khảo thêm cụ thể hơn taị đây :

Cách tạo page quản lý user PHP

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

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

a. xây dựng giao diện

Trong folder my_website, tại thư mục con tên là admin, cả nhà 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ả nhà chú ý những 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.