Hướng dẫn what is dynamic website in php - trang web động trong php là gì

Chương & NBSP; 1. & NBSP; Giới thiệu về nội dung web động

World Wide Web là một mạng lưới liên tục phát triển đã vượt xa quan niệm của nó vào đầu những năm 1990, khi nó được tạo ra để giải quyết một vấn đề cụ thể. Các thí nghiệm tiên tiến tại CERN (Phòng thí nghiệm vật lý hạt châu Âu, bây giờ được biết đến với cái tên là nhà điều hành của máy va chạm Hadron lớn) đã tạo ra số lượng dữ liệu đáng kinh ngạc, rất nhiều dữ liệu đã chứng minh sự khó sử dụng để phân phối cho người tham gia tham gia Các nhà khoa học đã lan rộng ra khỏi thế giới.

Vào thời điểm này, internet đã sẵn sàng, với hàng trăm nghìn máy tính được kết nối với nó, vì vậy Tim Berners-Lee (một người đồng nghiệp) đã nghĩ ra một phương pháp điều hướng giữa chúng bằng cách sử dụng khung siêu liên kết, được gọi là chuyển giao siêu văn bản Giao thức, hoặc HTTP. Ông cũng tạo ra một ngôn ngữ đánh dấu có tên HTML, hoặc Ngôn ngữ đánh dấu siêu văn bản. Để mang chúng lại với nhau, anh ấy đã viết trình duyệt web và máy chủ web đầu tiên, các công cụ mà chúng tôi hiện đang coi là điều hiển nhiên.

Nhưng hồi đó, khái niệm này là cách mạng. Khả năng kết nối nhiều nhất cho đến nay bởi người dùng modem tại nhà đã quay số và kết nối với bảng thông báo được lưu trữ bởi một máy tính, nơi bạn có thể giao tiếp và trao đổi dữ liệu với người dùng khác của dịch vụ đó. Do đó, bạn cần phải là thành viên của nhiều hệ thống bảng thông báo để giao tiếp hiệu quả bằng điện tử với đồng nghiệp và bạn bè của bạn.

Nhưng Berners-Lee đã thay đổi tất cả những điều đó trong một cú đánh, và vào giữa những năm 1990, có ba trình duyệt web đồ họa lớn cạnh tranh để chú ý đến năm triệu người dùng. Tuy nhiên, nó đã sớm trở nên rõ ràng rằng một cái gì đó đã bị thiếu. Có, các trang văn bản và đồ họa với các siêu liên kết để đưa bạn đến các trang khác là một khái niệm tuyệt vời, nhưng kết quả đã không phản ánh tiềm năng tức thời của máy tính và internet để đáp ứng các nhu cầu cụ thể của mỗi người dùng có nội dung thay đổi động. Sử dụng web là một trải nghiệm rất khô khan và đơn giản, ngay cả khi chúng tôi đã có văn bản cuộn và GIF hoạt hình!

Giỏ hàng, công cụ tìm kiếm và mạng xã hội đã thay đổi rõ ràng cách chúng ta sử dụng web. Trong chương này, chúng tôi sẽ xem xét ngắn gọn về các thành phần khác nhau tạo nên web và phần mềm giúp làm cho nó trở thành một trải nghiệm phong phú và năng động.

Ghi chú

Nó là cần thiết để bắt đầu sử dụng một số từ viết tắt ngay lập tức ngay lập tức. Tôi đã cố gắng giải thích rõ ràng chúng trước khi tiếp tục. Nhưng đừng lo lắng quá nhiều về những gì họ đại diện cho hoặc những cái tên này có nghĩa là gì, bởi vì tất cả các chi tiết sẽ trở nên rõ ràng khi bạn đọc tiếp.

HTTP và HTML: Cơ bản cơ bản của Berners-Lee

HTTP là một tiêu chuẩn giao tiếp điều chỉnh các yêu cầu và phản hồi diễn ra giữa trình duyệt chạy trên máy tính người dùng cuối và máy chủ web. Công việc của máy chủ là chấp nhận yêu cầu từ máy khách và cố gắng trả lời nó một cách có ý nghĩa, thường là bằng cách phục vụ một trang web được yêu cầu, đó là lý do tại sao máy chủ thuật ngữ được sử dụng. Đối tác tự nhiên cho máy chủ là máy khách, do đó, thuật ngữ đó được áp dụng cả cho trình duyệt web và máy tính mà nó đang chạy.server is used. The natural counterpart to a server is a client, so that term is applied both to the web browser and the computer on which it’s running.

Giữa máy khách và máy chủ có thể có một số thiết bị khác, chẳng hạn như bộ định tuyến, proxy, cổng, v.v. Họ phục vụ các vai trò khác nhau trong việc đảm bảo các yêu cầu và phản hồi được chuyển chính xác giữa máy khách và máy chủ. Thông thường, họ sử dụng Internet để gửi thông tin này.

Một máy chủ web thường có thể xử lý nhiều kết nối đồng thời và khi không giao tiếp với khách hàng, dành thời gian lắng nghe kết nối đến. Khi một người đến, máy chủ sẽ gửi lại phản hồi để xác nhận biên lai của nó.

