Thứ Tư, 8 tháng 6, 2016

Hướng dẫn tạo trang quản lý user PHP – Xây dựng giao diện ( Phần 1 )

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

Bài liên quan : các mã nguồn tốt nhất để tạo ra website TMĐT

1. Tạo cơ sở dữ liệu

Ở đây mình tiếp tục dùng lại bảng users đã tạo ở trong page register

2. chỉ dẫn 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ừ trang getbootstrap.com . Nếu bạn vẫn chưa hiểu rõ bootstrap có nghĩa 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ả nhà nắm tổng quát. Như cả nhà đã biết, thay bởi vì 1 website bạn sẽ phải code css để có thể design lên 1 giao diện trang web 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 sử dụng, bạn sẽ sử dụng bootstrap để tạo nên trang web riêng cho mình. 1 trong các đặc tính nổi trội 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 version website dành riêng cho mỗi kích cỡ màng hình. Giúp hà tằn hà tiện time và chi phí. Bạn có thể tham khảo thêm chi tiết hơn taị đây :

Cách tạo trang quản lý member 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 để tải gói bootstrap về, bung file ra và copy tổng thể folder 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ả nhà tạo file quan-ly-thanh-vien.php dành cho mục đích quản lý thêm, xóa, cập nhật 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à lưu ý 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.


EmoticonEmoticon