Tiết kiệm cùng Tikop với lãi suất 6%/năm

Cách tạo trang quản lý user PHP – Xây dựng giao diện ( Part 1 )

cuaninh92

Senior Member
Ở các bài trước, hướng dẫn tạo page signup, page đăng nhập, mình đã chỉ dẫn cả nhà cụ thể các bước cho ra đời trang signup và trang signin 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 : các mã nguồn tốt nhất để tạo ra website TMĐT[h=2]1. Tạo cơ sở dữ liệu[/h]Ở đây mình tiếp tục dùng lại bảng users đã tạo ở trong page đăng ký
88b1728ff4b34e7485419d3416571b8a.png
[h=2]2. chỉ dẫn dùng bootstrap[/h]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.
thư mục 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à thế nào 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ả nhà nắm tổng quát. Như các bạn đã biết, thay bởi 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 tiêu dùng, bạn sẽ dùng bootstrap để tạo nên trang web riêng cho mình. 1 trong các đặc điểm 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 trang web 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 máy tính bảng, máy tính xách tay,… mà không cần phải xây dựng nhiều phiên bản site dành riêng cho mỗi kích thước màng hình. Giúp tiện tặn thời gian và chi phí. Bạn có thể tham khảo thêm cụ thể hơn taị đây :
Hướng dẫn tạo trang 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 download bootstrap để download gói bootstrap về, giải nén ra và copy toàn thể thư mục css, font, js vào folder bootstrap mà chúng ta đã tạo sẵn.
[h=2]3. Tạo page quản lý thành viên[/h][h=4]a. xây dựng giao diện[/h]Trong thư mục 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 đích 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 để xây dựng lên giao diện quản lý thành viên :
71e8466dad334fc38de67402f199c3fe.png
cả nhà chú ý các dòng bên dưới, chúng ta gọi tới các file bootstrap.min.css, bootstrap.min.js để dùng twiter boostrap, và jquery.min.js để dùng thư viện jquery.
3f3e540d950647088853c4b665da7102.png
 
Top