Quy trình yêu cầu/phản hồi

Ở cấp độ cơ bản nhất, quy trình yêu cầu/phản hồi bao gồm trình duyệt web yêu cầu máy chủ web gửi cho nó một trang web và máy chủ gửi lại trang. Sau đó, trình duyệt quan tâm đến việc hiển thị trang (xem Hình & NBSP; 1-1).

Hướng dẫn what is dynamic website in php - trang web động trong php là gì

Hình & NBSP;

Mỗi bước trong trình tự yêu cầu và phản hồi như sau:

  1. Bạn nhập http://server.com vào thanh địa chỉ trình duyệt của bạn.http://server.com into your browser’s address bar.

  2. Trình duyệt của bạn tra cứu địa chỉ IP cho Server.com.server.com.

  3. Trình duyệt của bạn đưa ra yêu cầu cho trang chủ tại server.com.server.com.

  4. Yêu cầu vượt qua Internet và đến máy chủ web của máy chủ.com.server.com web server.

  5. Máy chủ web, đã nhận được yêu cầu, tìm kiếm trang web trên đĩa cứng của nó.

  6. Trang web được máy chủ lấy và trả lại cho trình duyệt.

  7. Trình duyệt của bạn hiển thị trang web.

Đối với một trang web trung bình, quá trình này diễn ra một lần cho mỗi đối tượng trong trang: đồ họa, video được nhúng hoặc tệp flash và thậm chí là mẫu CSS.

Trong Bước 2, lưu ý rằng trình duyệt tra cứu địa chỉ IP của Server.com. Mỗi máy được gắn vào Internet đều có một địa chỉ IP của bạn. Nhưng chúng tôi thường truy cập các máy chủ web theo tên, chẳng hạn như Google.com. Như bạn có thể biết, trình duyệt sẽ tham khảo một dịch vụ Internet bổ sung có tên là Dịch vụ tên miền (DNS) để tìm địa chỉ IP được liên kết của nó và sau đó sử dụng nó để liên lạc với máy tính.server.com. Every machine attached to the Internet has an IP address—your computer included. But we generally access web servers by name, such as google.com. As you probably know, the browser consults an additional Internet service called the Domain Name Service (DNS) to find its associated IP address and then uses it to communicate with the computer.

Đối với các trang web động, quy trình này có liên quan nhiều hơn một chút, bởi vì nó có thể đưa cả PHP và MySQL vào hỗn hợp (xem Hình & NBSP; 1-2).

Hướng dẫn what is dynamic website in php - trang web động trong php là gì

Hình & NBSP;

Dưới đây là các bước cho chuỗi yêu cầu/phản hồi máy chủ/máy chủ động:

  1. Bạn nhập http://server.com vào thanh địa chỉ trình duyệt của bạn.http://server.com into your browser’s address bar.

  2. Trình duyệt của bạn tra cứu địa chỉ IP cho Server.com.server.com.

  3. Trình duyệt của bạn đưa ra yêu cầu đến địa chỉ đó cho trang chủ máy chủ web.

  4. Yêu cầu vượt qua Internet và đến máy chủ web của máy chủ.com.server.com web server.

  5. Máy chủ web, đã nhận được yêu cầu, tìm kiếm trang chủ từ đĩa cứng của nó.

  6. Với trang chủ bây giờ trong bộ nhớ, máy chủ web thông báo rằng đó là một tệp kết hợp tập lệnh PHP và chuyển trang cho trình thông dịch PHP.

  7. Trình thông dịch PHP thực thi mã PHP.

  8. Một số PHP chứa các câu lệnh MySQL, mà trình thông dịch PHP hiện chuyển đến công cụ cơ sở dữ liệu MySQL.

  9. Cơ sở dữ liệu MySQL trả về kết quả của các câu lệnh trở lại trình thông dịch PHP.

  10. Trình thông dịch PHP trả về kết quả của mã PHP được thực thi, cùng với kết quả từ cơ sở dữ liệu MySQL, cho máy chủ web.

  11. Máy chủ web trả về trang cho máy khách yêu cầu, hiển thị nó.

Mặc dù nó rất hữu ích khi nhận thức được quá trình này để bạn biết cách ba yếu tố hoạt động cùng nhau, nhưng trong thực tế, bạn không thực sự cần phải quan tâm đến những chi tiết này, bởi vì tất cả chúng đều tự động xảy ra.

Các trang HTML được trả lại cho trình duyệt trong mỗi ví dụ cũng có thể chứa JavaScript, sẽ được khách hàng giải thích cục bộ và có thể bắt đầu một yêu cầu khác theo cách tương tự các đối tượng được nhúng như hình ảnh.

Những lợi ích của PHP, MySQL, JavaScript, CSS và HTML5

Khi bắt đầu chương này, tôi đã giới thiệu thế giới của Web 1.0, nhưng không lâu sau khi sự vội vàng tạo ra Web 1.1, với sự phát triển của các cải tiến trình duyệt như Java, JavaScript, JScript (biến thể nhẹ của Microsoft về JavaScript ) và ActiveX. Ở phía máy chủ, tiến trình đã được thực hiện trên giao diện cổng thông thường (CGI) bằng cách sử dụng các ngôn ngữ kịch bản như Perl (một giải pháp thay thế cho ngôn ngữ PHP) và kịch bản phía máy chủ. gọi) vào một cái khác một cách linh hoạt.server-side scripting—inserting the contents of one file (or the output of a system call) into another one dynamically.

