Đâ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ệu
Quan 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-requisites
Trong 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:
- HTML/CSS - TẮT khóa học Điều này sẽ không bao giờ ra khỏi danh sách khi phát triển web. Tại sao tôi thậm chí còn bận tâm đặt cái này? CƯỜI. - Off course this will never get off the list when it comes to web development. Why did I even bother place this? LOL.
- JavaScript - cho một kịch bản chuyển hướng. Không cần jQuery bây giờ - For a redirecting script. No jQuery needed for now
- MySQL - Ngôn ngữ cơ bản nhất để truy vấn. Chúng tôi sẽ sử dụng điều này cho các chức năng CRUD [Tạo, Đọc, Cập nhật, Xóa] của chúng tôi. - the most basic language for querying. We will be using this for our CRUD [Create, Read, Update, Delete] functionalities.
Đối với phần mềm, bạn sẽ cần như sau:
- Trình chỉnh sửa văn bản - Văn bản siêu phàm/Notepad ++ sẽ làm. Điều này sẽ phục vụ như môi trường mã hóa của chúng tôi. - Sublime Text/Notepad++ will do. This will serve as our coding environment.
- XAMPP - Đây sẽ là máy chủ web của chúng tôi. Đây là nơi chúng tôi sẽ lưu các tệp trang web của chúng tôi và lưu dữ liệu của chúng tôi vào cơ sở dữ liệu. - This will be our web server. This is where we will be saving our website files and save our data to the database.
- Trình duyệt web - Bạn có thể sử dụng bất kỳ trình duyệt nào miễn là nó không ăn nhiều RAM của bạn. - You can use any browser for as long as it doesn't eat much of your RAM.
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:
- Sử dụng các câu lệnh CRUD trong SQL - Tạo, đọc, cập nhật và xóa các bản ghi trong cơ sở dữ liệu. - Create, read, update and delete records in a database.
- Xác thực và bảo mật đơn giản - Đăng nhập và ra, xử lý người dùng trái phép và hạn chế quyền truy cập. - Logging in and out, handling unauthorized users and restricting access.
- Thao tác thời gian và ngày đơn giản - Hiển thị các bài đăng thời gian và ngày và giám sát bài đăng của bạn. - Displaying time and date postings and monitoring your posts.
- Hiển thị dữ liệu công khai và riêng tư - Chỉ cần hiển thị thông tin cho người dùng đăng nhập và cho công chúng. - Simply display information for logged-in users only and for the public.
- De -Briefing và Tóm tắt - Đầu ra cuối cùng và một số ghi chú. Câu hỏi thường gặp cũng được đặt ở đây. - Final output and some notes. FAQs are also place here.
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.
- 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ó
- Thêm người dùng vào cơ sở dữ liệu
- Đăng nhập người dùng: Xác thực
- Thiết lập trang chủ cho người dùng đăng nhập và đăng xuất
- Kiểm tra bảo mật trang
- Thêm dữ liệu vào danh sách - Chỉ truy cập người dùng
- Hiển thị dữ liệu trong trang chủ
- Chỉnh sửa dữ liệu
- Xóa dữ liệu
- Hiển thị dữ liệu công khai
- De-Briefing và tóm tắt
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 đầu
Lư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ạn
Bâ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:
My first PHP Website
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., you have to specify the specific file name. Example: localhost/MyfirstWebsite/page.php.
2] Tạo các trang HTML công khai
Tiế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
My first PHP Website
Click here to login
Click here to register
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
My first PHP Website
Registration Page
Click here to go back
Enter Username:
Enter password:
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
My first PHP Website
Login Page
Click here to go back
Enter Username:
Enter password:
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.php
register.php
3] 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/phpmyadmin
Từ đó, đ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
My first PHP Website
Click here to login
Click here to register
9 nằm ở phía bên trái và tạo một bảng có tên
My first PHP Website
Registration Page
Click here to go back
Enter Username:
Enter password:
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:
My first PHP Website Registration Page Click here to go back Enter Username: Enter password:1: Tên cột - Loại - Độ dài - Thuộc tính NULL - Các thuộc tính khácMy first PHP Website Registration Page Click here to go back Enter Username: Enter password:2 - Int - N/A - Not Null - Tăng tự độngMy first PHP Website Registration Page Click here to go back Enter Username: Enter password:3 - Varchar - 50 - không phải nullMy first PHP Website Registration Page Click here to go back Enter Username: Enter password:4 - Varchar - 50 - không phải null
Để 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
My first PHP Website
Registration Page
Click here to go back
Enter Username:
Enter password:
5. Tôi chỉ chỉnh sửa hình ảnh để phù hợp với trường
My first PHP Website
Registration Page
Click here to go back
Enter Username:
Enter password:
6.: You need to scroll right for the
My first PHP Website
Registration Page
Click here to go back
Enter Username:
Enter password:
5. I just edited the picture to fit the
My first PHP Website
Registration Page
Click here to go back
Enter Username:
Enter password:
6 field.Tiếp theo, hãy tạo một bảng khác có tên
My first PHP Website
Registration Page
Click here to go back
Enter Username:
Enter password:
7 với 7 cột và cho cấu trúc của bảng:My first PHP Website Registration Page Click here to go back Enter Username: Enter password:2 - Int - N/A - KhôngMy first PHP Website Registration Page Click here to go back Enter Username: Enter password:9 - Tăng tự độngMy first PHP Website Login Page Click here to go back Enter Username: Enter password:0 - Text - không phảiMy first PHP Website Login Page Click here to go back Enter Username: Enter password:1My first PHP Website Login Page Click here to go back Enter Username: Enter password:2 -My first PHP Website Login Page Click here to go back Enter Username: Enter password:3 - 30 - Không phảiMy first PHP Website Login Page Click here to go back Enter Username: Enter password:1My first PHP Website Login Page Click here to go back Enter Username: Enter password:5 -My first PHP Website Login Page Click here to go back Enter Username: Enter password:6 - không phảiMy first PHP Website Login Page Click here to go back Enter Username: Enter password:1My first PHP Website Login Page Click here to go back Enter Username: Enter password:8 -My first PHP Website Login Page Click here to go back Enter Username: Enter password:3 - 30 - Không phảiMy first PHP Website Login Page Click here to go back Enter Username: Enter password:1My first PHP Website Registration Page Click here to go back Enter Username: Enter password:1 -My first PHP Website Login Page Click here to go back Enter Username: Enter password:6 - không phảiMy first PHP Website Login Page Click here to go back Enter Username: Enter password:1My first PHP Website Registration Page Click here to go back Enter Username: Enter password:4 -My first PHP Website Login Page Click here to go back Enter Username: Enter password:3 - 5 - Không phảiMy first PHP Website Login Page Click here to go back Enter Username: Enter password:1
4] Thêm người dùng vào cơ sở dữ liệu
Bâ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
My first PHP Website
Registration Page
Click here to go back
Enter Username:
Enter password:
Đây là lời giải thích cho mã:
My first PHP Website Registration Page Click here to go back Enter Username: Enter password:7 - Kiểm tra xem biểu mẫu đã nhận được phương thứcMy first PHP Website Registration Page Click here to go back Enter Username: Enter password:8 khi được nhấp vào Subbutton. Phương phápMy first PHP Website Registration Page Click here to go back Enter Username: Enter password:8 được tạo trong HTML từMy first PHP Website Registration Page Click here to go back Enter Username: Enter Password: