hướng dẫn làm website tin tức 2

Chức năng đăng ký thành viên – Giới thiệu

chức năng đăng ký thành viên

Chào các bạn!

Hôm nay mình sẽ hướng dẫn các bạn làm chức năng đăng ký thành viên bao gồm đăng ký, đăng nhập và đăng xuất nhé!

Vì sao mình lại chọn chức năng đăng ký thành viên để hướng dẫn các bạn trước?

Bởi vì thông qua bài này mình muốn các bạn nắm bắt được những bước quan trọng trước khi đi vào những phần khác. Các bạn sẽ học trong bài này những thứ sau đây:

  1. Học cách tạo Database
  2. Học cách sử dụng class trong PHP(Object-Oriented)
  3. Học cách select, insert, update dữ liệu bằng PDO

Nào bây giờ chúng ta bắt đầu làm chức năng đăng ký thành viên nhé!

Clip hướng dẫn làm chức năng đăng ký thành viên

1. Tạo Database

Mình đã làm sẵn một demo database với một số bảng nhưng chưa có dữ liệu, các bạn download về sử dụng, link mình để ở cuối bài nhé!

Đầu tiên các bạn truy cập vào phpMyAdmin(http://localhost/phpmyadmin/index.php) sau đó chọn import rồi upload file webtintuc_data.sql lên nhé, cuối cùng là nhấn “Go“. Có thể xem ảnh minh họa

import database phpmyadmin
import database phpMyAdmin

Sau khi bấm “Go” thì database webtintuc sẽ được tạo tự động. Vậy là có Database rồi 🙂 . Trong đó gồm các bảng sau:

  • user : bảng này dùng để lưu dữ liệu của user như username, password
  • post: bảng này dùng để lưu dữ liệu các bài post (tin tức).
  • comment: bảng này lưu thông tin bình luận.
  • category: bảng này lưu thông tin các chuyên mục.

Như vậy là xong phần Database, Bây giờ xem chi tiết code chức năng đăng ký thành viên nhé! 🙂

2. Tạo class kết nối Database bằng PDO và các hàm xử lý dữ liệu

Trước khi vào phần này nếu các bạn chưa biết PDO là gì thì các bạn xem tại Kết nối PHP với MySQL nhé!

Trong file class_db.php chúng ta sẽ tạo một thư viện để kết nối với Database bằng PDO nhé! bao gồm các hàm xử lý insert(), update(), remove(), get_list(), get_row(). Mình sử dụng tài khoản phpMyAdmin với username: root và password:123456 , các bạn sửa lại theo tài khoản của các bạn nha 🙂

Trong đó:

Hàm connect() dùng để mở kết nối!

Từ khóa $this->  sử dụng để gọi các hàm hoặc biến trong class để sử dụng.

Biến $__conn dùng để chứa kết nối, từ biến này các bạn có thể lấy các hàm của PDO để sử dụng như prepare(), execute(), setFetchMode(), fetch(), fetchALL().

Như vậy là xong kết nối với Database bằng PDO và các hàm xử lý!, các bạn có thể tự mình tìm hiểu code vì mình đã comment khá đầy đủ nha hihi 🙂

3. Tạo class quản lý chức năng

Trong file class_home.php chúng ta tạo một class có tên là “homelib” và thừa kế lại class “dblib” của file class_db.php bằng từ khóa extends . Và sử dụng lại các hàm insert(), update(), remove(), get_list(), get_row() với từ khóa $this->  nhé! 🙂 . Mục đích tạo class này là để quy tụ các hàm xử lý riêng biệt cho từng chức năng trên website của chúng ta, sau đây là code các bạn có thể xem.

Trong đó chúng ta có thể hiểu như sau:

Hàm register() thực hiện chức năng đăng ký cho trang register.php

Hàm login() thực hiện chức năng đăng đăng nhập cho trang login.php

Các bạn đã hình dung ra class_home.php để làm gì chưa? 🙂

4. Chức năng Đăng ký

Chức năng đăng ký chúng ta sẽ làm trên trang register.php nhé!. trên trang register.php các bạn chép đoạn code sau

 

Lưu ý: vì chúng ta sử dụng class homelib nhưng class này thừa kế class dblib nên phải include cả 2 file class_db.phpclass_home.php luôn nhé!

Mình đã comment khá đầy đủ cách hoạt động các bạn xem code nhé!.

5. Chức năng Đăng Nhập

Chức năng đăng nhập chúng ta sẽ làm trên trang login.php nhé!. trên trang login.php các bạn chép đoạn code sau

 

Lưu ý: vì chúng ta sử dụng class homelib nhưng class này thừa kế class dblib nên phải include cả 2 file class_db.phpclass_home.php luôn nhé!

Và khi đăng nhập thành công chúng ta sẽ lưu thông tin user vào Cookie để không phải đăng nhập nữa nhé!

Mình đã comment khá đầy đủ cách hoạt động các bạn xem code nhé!.

6. Chức năng Đăng Xuất

Trang này chúng ta làm trên file logout.php nhé!

Khi đăng nhập chúng ta đã lưu thông tin user vào Cookie rồi, nên ở trang này chúng ta chỉ việc xóa Cookie đi là xong, đây chỉ là demo căn bản nhất nên sau này các bạn có thể tùy chỉnh sẽ làm những gì tiếp theo mà các bạn muốn trên trang này nhé. Sau đây là code của trang này

7. Hiển thị tên user ở trang chủ khi đã đăng nhập

Chúng ta sẽ làm trên file header.php nhé!

Ở trang này chúng ta sẽ kiểm tra Cookie nếu có thông tin user tức là đã đăng nhập thì hiển thị ra “Xin Chào Tên user” cùng với đường dẫn đến trang Đăng xuất

Sau đây là code

8. Tải Demo – SQL tạo Database và lời kết

Taaaa Da!!!!. xong rồi 🙂 , bài này hơi dài nhỉ =]] hihi. Sau khi làm xong chức năng này nếu ra được kết quả như mình thì các bạn comment bên dưới ăn mừng liền nha haha. Còn bạn nào chưa làm được hoặc không hiểu chổ nào cũng comment lun để mình hoặc các bạn khác hướng dẫn nhé! hihi.
Đây là kết quả sau khi đăng ký, đăng nhập nè!

chức năng đăng ký thành viên
chức năng đăng ký thành viên

Còn đây là link tải Demo và file data webtintuc_data.sql nha 🙂 , Tặng mình 1 like lấy tinh thần nhé! hihi

pass giải nén: phpcanban

Nguồn: phpcanban.com

Chức năng đăng ký thành viên – PHP(Object-Oriented)
5 (100%) 1 vote

BÌNH LUẬN

Please enter your comment!
Please enter your name here