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

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

Ở những bài trước, hướng dẫn tạo trang signup, trang login, mình đã chỉ dẫn các bạn cụ thể những bước cho ra đời page signup và trang đăng nhập 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ả nhà tạo page quản lý thành viên với dữ liệu có trong database, bao gồm những 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 can : các 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 dùng lại bảng users đã tạo ở trong trang đăng ký

2. chỉ 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 folder đặt tên là bootstrap.

folder 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ả nhà có thể lên google để tự tìm hiểu 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 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 đã thiết kế 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 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 biệt, từ di động đến tablet, máy tính xách tay,… mà không cần phải xây dựng nhiều phiên bản trang web dành riêng cho mỗi kích thước màng hình. Giúp hà tằn hà tiện time và vật chất. 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ý người dùng 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 tải 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.

3. Tạo page 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ả 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ú ý những 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 để sử dụng thư viện jquery.


EmoticonEmoticon