Một khi bụi đã lắng xuống, ba công nghệ chính đứng đầu và vai trên những người khác. Mặc dù Perl vẫn là một ngôn ngữ kịch bản phổ biến với sự theo dõi mạnh mẽ, nhưng tính đơn giản của PHP và các liên kết tích hợp đến chương trình cơ sở dữ liệu MySQL đã kiếm được nhiều hơn gấp đôi số lượng người dùng. Và JavaScript, đã trở thành một phần thiết yếu của phương trình để thao tác động CSS (bảng kiểu xếp tầng) và HTML, giờ đã thực hiện nhiệm vụ cơ bắp hơn nữa là xử lý phía khách hàng của quy trình AJAX. Theo AJAX, các trang web thực hiện xử lý dữ liệu và gửi yêu cầu đến các máy chủ web trong nền mà không có người dùng web biết rằng điều này đang diễn ra.

Không còn nghi ngờ gì nữa, bản chất cộng sinh của PHP và MySQL đã giúp thúc đẩy cả hai về phía trước, nhưng điều gì đã thu hút các nhà phát triển cho họ ngay từ đầu? Câu trả lời đơn giản phải là sự dễ dàng mà bạn có thể sử dụng chúng để nhanh chóng tạo các yếu tố động trên các trang web. MySQL là một hệ thống cơ sở dữ liệu nhanh chóng và mạnh mẽ, nhưng dễ sử dụng, cung cấp bất cứ thứ gì mà một trang web sẽ cần để tìm và phục vụ dữ liệu cho các trình duyệt. Khi các đồng minh PHP với MySQL lưu trữ và truy xuất dữ liệu này, bạn có các bộ phận cơ bản cần thiết để phát triển các trang web mạng xã hội và sự khởi đầu của Web 2.0.

Và khi bạn đưa JavaScript và CSS vào hỗn hợp, bạn có một công thức để xây dựng các trang web tương tác và năng động cao.

Sử dụng PHP

Với PHP, nó là một vấn đề đơn giản để nhúng hoạt động động vào các trang web. Khi bạn cung cấp cho các trang tiện ích mở rộng .php, họ có quyền truy cập ngay vào ngôn ngữ kịch bản. Từ quan điểm của nhà phát triển, tất cả những gì bạn phải làm là viết mã như sau:


Here's the latest news.

Mở cho máy chủ web cho phép chương trình PHP diễn giải tất cả các mã sau đến thẻ ?>. Bên ngoài cấu trúc này, mọi thứ đều được gửi đến máy khách dưới dạng HTML trực tiếp. Vì vậy, văn bản

Today is Wednesday. Here's the latest news.
0 chỉ đơn giản là xuất vào trình duyệt; Trong các thẻ PHP, hàm
Today is Wednesday. Here's the latest news.
1 tích hợp hiển thị ngày hiện tại trong tuần theo thời gian hệ thống máy chủ.

Đầu ra cuối cùng của hai phần trông như thế này:

Today is Wednesday. Here's the latest news.

PHP là một ngôn ngữ linh hoạt và một số người thích đặt cấu trúc PHP trực tiếp bên cạnh mã PHP, như thế này:

Today is . Here's the latest news.

Ngoài ra còn có các cách khác để định dạng và xuất thông tin, mà tôi sẽ giải thích trong các chương trên PHP. Vấn đề là với PHP, các nhà phát triển web có ngôn ngữ kịch bản, mặc dù không nhanh bằng việc biên dịch mã của bạn bằng C hoặc ngôn ngữ tương tự, rất nhanh và cũng tích hợp liền mạch với đánh dấu HTML.

Ghi chú

Nếu bạn có ý định nhập các ví dụ PHP trong cuốn sách này để làm việc cùng tôi, bạn phải nhớ thêm ở phía trước và ?> sau khi chúng đảm bảo rằng trình thông dịch PHP xử lý chúng. Để tạo điều kiện cho điều này, bạn có thể muốn chuẩn bị một tệp có tên ASCELL.PHP với các thẻ đó tại chỗ.

Sử dụng PHP, bạn có quyền kiểm soát không giới hạn đối với máy chủ web của mình. Cho dù bạn cần sửa đổi HTML khi đang bay, xử lý thẻ tín dụng, thêm chi tiết người dùng vào cơ sở dữ liệu hoặc tìm nạp thông tin từ trang web của bên thứ ba, bạn có thể thực hiện tất cả từ trong cùng một tệp PHP trong đó HTML nằm.

Sử dụng MySQL

Tất nhiên, không có nhiều điểm để có thể thay đổi đầu ra HTML một cách linh hoạt trừ khi bạn cũng có phương tiện để theo dõi các thay đổi mà người dùng thực hiện khi họ sử dụng trang web của bạn. Trong những ngày đầu của Web, nhiều trang web đã sử dụng các tệp văn bản của Flat Flat để lưu trữ dữ liệu như tên người dùng và mật khẩu. Nhưng cách tiếp cận này có thể gây ra vấn đề nếu tệp không bị khóa chính xác chống tham nhũng từ nhiều truy cập đồng thời. Ngoài ra, một tệp phẳng chỉ có thể trở nên lớn như vậy trước khi nó trở nên khó sử dụng để quản lý, không đề cập đến sự khó khăn trong việc cố gắng hợp nhất các tệp và thực hiện các tìm kiếm phức tạp trong bất kỳ thời gian hợp lý nào.

Đó là nơi mà cơ sở dữ liệu quan hệ với truy vấn có cấu trúc trở nên cần thiết. Và MySQL, được tự do sử dụng và cài đặt trên số lượng lớn các máy chủ web Internet, tăng lên một cách tuyệt vời cho dịp này. Đây là một hệ thống quản lý cơ sở dữ liệu mạnh mẽ và đặc biệt nhanh chóng sử dụng các lệnh giống như tiếng Anh.

Mức cao nhất của cấu trúc MySQL là cơ sở dữ liệu, trong đó bạn có thể có một hoặc nhiều bảng chứa dữ liệu của bạn. Ví dụ: hãy giả sử bạn đang làm việc trên một bảng có tên

Today is Wednesday. Here's the latest news.
4, trong đó bạn đã tạo các cột cho
Today is Wednesday. Here's the latest news.
5,
Today is Wednesday. Here's the latest news.
6 và
Today is Wednesday. Here's the latest news.
7 và bây giờ bạn muốn thêm người dùng khác. Một lệnh mà bạn có thể sử dụng để làm điều này là:

INSERT INTO users VALUES('Smith', 'John', '');

Tất nhiên, như đã đề cập trước đó, bạn sẽ ban hành các lệnh khác để tạo cơ sở dữ liệu và bảng và thiết lập tất cả các trường chính xác, nhưng lệnh

Today is Wednesday. Here's the latest news.
8 ở đây cho thấy mức độ đơn giản của việc thêm dữ liệu mới vào cơ sở dữ liệu. Lệnh
Today is Wednesday. Here's the latest news.
8 là một ví dụ về SQL (ngôn ngữ truy vấn có cấu trúc), một ngôn ngữ được thiết kế vào đầu những năm 1970 và gợi nhớ đến một trong những ngôn ngữ lập trình lâu đời nhất, COBOL. Tuy nhiên, nó rất phù hợp với các truy vấn cơ sở dữ liệu, đó là lý do tại sao nó vẫn được sử dụng sau tất cả thời gian này.

Nó cũng dễ dàng để tra cứu dữ liệu. Hãy giả sử rằng bạn có một địa chỉ email cho người dùng và cần tra cứu tên người đó. Để làm điều này, bạn có thể phát hành truy vấn MySQL như:

SELECT surname,firstname FROM users WHERE email='';

MySQL sau đó sẽ trả về

Today is . Here's the latest news.
0 và bất kỳ cặp tên nào khác có thể được liên kết với địa chỉ email đó trong cơ sở dữ liệu.

Như bạn đã mong đợi, có khá nhiều điều mà bạn có thể làm với MySQL hơn là chỉ đơn giản là các lệnh

Today is Wednesday. Here's the latest news.
8 và
Today is . Here's the latest news.
2. Ví dụ: bạn có thể tham gia nhiều bảng theo các tiêu chí khác nhau, yêu cầu kết quả trong nhiều đơn đặt hàng khác nhau, thực hiện các trận đấu một phần khi bạn chỉ biết một phần của chuỗi mà bạn đang tìm kiếm, chỉ trả về kết quả thứ n và nhiều hơn nữa.nth result, and a lot more.

Sử dụng PHP, bạn có thể thực hiện tất cả các cuộc gọi này trực tiếp đến MySQL mà không cần phải tự mình chạy chương trình MySQL hoặc sử dụng giao diện dòng lệnh của nó. Điều này có nghĩa là bạn có thể lưu kết quả trong các mảng để xử lý và thực hiện nhiều lần tra cứu, mỗi lần phụ thuộc vào kết quả được trả về từ các kết quả trước đó, để khoan ngay với mục dữ liệu bạn cần.

Để có thêm sức mạnh, như bạn sẽ thấy sau này, có các chức năng bổ sung được xây dựng ngay vào MySQL mà bạn có thể gọi cho các hoạt động chung và tốc độ bổ sung.

Sử dụng JavaScript

Lâu đời nhất trong ba công nghệ cốt lõi trong cuốn sách này, JavaScript, được tạo ra để cho phép truy cập kịch bản vào tất cả các yếu tố của tài liệu HTML. Nói cách khác, nó cung cấp một phương tiện cho tương tác người dùng động như kiểm tra tính hợp lệ của địa chỉ email trong các biểu mẫu đầu vào, hiển thị các lời nhắc như là bạn có thực sự có ý đó không? Bảo mật, phải luôn luôn được thực hiện trên máy chủ web).

Kết hợp với CSS (xem phần sau), JavaScript là sức mạnh đằng sau các trang web động thay đổi trước mắt bạn thay vì khi một trang mới được máy chủ trả lại.

