Ở các bài trước, chỉ dẫn tạo page register, trang login, mình đã chỉ dẫn cả nhà chi tiết những bước cho ra đời page signup và trang signin 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ả nhà 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ọ đã signup ở bài trước.
Bài liên quan : những mã nguồn mở tốt nhất để tạo ra trang web 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 sử dụng bootstrap
Trong những 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.
folder này mình sẽ dùng để chứa twitter bootstrap lấy từ page 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ự khám phá 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 bởi vì 1 site 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ẽ dùng bootstrap để tạo nên trang web riêng cho mình. 1 trong những đặc tính nổi bật của bootstrap chính là chức 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 biệt, từ di động đến tablet, laptop,… mà không cần phải xây dựng nhiều version 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 chi tiết hơn taị đây :
Hướng dẫn 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ả nhà ấn vào nút download bootstrap để tải gói bootstrap về, giải nén ra và copy tổng thể thư mục css, font, js vào folder 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 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, cập nhật thành viên.
Trong file quan-ly-thanh-vien.php cả nhà gõ code như sau để thiết kế lên giao diện quản lý thành viên :
các bạn chú ý các 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.