Đăng ký và đăng nhập sử dụng PHP & MySQL - Phần 1

Đây là phần 1 trong bài viết hướng dẫn đăng ký và đăng nhập sử dụng php & mysql. Ở phần này, tôi sẽ hướng dẫn các bạn xây dựng form, CSDL và cách sử dụng thẻ HTML, phần 2 tôi sẽ hướng dẫn các bạn chi tiết hơn về cách nhận dữ liệu từ form (phía client) sử dụng php và thực hiện xử lý các code đăng ký và đăng nhập.

​

Trước tiên bạn cần cài đặt sẵn các công cụ cần thiết để thực hành bài viết này, bạn có thể tham khảo ở bài viết "4 phần mềm nên sử dụng khi học joomla". Sau khi bạn đã chuẩn bị đầy đủ các công cụ cần thiết chúng ta cùng bắt tay vào việc code:
Bước 1: Xây dựng CSDL
Mục đích của việc tạo CSDL nhằm giúp cho bạn có cái nhìn tổng quan hơn về cách thực hiện kết nối và truy vấn trong MySQL sử dụng ngôn ngữ PHP, để tạo CSDL mới trong wamp ( ở đây tôi dùng wamp làm máy chủ ảo) bạn cần mở trình duyệt lên, trên thanh địa chỉ gõhttp://localhost/phpmyadmin.
Nhấp chọn Database, tại khung nhập bạn điền tên database (CSDL) và tùy chỉnh bảng mã cho CSDL là uft8_unicode_ci. Sau đó, nhấp chọn Create để tạo mới CSDL này.

​

Tạo mới database (CSDL) trong phpmyadmin​

Như vậy, bạn đã vừa tạo xong CSDL cho bài thực hành này. Tuy nhiên, CSDL chúng ta hiện vẫn chưa có gì chính vì thế bạn cần tạo thêm các bảng dữ liệu để lưu trữ thông tin cần thiết cho thành viên ở đây tôi tạm đặt tên nó là bảng users (bạn có thể đặt tên khác tùy thích) bằng cách nhấp chọn "Create table"

​

Cấu trúc của bảng users của chúng ta sẽ như hình bên dưới:

Với ý nghĩa các trường dữ liệu như sau:

• id : kiểu integer với giá trị tự tăng làm khóa
• username: Chứa tên đăng nhập
• password: Chứa mật khẩu
• Email: Chứa địa chỉ email, dùng để lấy lại mật khẩu khi bị mất.
• active: cột này chứa giá trị 0 hoặc 1, 1 là thành viên đã được kích hoạt và có thể thao tác trên hệ thống, 0 thì ngược lại.

Bước 2: Xây dựng form đăng nhập
Form đăng nhập của chúng ta sẽ trông giống với hình bên dưới, với username, password cho thành viên nhập vào và 1 nút "Đăng nhập", chúng ta sẽ đặt tên tập tin này là "login.html"

HTML:

<form name="formLogin" action="login.php" method="post">
<table>
<tr>
<td>Username:</td>
<td><input type="text" name="username" size="30" value="" /></td>
</tr>
<tr>
<td>Password:</td>
<td><input type="password" name="password" size="30" value="" /></td>
</tr>
<tr>
<td colspan="2"><input type="submit" value="Đăng nhập" /></td>
</tr>
</table>
</form>

Các bạn chú ý đến thuộc tính action="login.php", khi bạn click vào nút đăng nhập thì giá trị trong các textbox sẽ được gửi tới tập tin login.php xử lý. Tập tin login.php chúng ta sẽ xây dựng chúng trong phần 2.
Bước 3: Xây dụng form đăng ký thành viên
Cũng tương tự như tập tin login.html, form đăng ký của chúng ta cũng tương tự nhưng bổ sung thêm textbox email và thay đổi thuộc tính action="register.php"

HTML:

<form name="formRegister" action="register.php" method="post">
<table>
<tr>
<td>Username:</td>
<td><input type="text" name="username" size="30" value="" /></td>
</tr>
<tr>
<td>Password:</td>
<td><input type="password" name="password" size="30" value="" /></td>
</tr>
<tr>
<td>Re-password:</td>
<td><input type="password" name="repassword" size="30" value="" /></td>
</tr>
<tr>
<td>Email:</td>
<td><input type="text" name="email" size="30" value="" /></td>
</tr>
<tr>
<td colspan="2"><input type="submit" value="Đăng ký" /></td>
</tr>
</table>
</form>

Đến đây, chúng ta đã tạo xong các form đăng ký và đăng nhập, trong phần 2 chúng ta sẽ thực hiện xử lý dữ liệu nhận được từ các form này.

theo:joomlabasic​

Nếu bạn muốn học lập trình web thì học html & css cho vững nhé. php, javascript hay jquery thì là bước tiếp theo. chỉ cần html&css thì bạn cũng có thể làm 1 website rồi.
bạn tham khảo nha:http://truongkienthuc.vn/threads/thiet-ke-website-du-lich-bang-html-vs-css.449/

Bài này do một anh bên joomlabasic.com viết, nên mình không tiện viết phần 2(chắc viết cũng không hay hơn đâu "dỡ hơn nhiều" :v ), mình sẽ theo dõi cập nhật phần tiếp theo cho các bạn phần 2. có ý kiến gì về phần 1 này các bạn comment dưới đây nhé !