Trong bài này, các bạn sẽ biết cách thiết kế một trang web Login với PHP và MySQL và làm thế nào để lấy thông tin từ dữ liệu. Đây là cách dễ dàng nhất để sử dụng PHP với MySQL để tạo ra trang đăng nhập. Nhưng đây là kiểu trang web mà chúng ta cần để sử dụng form để cần thiết trên trang web khi lap trinh php.
Điều kiện cần để viết một trang web Sign-in
– HTML
– CSS
– PHP
– MySQL
– Xampp/Wamp server
1. Tạo file Sign-in.html
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
<!DOCTYPE HTML>
<html>
<head>
<title>Sign–In</title>
<link rel=“stylesheet” type=“text/css” href=“style-sign.css”>
</head> <
body id=“body-color”>
<div id=“Sign-In”>
<fieldset style=“width:30%”><legend>LOG–IN HERE</legend>
<form method=“POST” action=“connectivity.php”> User <br>
<input type=“text” name=“user” size=“40”><br> Password <br>
<input type=“password” name=“pass” size=“40”><br>
<input id=“button” type=“submit” name=“submit” value=“Log-In”>
</form>
</fieldset>
</div>
</body>
</html>
|
2. Tạo file style.css
|
1
2
3
4
5
6
7
8
9
10
11
12
13
|
/*CSS File For Sign-In webpage*/
#body-color{ background-color:#6699CC; }
#Sign-In{
margin–top:150px; margin–bottom:150px;
margin–right:150px; margin–left:450px;
border:3px solid #a1a1a1; padding:9px 35px;
background:#8000CC; width:400px;
border–radius:20px; box–shadow: 7px 7px 6px; }
#button{
border–radius:10px; width:100px;
height:40px; background:#FF00FF;
font–weight:bold; font–size:20px
}
|
3. Sử dụng PHP và MySQL để tạo Login sử dụng trang thông tin
– Tạo bảng
|
1
2
3
4
5
6
|
CREATE TABLE UserName (
UserNameID int(9) NOT NULL auto_increment,
userName VARCHAR(40) NOT NULL,
pass VARCHAR(40) NOT NULL,
PRIMARY KEY(UserNameID)
);
|
– Tạo dữ liệu trong bảng
|
1
2
3
4
|
INSERT INTO
UserName (userName, pass)
VALUES
(“mrbool”,“mrbool123”);
|
4. Tạo file connectivity.php
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
<?php
define(‘DB_HOST’, ‘localhost’);
define(‘DB_NAME’, ‘practice’);
define(‘DB_USER’,‘root’);
define(‘DB_PASSWORD’,”);
$con=mysql_connect(DB_HOST,DB_USER,DB_PASSWORD) or die(“Failed to connect to MySQL: “ . mysql_error());
$db=mysql_select_db(DB_NAME,$con) or die(“Failed to connect to MySQL: “ . mysql_error());
/* $ID = $_POST[‘user’]; $Password = $_POST[‘pass’];
*/ function SignIn() { session_start();
//starting the session for user profile page if(!empty($_POST[‘user’])) //checking the ‘user’ name which is from Sign-In.html, is it empty or have some text { $query = mysql_query(“SELECT * FROM UserName where userName = ‘$_POST[user]’ AND pass = ‘$_POST[pass]'”) or die(mysql_error());
$row = mysql_fetch_array($query) or die(mysql_error());
if(!empty($row[‘userName’]) AND !empty($row[‘pass’])) { $_SESSION[‘userName’] = $row[‘pass’];
echo “SUCCESSFULLY LOGIN TO USER PROFILE PAGE…”; }
else { echo “SORRY… YOU ENTERD WRONG ID AND PASSWORD… PLEASE RETRY…”;
} } }
if(isset($_POST[‘submit’])) { SignIn();
}
?>
|
Các bạn lên trình duyệt và vào trang sign-in.html sẽ hiện lên kết quả
Trung tâm đào tạo học lap trinh android và hoc photoshop chuyên nghiệp !
Chia sẻ bài viết:
