Cách tạo trang quản lý người dùng PHP – Xây dựng giao diện ( Phần 1 )

Ở các bài trước, hướng dẫn tạo trang đăng ký, page login, mình đã chỉ dẫn các bạn cụ thể những bước cho ra đời trang đăng ký 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 chỉ dẫn các bạn 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ọ đã register ở bài trước.

Bài liên can : các mã nguồn mở tốt nhất để tạo ra site thương mại điện 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ý

2. hướng 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.

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 là thế nào 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ác bạn nắm tổng quát. Như các bạn đã 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 tiêu sử dụng, bạn sẽ dùng bootstrap để tạo nên site riêng cho mình. 1 trong những đặc điểm nổi trội của bootstrap chính là chức 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 các kích thước màng hình khác nhau, từ điện thoại tới tablet, laptop,… mà không cần phải xây dựng nhiều bản website dành riêng cho mỗi kích thước màng hình. Giúp tiện tặn time và vật chất. Bạn có thể tham khảo thêm chi tiết hơn taị đây :

Hướng dẫn tạo trang quản lý thành viên 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 download bootstrap để download gói bootstrap về, bung file ra và copy toàn cục 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 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 đến 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.

Previous
Next Post »