Tuy nhiên, JavaScript cũng có thể khó sử dụng, do một số khác biệt lớn trong cách các nhà thiết kế trình duyệt khác nhau đã chọn để thực hiện nó. Điều này chủ yếu xuất hiện khi một số nhà sản xuất cố gắng đưa thêm chức năng vào trình duyệt của họ với chi phí tương thích với các đối thủ của họ.

Rất may, các nhà phát triển hầu như đã đến với các giác quan của họ và đã nhận ra sự cần thiết phải tương thích với nhau, vì vậy họ không phải viết mã nhiều lần. Nhưng vẫn còn hàng triệu trình duyệt di sản sẽ được sử dụng trong nhiều năm tới. May mắn thay, có những giải pháp cho các vấn đề không tương thích, và sau đó trong cuốn sách này, chúng tôi sẽ xem xét các thư viện và kỹ thuật cho phép bạn bỏ qua những khác biệt này một cách an toàn.

Hiện tại, hãy để xem nhanh về cách bạn có thể sử dụng JavaScript cơ bản, được chấp nhận bởi tất cả các trình duyệt:

Đoạn mã này nói với trình duyệt web diễn giải mọi thứ trong các thẻ

Today is . Here's the latest news.
3 là JavaScript, mà trình duyệt sau đó thực hiện bằng cách viết văn bản
Today is . Here's the latest news.
4 vào tài liệu hiện tại, cùng với ngày, bằng cách sử dụng chức năng JavaScript
Today is . Here's the latest news.
5. Kết quả sẽ trông giống như thế này:

Today is Sun Jan 01 2017 01:23:45

Ghi chú

Trừ khi bạn cần chỉ định một phiên bản chính xác của JavaScript, bạn thường có thể bỏ qua

Today is . Here's the latest news.
6 và chỉ sử dụng
Today is . Here's the latest news.
7 để bắt đầu giải thích JavaScript.

Như đã đề cập trước đây, JavaScript ban đầu được phát triển để cung cấp kiểm soát động đối với các yếu tố khác nhau trong tài liệu HTML và đó vẫn là cách sử dụng chính của nó. Nhưng ngày càng nhiều, JavaScript đang được sử dụng cho Ajax. Đây là một thuật ngữ cho quá trình truy cập máy chủ web trong nền. .

