Hướng dẫn tạo trang quản lý thành viên PHP – Thiết kế giao diện ( Part 1 )

ngocseo00

Banned
Tham gia
19/5/2016
Bài viết
0
Ở những bài trước, hướng dẫn tạo page register, trang signin, mình đã chỉ dẫn các bạn chi tiết các bước cho ra đời trang đăng ký và trang login trong PHP là như thế nào. Trong bài viết hôm nay mình sẽ tiếp tục chỉ 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 những chức năng thêm, xóa, sửa thành viên khi họ đã register ở bài trước.
Bài liên can : những mã nguồn mở 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 đăng ký
88b1728ff4b34e7485419d3416571b8a.png

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 folder đặt tên là bootstrap.
thư mục này mình 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ả nhà 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ả nhà đã 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 đích dùng, bạn sẽ dùng bootstrap để tạo nên website 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 chức năng này website của bạn sẽ có thể co dãn với những kích thước màng hình không giống nhau, từ di động tới tablet, laptop,… mà không cần phải thiết kế nhiều phiên bản site dành riêng cho mỗi kích thước màng hình. Giúp kiệm ước time và chi phí. Bạn có thể tham khảo thêm cụ thể hơn taị đây :
Cách tạo trang quản lý member 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 để tải gói bootstrap về, bung file ra và copy toàn bộ thư mục css, font, js vào folder 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 để 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 đến 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
 
Hiệu chỉnh bởi quản lý:
×
Quay lại
Top