Hướng dẫn how to create php website step by step pdf - cách tạo trang web php từng bước pdf
|
Show
Đây là một hướng dẫn chi tiết về phát triển web back-end trong PHP. Tôi sẽ dạy các chức năng cơ bản, xác thực và bảo mật không phải là hệ thống thành viên. Những thứ như, thiết lập máy chủ của bạn, tạo các trang HTML công khai, tạo cơ sở dữ liệu và các bảng của nó và thêm người dùng vào cơ sở dữ liệu.
Giới thiệuQuan tâm đến việc tạo trang web của riêng bạn? Bạn đã bao giờ tự hỏi làm thế nào tuyệt vời khi có một trang web có chức năng đăng nhập/đăng xuất? Bạn muốn tìm hiểu cách tạo, đọc, cập nhật hoặc xóa (CRUD) trong cơ sở dữ liệu? Bạn đã mất dấu trên các hướng dẫn trước đây của bạn? Chà, tôi sẽ dạy bạn cách tạo một cái từ đầu, nơi bạn sẽ biết mọi chi tiết về cách thức hoạt động của mã. Nếu bạn chưa quen với phát triển web back-end, hướng dẫn này là dành cho bạn. Tôi sẽ giải thích mọi thứ một cách chi tiết để bạn không phải nghiên cứu một số phương pháp cụ thể đang được sử dụng. Chúng tôi sẽ không sử dụng bất kỳ khung nào để giữ cho mọi thứ đơn giản. Ngoài ra, tôi sẽ không tập trung vào thiết kế trang web vì sau khi các chức năng, thật dễ dàng để thực hiện thiết kế. Những gì sẽ làm là một danh sách đơn giản khi người dùng được đăng nhập.I'll explain everything in detail so that you won't have to research some particular methods being used. We won't be using any frameworks to keep things simple. Also, I won't be focusing on the websites design since where after the functionalities though, it's easy to implement the design. What will be doing is a simpleitem list when the users is logged in. *Phích cắm không biết xấu hổ* Bạn cũng có thể kiểm tra ASP.NET MVC 5 của tôi từ phiên bản đầu ngay tại đây. Tôi cũng có NodeJS/Express với phiên bản MongoDB ngay tại đây. Pre-requisitesTrong hướng dẫn này, chúng tôi sẽ sử dụng một số ngôn ngữ sẽ tăng cường sự phát triển của chúng tôi. Nếu bạn thực sự không biết bất kỳ điều gì tôi sẽ đề cập, thì không sao. Chỉ cần cố gắng đi với dòng chảy. Thật dễ dàng để hiểu chúng vì tôi không sử dụng các phương pháp nâng cao cho phương pháp này. Tất nhiên vì điều này đang tạo ra một dịch vụ back-end cho một trang web, bạn phải biết ít nhất những điều rất rất cơ bản của những điều sau đây:
Đối với phần mềm, bạn sẽ cần như sau:
Hãy chắc chắn để có ba cài đặt đó. Không tiến hành nếu bạn không hoàn thành cài đặt chúng. Tôi đã cung cấp một siêu liên kết để làm cho mọi thứ nhanh hơn. Đối với chương trình nghị sự của chúng tôi trong chủ đề này:
Nội dung chủ đềLưu ý: Trong trường hợp bạn dừng ở một phần nhất định hoặc muốn tìm kiếm nhanh chóng, bạn chỉ có thể tiếp tục bằng cách nhấn Ctrl + F và tìm số mà bạn dừng lần cuối.: In case you stopped on a certain part or want to search quickly, you can simply resume by pressing Ctrl + f and look for the number where you last stopped.
Hãy chắc chắn rằng bạn theo trình tự thời gian. Đừng tiến hành mà không hoàn thành phần trước, không trừ khi bạn biết mã. Một số lời nhắc trước khi chúng ta bắt đầuLưu ý: Nếu hình ảnh có vẻ không rõ ràng/mờ, bạn có thể nhấp vào nó để xem nó ở kích thước lớn hơn của nó. Ngoài ra, hãy tha thứ cho tôi vì đã sử dụng hình ảnh để hiển thị mã thay vì hiển thị cho bạn một văn bản thô vì nó không thể định dạng đúng trên đăng ký WordPress của tôi nhưng đừng lo lắng, tôi sẽ tải lên sản phẩm hoàn chỉnh ở cuối hướng dẫn này kiểm tra kỹ tác phẩm của bạn.: If the picture seems unclear/blurry, you can click it to view it in its larger size. Also, pardon me for using images to display the codes rather than showing you a raw text because it can't format properly on my WordPress subscription but don't worry, I'll be uploading the finished product at the end of this tutorial to double-check your work. 1) Thiết lập máy chủ của bạnBây giờ bạn đã được thiết lập và đi, vì những điều cơ bản của lập trình, hãy bắt đầu bằng cách tạo ra một tiếng hét đơn giản của "Hello World" trong máy chủ của chúng tôi. Trước hết, đi đến thư mục nơi bạn đã cài đặt XAMPP của mình (thường là trong C: \ XAMPP). Từ đó, đi đến thư mục HTDOCS (thường là trong C: \ Xampp \ HtDocs) và tạo một thư mục có tên là "MyFirstWebsite". Từ phần đó, bây giờ bạn đã tạo một URL cục bộ cho trang web của mình. Thư mục đó sẽ được sử dụng để cung cấp trong tất cả các tệp trang web (.html, .php, .css, .js, v.v.). Mở ra trình soạn thảo văn bản của bạn và bắt đầu! Tôi sử dụng văn bản siêu phàm làm trình chỉnh sửa văn bản của tôi. Nếu bạn sử dụng notepad ++ hoặc bất kỳ ai khác, thì không sao. Nó không thực sự là một yếu tố lớn nhưng nó chỉ là một sở thích mà bạn muốn sử dụng. Những gì chúng tôi sẽ làm là một trang HTML cơ bản và hiển thị "Hello World" từ máy chủ bằng cú pháp PHP cơ bản. Sau đó chúng tôi nhập cú pháp sau: <html> <head> <title>My first PHP Website</title> </head> <body> php echo " Lưu tệp vào thư mục "myfirstwebsite" và đặt tên nó là "index.php". (Thư mục như đã thấy trên phần trên cùng của hình ảnh.) Bây giờ bạn có tập tin. Bây giờ chúng ta hãy mở bảng điều khiển XAMPP của bạn. Trong trường hợp nó không xuất hiện trên máy tính để bàn của bạn, nó nằm trong thư mục XAMPP của bạn như đã thấy trong hình: Bây giờ nó đã ở đó, hãy chạy Apache và MySQL của bạn bằng cách nhấp vào nút "Bắt đầu" trên cột Hành động. Bạn sẽ thấy một PID ngẫu nhiên và số cổng mặc định. Apache là tên của máy chủ web của chúng tôi trong đó nó sẽ xử lý tất cả các tệp cũng như đóng vai trò liên lạc với trình duyệt web và MySQL là cơ sở dữ liệu của chúng tôi sẽ lưu trữ tất cả thông tin của chúng tôi.Start" button on the actions column. You should see a random PID(s) and the default port number. Apache is the name of our web server wherein it will handle all the files as well as serve as the communication to the web browser and MySQL is our database which will store all of our information. Mở trình duyệt web của bạn và trong thanh địa chỉ, nhập localhost. Bạn sẽ xem menu của XAMPP của bạn.localhost. You should see the menu of your XAMPP. Nếu đó là lần đầu tiên bạn chạy nó, nó sẽ hỏi bạn thích ngôn ngữ nào, chỉ cần chọn và nó sẽ dẫn bạn đến menu. Nếu bạn sẽ nhận thấy thư mục là localhost/xampp, đó là nơi trang mặc định dẫn bạn ngay cả khi bạn nhập localhost. Nếu điều đó xuất hiện, thì điều đó có nghĩa là máy chủ XAMPP của bạn hiện đang chạy. Bây giờ chúng ta hãy thử chạy trang web bạn vừa đặt. Hãy thử gõ localhost/myfirstwebsite. Nó phải giống như hình ảnh dưới đây.It should be the same as the picture below. Nếu bạn sẽ nhận thấy rằng URL là myfirstwebsite, nó có nguồn gốc từ thư mục HTDOCS và nó tự động đọc các tệp được đặt tên là "index" (có thể là index.html, index.aspx, v.v.), đóng vai trò là trang mặc định. Gõ localHost/myfirstwebsite/index.phpis giống nhau. Bạn cũng có thể tạo tên tùy chỉnh của mình cho URL bằng cách đổi tên thư mục nhưng chúng ta hãy gắn bó với myfirstwebsite.is just the same. You can also create your custom name for the URL by simply renaming the folder but let's just stick to MyFirstWebsite. Lưu ý: Nếu bạn không có tệp có tên chỉ mục và bạn đã nhập URL, bạn sẽ nhận được lỗi 404 vì không có tệp trên máy chủ. Nếu bạn có các tệp khác nhau không được đặt tên chỉ mục., Bạn phải chỉ định tên tệp cụ thể. Ví dụ: LocalHost/myFirstWebsite/page.php.: If you don't have a file named index and you entered the URL, you will receive an error 404 for not having the file on the server. If you do have
different files that are not named index. 2) Tạo các trang HTML công khaiTiếp theo, hãy sửa đổi lại trang web của chúng tôi và thêm liên kết đăng ký nơi người dùng của chúng tôi có thể đăng ký cũng như trang đăng nhập ngay sau khi đăng ký. Hãy sửa đổi trang chủ của chúng tôi bằng mã sau: index.php<html> <head> <title>My first PHP Website</title> </head> <body> php echo " Như bạn có thể thấy, chúng tôi chỉ thêm hai liên kết dành cho đăng nhập và đăng ký. Hãy tạo trang đăng ký trước. register.php<html> <head> <title>My first PHP Website</title> </head> <body> <h2>Registration Page</h2> <a href="index.php">Click here to go back<br/><br/> <form action="register.php" method="POST"> Enter Username: <input type="text" name="username" required="required" /> <br/> Enter password: <input type="password" name="password" required="required" /> <br/> <input type="submit" value="Register"/> </form> </body> </html> Như bạn có thể thấy, đó chỉ là một hình thức cơ bản mà người dùng có thể nhập thông tin đăng nhập của mình. Bây giờ cho trang đăng nhập: Gợi ý: Chỉ cần sao chép-dán cùng một mã để làm cho mọi thứ nhanh hơn.: Just copy-paste the same code to make things faster. login.php<html> <head> <title>My first PHP Website</title> </head> <body> <h2>Login Page</h2> <a href="index.php">Click here to go back<br/><br/> <form action="checklogin.php" method="POST"> Enter Username: <input type="text" name="username" required="required" /> <br/> Enter password: <input type="password" name="password" required="required" /> <br/> <input type="submit" value="Login"/> </form> </body> </html> Về cơ bản, nó chỉ là cùng một mã như từ Đăng ký.php nhưng những thay đổi được thực hiện là những thay đổi được gạch chân. Nhấn vào đây để biết hoàn chỉnh mã đăng nhập. Hãy thử chạy lại localhost/myfirstwebsite và các trang của bạn sẽ trông như thế này: index.phpregister.php3) Tạo cơ sở dữ liệu và các bảng của nóBây giờ chúng tôi có trang cơ bản của chúng tôi cho công chúng. Hãy tiến hành cơ sở dữ liệu. Đầu tiên, nhập localhost/phpmyadmin. Điều này sẽ dẫn bạn đến trang chủ phpmyadmin: localhost/phpmyadminTừ đó, đi đến tab cơ sở dữ liệu nằm trên đầu, sau đó từ hộp văn bản ở giữa, nhập First_db sau đó nhấp vào Tạo. Chỉ cần rời khỏi đối chiếu như là. Bạn vừa tạo thành công cơ sở dữ liệu đầu tiên của bạn. Bây giờ từ đó, hãy tạo một bảng trong đó chúng tôi có thể đăng ký người dùng và hiển thị thông tin. Đầu tiên, nhấp vào trên <html> <head> <title>My first PHP Website</title> </head> <body> php echo "9 nằm ở phía bên trái và tạo một bảng có tên <html> <head> <title>My first PHP Website</title> </head> <body> <h2>Registration Page</h2> <a href="index.php">Click here to go back<br/><br/> <form action="register.php" method="POST"> Enter Username: <input type="text" name="username" required="required" /> <br/> Enter password: <input type="password" name="password" required="required" /> <br/> <input type="submit" value="Register"/> </form> </body> </html>0 với 3 cột, sau đó nhấp vào GO.Go. Đối với cấu trúc của bảng, hãy đảm bảo có các trường sau, sau đó nhấp vào Lưu:
Để lại mọi thứ theo mặc định nếu không được chỉ định. Lưu ý: Bạn cần phải cuộn đúng cho <html> <head> <title>My first PHP Website</title> </head> <body> <h2>Registration Page</h2> <a href="index.php">Click here to go back<br/><br/> <form action="register.php" method="POST"> Enter Username: <input type="text" name="username" required="required" /> <br/> Enter password: <input type="password" name="password" required="required" /> <br/> <input type="submit" value="Register"/> </form> </body> </html>5. I just edited the picture to fit the <html> <head> <title>My first PHP Website</title> </head> <body> <h2>Registration Page</h2> <a href="index.php">Click here to go back<br/><br/> <form action="register.php" method="POST"> Enter Username: <input type="text" name="username" required="required" /> <br/> Enter password: <input type="password" name="password" required="required" /> <br/> <input type="submit" value="Register"/> </form> </body> </html>6 field. Tiếp theo, hãy tạo một bảng khác có tên <html> <head> <title>My first PHP Website</title> </head> <body> <h2>Registration Page</h2> <a href="index.php">Click here to go back<br/><br/> <form action="register.php" method="POST"> Enter Username: <input type="text" name="username" required="required" /> <br/> Enter password: <input type="password" name="password" required="required" /> <br/> <input type="submit" value="Register"/> </form> </body> </html>7 với 7 cột và cho cấu trúc của bảng:
4) Thêm người dùng vào cơ sở dữ liệuBây giờ chúng tôi có bảng của chúng tôi. Hãy chuyển sang phần thú vị, đưa trang đăng ký của bạn thành hành động. Từ đăng ký của bạn.php, thêm các mã sau bên dưới mã HTML: register.php<html> <head> <title>My first PHP Website</title> </head> <body> <h2>Registration Page</h2> <a href="index.php">Click here to go back<br/><br/> <form action="checklogin.php" method="POST"> Enter Username: <input type="text" name="username" required="required" /> <br/> Enter password: <input type="password" name="password" required="required" /> <br/> <input type="submit" value="Register"/> </form> </body> </html> php if($_SERVER["REQUEST METHOD"] == "POST"){ $username = mysql_real_escape_string($_POST['username']); $password = mysql_real_escape_string($_POST['password']); echo "Username entered is: ". $username . " Đây là lời giải thích cho mã:
Bây giờ hãy cố gắng truy cập Đăng ký.php của bạn và cố gắng nhập bất cứ điều gì sau đó nhấp vào " <html> <head> <title>My first PHP Website</title> </head> <body> <h2>Registration Page</h2> <a href="index.php">Click here to go back<br/><br/> <form action="register.php" method="post"> Enter Username: <input type="text" name="username" required="required" /> <br/> Enter Password: <input type="password" name="password" required="required" /> <br/> <input type="submit" value="Register"/> </form> </body> </html> php if($_SERVER["REQUEST_METHOD"] == "POST"){ $username = mysql_real_escape_string($_POST['username']); $password = mysql_real_escape_string($_POST['password']); $bool = true; mysql_connect("localhost", "root","") or die(mysql_error()); mysql_select_db("first_db") or due("Cannot connect to database"); $query = mysql_query("Select * from users"); while($row = mysql_fetch_array($query)) { $table_users == $row['username']; if($username == $table_users) { $bool = false; Print ''; Print '";//redirects to //register.php } } if($bool) // checks if bool is true { mysql_query("INSERT INTO users (username, password) _ VALUES ('$username', 'password')"); // inserts value into table users Print '<script>alert("Successfully Registered!");</script>'; // Prompts the user Print '<script>window.location.assign("register.php");</script>'; // redirects to // register.php } } ?>6." Trong trường hợp của tôi, tôi đã đặt vào tên người dùng Xtian và mật khẩu là 123456. Nó sẽ hiển thị các đầu vào bên dưới. Đây là mẫu của tôi: Về phần này, bạn nên hiểu làm thế nào để có được đầu vào từ biểu mẫu. Bây giờ để thêm nó vào cơ sở dữ liệu. Trên đăng ký của bạn.php, thêm mã sau: register.php<html> <head> <title>My first PHP Website</title> </head> <body> <h2>Registration Page</h2> <a href="index.php">Click here to go back<br/><br/> <form action="register.php" method="post"> Enter Username: <input type="text" name="username" required="required" /> <br/> Enter Password: <input type="password" name="password" required="required" /> <br/> <input type="submit" value="Register"/> </form> </body> </html> php if($_SERVER["REQUEST_METHOD"] == "POST"){ $username = mysql_real_escape_string($_POST['username']); $password = mysql_real_escape_string($_POST['password']); $bool = true; mysql_connect("localhost", "root","") or die(mysql_error()); mysql_select_db("first_db") or due("Cannot connect to database"); $query = mysql_query("Select * from users"); while($row = mysql_fetch_array($query)) { $table_users == $row['username']; if($username == $table_users) { $bool = false; Print ''; Print '";//redirects to //register.php } } if($bool) // checks if bool is true { mysql_query("INSERT INTO users (username, password) _ VALUES ('$username', 'password')"); // inserts value into table users Print '<script>alert("Successfully Registered!");</script>'; // Prompts the user Print '<script>window.location.assign("register.php");</script>'; // redirects to // register.php } } ?> Nhấn vào đây để hoàn thành tệp đăng ký.php Dưới đây là những giải thích cho mã:
Hãy thử các đầu vào mà bạn đã thực hiện trước đó và xem điều gì sẽ xảy ra. Nó sẽ nhắc nhở rằng bạn đã đăng ký thành công. Hãy thử đi đến
session_start();
$username = mysql_real_escape_string($_POST['username']);
$password = mysql_real_escape_string($_POST['password']);
$bool = true;
mysql_connect("localhost", "root", "") or die (mysql_error());
mysql_select_db("first_db") or die ("Cannot connect to database");
$query = mysql_query("Select * from users WHERE username='$username'");
$exists = mysql_num_rows($query);
$table_users = "":
$table_password = "";
if($exists > 0)
{
while($row = mysql_fetch_assoc($query))
{
$table_users = $row['username'];
$table_password = $row['password'];
}
if(($username == $table_users) && ($password == $table_password))
{
if($password == $table_password)
{
$_SESSION['user'] = $username;
header("location: home.php");
}
}
else
{
Print '';
Print '';
}
}
else
{
Print '';
Print '';
}
?>5 và xem bảng <html> <head> <title>My first PHP Website</title> </head> <body> <h2>Registration Page</h2> <a href="index.php">Click here to go back<br/><br/> <form action="register.php" method="POST"> Enter Username: <input type="text" name="username" required="required" /> <br/> Enter password: <input type="password" name="password" required="required" /> <br/> <input type="submit" value="Register"/> </form> </body> </html>0 của bạn: Xin chúc mừng! Bây giờ bạn đã biết cách thêm dữ liệu vào cơ sở dữ liệu với xác nhận dữ liệu. 5) Đăng nhập người dùng: Xác thựcBây giờ cho trang đăng nhập. Chúng ta hãy tạo một tệp mới có tên là kiểm tra.php. Lý do là quay trở lại login.php của chúng tôi, biểu mẫu của chúng tôi có một hành động gọi là "Checklogin.php", đặc biệt là
session_start();
$username = mysql_real_escape_string($_POST['username']);
$password = mysql_real_escape_string($_POST['password']);
$bool = true;
mysql_connect("localhost", "root", "") or die (mysql_error());
mysql_select_db("first_db") or die ("Cannot connect to database");
$query = mysql_query("Select * from users WHERE username='$username'");
$exists = mysql_num_rows($query);
$table_users = "":
$table_password = "";
if($exists > 0)
{
while($row = mysql_fetch_assoc($query))
{
$table_users = $row['username'];
$table_password = $row['password'];
}
if(($username == $table_users) && ($password == $table_password))
{
if($password == $table_password)
{
$_SESSION['user'] = $username;
header("location: home.php");
}
}
else
{
Print '';
Print '';
}
}
else
{
Print '';
Print '';
}
?>7. Nếu bạn sẽ nhận thấy trên Đăng ký.php, thì nó cũng có trên Đăng ký.php vì phần cuối cũng được thực hiện trên cùng một tệp.Bây giờ chúng ta hãy mã hóa CheckLogin.php với cú pháp sau: checklogin.php
session_start();
$username = mysql_real_escape_string($_POST['username']);
$password = mysql_real_escape_string($_POST['password']);
$bool = true;
mysql_connect("localhost", "root", "") or die (mysql_error());
mysql_select_db("first_db") or die ("Cannot connect to database");
$query = mysql_query("Select * from users WHERE username='$username'");
$exists = mysql_num_rows($query);
$table_users = "":
$table_password = "";
if($exists > 0)
{
while($row = mysql_fetch_assoc($query))
{
$table_users = $row['username'];
$table_password = $row['password'];
}
if(($username == $table_users) && ($password == $table_password))
{
if($password == $table_password)
{
$_SESSION['user'] = $username;
header("location: home.php");
}
}
else
{
Print '';
Print '';
}
}
else
{
Print '';
Print '';
}
?>Nhấn vào đây để biết hoàn thành mã kiểm tra.php Đây là lời giải thích của mã. (Một số được giải thích sớm hơn vì vậy không cần phải nhắc lại):
Bài Viết Liên Quan
Bản quyền © 2021 Học Tốt Inc.
|