Ajax là quá trình chính đằng sau cái được gọi là Web 2.0 (một thuật ngữ được phổ biến bởi Tim O'Reilly, người sáng lập và CEO của công ty xuất bản cuốn sách này), trong đó các trang web đã bắt đầu giống với các chương trình độc lập, bởi vì chúng không phải được tải lại toàn bộ. Thay vào đó, một cuộc gọi AJAX nhanh có thể kéo vào và cập nhật một yếu tố duy nhất trên trang web, chẳng hạn như thay đổi ảnh của bạn trên một trang mạng xã hội hoặc thay thế một nút mà bạn nhấp bằng câu trả lời cho câu hỏi. Chủ đề này được đề cập hoàn toàn trong Chương & NBSP; 18.

Sử dụng CSS

Với sự xuất hiện của tiêu chuẩn CSS3 trong những năm gần đây, CSS hiện cung cấp một mức độ tương tác động trước đây chỉ được JavaScript hỗ trợ trước đây. Ví dụ: bạn không chỉ có thể tạo kiểu cho bất kỳ yếu tố HTML nào để thay đổi kích thước, màu sắc, đường viền, khoảng cách, v.v., mà bây giờ bạn cũng có thể thêm các chuyển đổi và chuyển đổi hoạt hình vào các trang web của bạn, chỉ sử dụng một vài dòng CSS.

Sử dụng CSS có thể đơn giản như chèn một vài quy tắc giữa các thẻ

Today is . Here's the latest news.
8 và
Today is . Here's the latest news.
9 trong đầu trang web, như thế này:

Các quy tắc này sẽ thay đổi căn chỉnh văn bản mặc định của thẻ

INSERT INTO users VALUES('Smith', 'John', '');
0 để các đoạn có trong đó sẽ được chứng minh đầy đủ và sẽ sử dụng phông chữ Helvetica.

Như bạn sẽ học trong Chương & nbsp; 19, có nhiều cách khác nhau mà bạn có thể đưa ra các quy tắc CSS và bạn cũng có thể đưa chúng trực tiếp vào các thẻ hoặc lưu một bộ quy tắc vào một tệp bên ngoài để được tải riêng. Tính linh hoạt này không chỉ cho phép bạn tạo kiểu HTML của mình một cách chính xác, mà còn có thể, ví dụ, cung cấp chức năng di chuột tích hợp cho các vật thể động khi chuột đi qua chúng. Bạn cũng sẽ tìm hiểu cách truy cập tất cả các thuộc tính CSS của CSS từ JavaScript cũng như HTML.

Và sau đó có HT HTML5

Hữu ích như tất cả những bổ sung này cho các tiêu chuẩn web đã trở thành, chúng không đủ cho các nhà phát triển đầy tham vọng hơn bao giờ hết. Ví dụ, vẫn không có cách nào đơn giản để điều khiển đồ họa trong trình duyệt web mà không cần dùng đến các trình cắm như flash. Và điều tương tự đã đi để chèn âm thanh và video vào các trang web. Thêm vào đó, một số mâu thuẫn khó chịu đã len lỏi vào HTML trong quá trình tiến hóa của nó.

Vì vậy, để xóa tất cả điều này và đưa Internet vượt ra ngoài Web 2.0 và vào lần lặp tiếp theo, một tiêu chuẩn mới cho HTML đã được tạo ra để giải quyết tất cả những thiếu sót này. Nó được gọi là HTML5 và nó đã bắt đầu phát triển từ năm 2004, khi bản nháp đầu tiên được đưa ra bởi phần mềm Mozilla Foundation và Opera (nhà phát triển của hai trình duyệt web nổi tiếng). Nhưng đến đầu năm 2013, dự thảo cuối cùng đã được gửi tới World Wide Web Consortium (W3C), cơ quan quản lý quốc tế về các tiêu chuẩn web.

Với chín năm để nó phát triển, bạn có thể nghĩ rằng đó sẽ là kết thúc của đặc điểm kỹ thuật, nhưng đó không phải là cách mà mọi thứ hoạt động trên internet. Mặc dù các trang web đến và đi với tốc độ lớn, phần mềm cơ bản được phát triển chậm và cẩn thận, và do đó, khuyến nghị ổn định cho HTML5 không được mong đợi cho đến khi phiên bản này của cuốn sách đã được xuất bản vào cuối năm 2014. Và sau đó đoán xem? Công việc sẽ chuyển sang phiên bản 5.1 trở lên, bắt đầu vào năm 2015. Đó là một chu kỳ phát triển không bao giờ kết thúc.

Tuy nhiên, trong khi HTML5.1 được lên kế hoạch để mang lại một số cải tiến tiện dụng (chủ yếu là cho Canvas), HTML5 cơ bản là các nhà phát triển web tiêu chuẩn mới hiện cần phải làm việc và nó sẽ duy trì trong nhiều năm tới. Vì vậy, học mọi thứ bạn có thể về nó bây giờ sẽ giúp bạn thay thế rất tốt.

Có rất nhiều thứ mới trong HTML (và khá nhiều thứ đã được thay đổi hoặc loại bỏ), nhưng tóm lại, ở đây, những gì bạn nhận được:

Đánh dấu

Bao gồm các yếu tố mới như

INSERT INTO users VALUES('Smith', 'John', '');
1 và
INSERT INTO users VALUES('Smith', 'John', '');
2 và các yếu tố không dùng nữa như
INSERT INTO users VALUES('Smith', 'John', '');
3 và
INSERT INTO users VALUES('Smith', 'John', '');
4.

API mới

Ví dụ: yếu tố

INSERT INTO users VALUES('Smith', 'John', '');
5 để viết và vẽ trên các phần tử đồ họa,
INSERT INTO users VALUES('Smith', 'John', '');
6 và
INSERT INTO users VALUES('Smith', 'John', '');
7, ứng dụng web ngoại tuyến, microdata và lưu trữ cục bộ.

Các ứng dụng

Bao gồm hai công nghệ kết xuất mới: MathML (ngôn ngữ đánh dấu toán học) để hiển thị các công thức toán học) và SVG (đồ họa vector có thể mở rộng) để tạo các yếu tố đồ họa bên ngoài phần tử

INSERT INTO users VALUES('Smith', 'John', '');
5 mới. Tuy nhiên, MathML và SVG có phần chuyên gia, và có tính năng đóng gói đến mức họ sẽ cần một cuốn sách của riêng họ, vì vậy tôi không bao gồm họ ở đây.

Tất cả những điều này (và hơn thế nữa) được đề cập chi tiết bắt đầu từ Chương & NBSP; 22.

Ghi chú

Một trong những điều nhỏ bé tôi thích về đặc tả HTML5 là cú pháp XHTML không còn cần thiết cho các yếu tố tự đóng. Trước đây, bạn có thể hiển thị ngắt dòng bằng phần tử

INSERT INTO users VALUES('Smith', 'John', '');
9. Sau đó, để đảm bảo khả năng tương thích trong tương lai với XHTML (thay thế theo kế hoạch cho HTML không bao giờ xảy ra), điều này đã được thay đổi thành
SELECT surname,firstname FROM users WHERE email='';
0, trong đó ký tự đóng
SELECT surname,firstname FROM users WHERE email='';
1 đã được thêm vào (vì tất cả các yếu tố được dự kiến ​​sẽ bao gồm một thẻ đóng có nhân vật này). Nhưng bây giờ mọi thứ đã đi vòng tròn đầy đủ và bạn có thể sử dụng một trong hai phiên bản của các loại phần tử này. Vì vậy, vì lợi ích của sự ngắn gọn và ít tổ hợp phím hơn, trong cuốn sách này, tôi đã trở lại phong cách cũ của
INSERT INTO users VALUES('Smith', 'John', '');
9,
SELECT surname,firstname FROM users WHERE email='';
3, v.v.

Máy chủ web Apache

Ngoài PHP, MySQL, JavaScript, CSS và HTML5, còn có một anh hùng thứ sáu trong web động: máy chủ web. Trong trường hợp của cuốn sách này, điều đó có nghĩa là máy chủ web Apache. Chúng tôi đã thảo luận về một chút về những gì một máy chủ web làm trong quá trình trao đổi máy chủ/máy khách HTTP, nhưng nó thực sự làm nhiều hơn sau hậu trường.

Ví dụ: Apache không phục vụ chỉ các tệp HTML, nó xử lý một loạt các tệp từ các tệp hình ảnh và flash đến các tệp âm thanh MP3, nguồn cấp dữ liệu RSS (thực sự đơn giản), v.v. Để thực hiện điều này, mỗi phần tử mà một máy khách web gặp phải trong một trang HTML cũng được yêu cầu từ máy chủ, sau đó phục vụ nó.

Nhưng những đối tượng này không phải là tệp tĩnh như hình ảnh GIF. Tất cả chúng có thể được tạo bởi các chương trình như tập lệnh PHP. Điều đó đúng: PHP thậm chí có thể tạo hình ảnh và các tệp khác cho bạn, một cách nhanh chóng hoặc trước để phục vụ sau.

Để làm điều này, bạn thường có các mô -đun được biên dịch trước Apache hoặc PHP hoặc được gọi vào thời gian chạy. Một mô -đun như vậy là thư viện GD (Draw đồ họa), mà PHP sử dụng để tạo và xử lý đồ họa.

Apache cũng hỗ trợ một loạt các mô -đun của riêng mình. Ngoài mô -đun PHP, quan trọng nhất cho mục đích của bạn là lập trình viên web là các mô -đun xử lý bảo mật. Các ví dụ khác là mô-đun viết lại, cho phép máy chủ web xử lý một phạm vi khác nhau của các loại URL và viết lại chúng theo các yêu cầu nội bộ của chính nó và mô-đun proxy, mà bạn có thể sử dụng để phục vụ các trang thường được yêu cầu từ bộ đệm để dễ dàng tải trên máy chủ.

Sau đó trong cuốn sách, bạn sẽ thấy cách thực sự sử dụng một số mô -đun này để tăng cường các tính năng được cung cấp bởi ba công nghệ cốt lõi.

Về nguồn mở

Cho dù chất lượng nguồn mở của các công nghệ này là lý do chúng rất phổ biến thường được tranh luận, nhưng PHP, MySQL và Apache là ba công cụ được sử dụng phổ biến nhất trong danh mục của chúng.are the three most commonly used tools in their categories.

Tuy nhiên, điều có thể được nói chắc chắn là nguồn mở của họ có nghĩa là họ đã được phát triển trong cộng đồng bởi các nhóm lập trình viên viết các tính năng mà chính họ muốn và cần, với mã gốc có sẵn cho tất cả mọi người để xem và thay đổi. Lỗi có thể được tìm thấy và vi phạm bảo mật có thể được ngăn chặn trước khi chúng xảy ra.

Có một lợi ích khác: tất cả các chương trình này đều được sử dụng miễn phí. Không có gì đáng lo ngại về việc phải mua thêm giấy phép nếu bạn phải mở rộng quy mô trang web của mình và thêm nhiều máy chủ. Và bạn không cần phải kiểm tra ngân sách trước khi quyết định có nên nâng cấp lên các phiên bản mới nhất của các sản phẩm này hay không.

Kết hợp tất cả lại với nhau

Vẻ đẹp thực sự của PHP, MySQL, JavaScript, CSS và HTML5 là cách tuyệt vời để tất cả họ làm việc cùng nhau để tạo ra nội dung web động: PHP xử lý tất cả các công việc chính trên máy chủ web, MySQL quản lý tất cả dữ liệu và sự kết hợp của CSS và JavaScript chăm sóc trình bày trang web. JavaScript cũng có thể nói chuyện với mã PHP của bạn trên máy chủ web bất cứ khi nào cần cập nhật một cái gì đó (trên máy chủ hoặc trên trang web). Và với các tính năng mới mạnh mẽ trong HTML5, chẳng hạn như canvas, âm thanh và video và định vị địa lý, bạn có thể làm cho các trang web của mình đóng gói rất năng động, tương tác và đa phương tiện.

Không sử dụng mã chương trình, hãy tóm tắt nội dung của chương này bằng cách xem xét quá trình kết hợp một số công nghệ này thành tính năng AJAX hàng ngày mà nhiều trang web sử dụng: kiểm tra xem tên người dùng mong muốn có tồn tại trên trang web khi người dùng đăng ký một tài khoản mới. Một ví dụ điển hình về điều này có thể được nhìn thấy với Gmail (xem Hình & NBSP; 1-3).

Hướng dẫn what is dynamic website in php - trang web động trong php là gì

Hình & NBSP; 1-3. & NBSP; Gmail sử dụng Ajax để kiểm tra tính khả dụng của tên người dùng

Các bước liên quan đến quy trình AJAX này sẽ tương tự như sau:

  1. Máy chủ xuất HTML để tạo biểu mẫu web, yêu cầu các chi tiết cần thiết, chẳng hạn như tên người dùng, tên, họ và địa chỉ email.

  2. Đồng thời, máy chủ gắn một số JavaScript vào HTML để theo dõi hộp đầu vào tên người dùng và kiểm tra hai điều: (a) liệu một số văn bản đã được gõ vào nó và (b) liệu đầu vào có bị bỏ chọn đã nhấp vào hộp đầu vào khác.

  3. Khi văn bản đã được nhập và trường được bỏ chọn, trong nền, mã JavaScript sẽ truyền tên người dùng được nhập vào tập lệnh PHP trên máy chủ web và chờ phản hồi.

  4. Máy chủ web tìm kiếm tên người dùng và trả lời lại JavaScript về việc tên đó có được sử dụng hay không.

  5. Sau đó, JavaScript đặt một dấu hiệu bên cạnh hộp đầu vào tên người dùng để hiển thị liệu tên này có sẵn cho người dùng có lẽ là dấu kiểm màu xanh lá cây hay đồ họa Chữ thập đỏ, cùng với một số văn bản.

  6. Nếu tên người dùng không có sẵn và người dùng vẫn gửi biểu mẫu, JavaScript sẽ làm gián đoạn việc gửi và hiển thị lại (có lẽ với một đồ họa lớn hơn và/hoặc hộp cảnh báo) mà người dùng cần chọn tên người dùng khác.

  7. Tùy chọn, một phiên bản cải tiến của quy trình này thậm chí có thể xem tên người dùng được người dùng yêu cầu và đề xuất một giải pháp thay thế hiện có sẵn.

Tất cả điều này diễn ra lặng lẽ trong nền và làm cho trải nghiệm người dùng thoải mái và liền mạch. Nếu không có AJAX, toàn bộ biểu mẫu sẽ phải được gửi đến máy chủ, sau đó sẽ gửi lại HTML, làm nổi bật mọi sai lầm. Nó sẽ là một giải pháp khả thi, nhưng không nơi nào gọn gàng hoặc dễ chịu như xử lý trường hình thức bay.

AJAX có thể được sử dụng để xác minh và xử lý đầu vào đơn giản; Chúng tôi sẽ khám phá nhiều điều bổ sung mà bạn có thể làm với nó trong các chương Ajax sau trong cuốn sách này.

Trong chương này, bạn đã đọc một phần giới thiệu tốt về các công nghệ cốt lõi của PHP, MySQL, JavaScript, CSS và HTML5 (cũng như Apache) và đã học cách họ làm việc cùng nhau. Trong Chương & NBSP; 2, chúng tôi sẽ xem xét cách bạn có thể cài đặt máy chủ phát triển web của riêng mình để thực hành mọi thứ bạn sẽ học.

Câu hỏi

  1. Bốn thành phần nào (ở mức tối thiểu) là cần thiết để tạo một trang web hoàn toàn năng động?

  2. HTML đại diện cho cái gì?

  3. Tại sao tên MySQL chứa các chữ cái SQL?SQL?

  4. PHP và JavaScript đều là ngôn ngữ lập trình tạo ra kết quả động cho các trang web. Sự khác biệt chính của họ là gì và tại sao bạn sẽ sử dụng cả hai?

  5. CSS đại diện cho cái gì?

  6. Liệt kê ba yếu tố mới được giới thiệu trong HTML5.

  7. Nếu bạn gặp phải một lỗi (rất hiếm) trong một trong các công cụ nguồn mở, bạn nghĩ làm thế nào bạn có thể sửa nó?

Xem Chương 1 Câu trả lời trong Phụ lục & NBSP; A để biết câu trả lời cho những câu hỏi này.

Có gì trong một trang web năng động?

Một trang web động chứa thông tin và nội dung thay đổi, tùy thuộc vào các yếu tố như người xem trang web, thời gian trong ngày, múi giờ hoặc ngôn ngữ bản địa của người xem người xem). Nội dung của trang web của bạn (văn bản/hình ảnh) được lưu trữ trên cơ sở dữ liệu hoặc hệ thống quản lý nội dung.information and content that changes, depending on factors such as the viewer of the site, the time of the day, the time zone, or the native language of the country the viewer). The content of your site (text/images) is stored on a database or content management system.

Ví dụ trang web năng động là gì?

Ví dụ về trang web động bao gồm: Trang web thương mại điện tử.Blog.Lịch, hoặc các trang web việc cần làm.E-commerce sites. Blogs. Calendars, or to-do sites.

Trang web tĩnh và năng động là gì?

Một trang web tĩnh là một trang web có nội dung ổn định, trong đó mọi người dùng nhìn thấy chính xác giống nhau trên mỗi trang riêng lẻ.Mặt khác, một trang web năng động là một trong đó nội dung được kéo theo sự nhanh chóng, cho phép nội dung của nó thay đổi với người dùng.

Chúng ta có thể tạo trang web năng động với PHP không?

Khi mã PHP được biên dịch và chạy, nó sẽ dẫn đến HTML.HTML này sau đó được gửi đến trình duyệt đang yêu cầu một trang web.PHP cực kỳ hữu ích để tạo các trang web động.Nội dung của các trang này có thể liên tục thay đổi tùy thuộc vào thông tin mà mã PHP được cung cấp.PHP is extremely useful for creating dynamic web pages. The content of these pages can constantly change depending on what information the PHP code is given.