Xin chào tất cả các bạn, chào mừng các bạn đã quay trở lại với Freetuts trong series hướng dẫn xây dựng trang tin tức bằng PHP. Ở trong bài trước, chúng ta đã hoàn thiện các chức năng của bài viết, hôm nay mình sẽ hướng dẫn các bạn xây dựng các chức năng của quản lý tài khoản. Bắt tay vào việc thôi nào!
Tài khoản
Reload lại các bạn sẽ được kết quả như thế này:
Tiếp theo các bạn mở file admin/includes/footer.php
lên và thêm đoạn code này
tiếp bên dưới phần active item:
else if [$tab == 'accounts'] { echo '$[".sidebar ul a:eq[7]"].addClass["active"];'; }
Sau đó, các bạn mở file admin/templates/content.php
và thêm cho mình điều kiện này tiếp bên dưới các điều kiện phân trang:
else if [$tab == 'accounts'] { // Hiển thị template tài khoản require_once 'templates/accounts.php'; }
Nếu load trang mà thấy lỗi thì đừng lo lắng nhé, do chúng ta chưa tạo file admin/templates/accounts.php
.
3. Phân trang tài khoản
Ở trong chức năng này, ta sẽ có hai trang:
- Trang hiển thị danh sách tài khoản [//domain.com/admin/accounts]
- Trang thêm tài khoản [//domain.com/admin/accounts/add]
Các bạn tạo cho mình file admin/templates/accounts.php
và dán nội dung này vào:
4. Thêm tài khoản
Truy cập đường dẫn //domain.com/admin/accounts/add để bắt đầu làm nhé!
Xây dựng template
Mở file admin/templates/accounts.php
và dán đoạn code này bên dưới dòng // Content thêm tài khoản
:
echo '
Tên đăng nhậpMật khẩuNhập lại mật khẩuThêm';
Viết Ajax gửi dữ liệu
Các bạn mở file admin/js/form.js
và chèn tiếp đoạn code này bên dưới:
// Thêm tài khoản $['#formAddAcc button'].on['click', function[] { $un_add_acc = $['#un_add_acc'].val[]; $pw_add_acc = $['#pw_add_acc'].val[]; $repw_add_acc = $['#repw_add_acc'].val[]; if [$un_add_acc == '' || $pw_add_acc == '' || $repw_add_acc == ''] { $['#formAddAcc .alert'].removeClass['hidden']; $['#formAddAcc .alert'].html['Vui lòng điền đầy đủ thông tin.']; } else { $.ajax[{ url : $_DOMAIN + 'accounts.php', type : 'POST', data : { un_add_acc: $un_add_acc, pw_add_acc : $pw_add_acc, repw_add_acc : $repw_add_acc, action : 'add_acc' }, success : function[data] { $['#formAddAcc .alert'].html[data]; }, error : function[] { $['#formAddAcc .alert'].removeClass['hidden']; $['#formAddAcc .alert'].html['Đã có lỗi xảy ra, hãy thử lại.']; } }]; } }];
Viết PHP xử lý dữ liệu
Tạo cho mình file admin/accounts.php
và copy nội dung này vào: