Làm cách nào để tạo một trang web động bằng PHP và MySQL?

Chúng ta đã thấy trong chương 3 cách viết mã cho một trang HTML cơ bản. Hãy hình dung chúng ta muốn tạo một số trang, thay vì một trang duy nhất và liên kết chúng lại với nhau, có thể thông qua menu điều hướng, để xây dựng một trang web chính thức

Sự khác biệt giữa một loạt các trang được liên kết với nhau và một trang web phù hợp là gì? . Khi điều hướng từ trang này sang trang khác, chúng tôi có cảm giác rằng chúng tôi vẫn đang ở trong cùng một trang web. Khi chúng tôi nhấp vào một liên kết bên ngoài đưa chúng tôi đến một trang web khác, chúng tôi ngay lập tức nhận thấy. Tất nhiên, lý do chúng tôi nhận thấy là khía cạnh đồ họa của các trang, phong cách của các trang, thay đổi. Trong cùng một trang web, có thể bố cục của một phần nhất định có thể khác với bố cục của các phần khác, nhưng nhìn chung vẫn có đủ các yếu tố đồ họa (chẳng hạn như logo, lựa chọn màu sắc, phông chữ, v.v.) để nói lên điều đó khi điều hướng . Nhìn chung, mỗi trang web có một ký tự đồ họa đặc biệt, hiện diện trong từng trang, giúp chúng tôi nhận ra trang web đó và cho chúng tôi biết khi nào chúng tôi đang điều hướng bên trong trang web (và khi nào chúng tôi rời khỏi trang web đó). Đã xem qua chương 3, bạn đã biết rằng điều này phần lớn có thể đạt được bởi các nhà phát triển web thông qua việc triển khai biểu định kiểu ban đầu bằng cách sử dụng CSS

Để đơn giản, chúng ta hãy giả sử trong ví dụ này rằng tất cả các trang của trang web giả định của chúng ta đều có chung biểu định kiểu, phần tiêu đề (có thể bao gồm menu điều hướng) và phần chân trang. Giả sử trang web của chúng ta chỉ có 3 trang, với đoạn mã tối thiểu sau

Trang 1, mục lục. php

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

<. LOẠI TÀI LIỆU html>

lang="vi">< lang="en">

        bộ ký tự="UTF-8">

        

        tên="mô tả" contents="Just a test website for learning html, css and php">

        rel="stylesheet" href="css/style.css" loại="văn bản/css">

Trang 2, trang 2. php

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

<. LOẠI TÀI LIỆU html>

lang="vi">< lang="en">

        bộ ký tự="UTF-8">

        

        tên="mô tả" contents="Just a test website for learning html, css and php">

        rel="stylesheet" href="css/style.css" loại="văn bản/css">

Trang 3, trang 3. php

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

<. LOẠI TÀI LIỆU html>

lang="vi">< lang="en">

        bộ ký tự="UTF-8">

        

        tên="mô tả" contents="Just a test website for learning html, css and php">

        rel="stylesheet" href="css/style.css" loại="văn bản/css">

Bây giờ chúng ta hãy tưởng tượng chúng ta muốn thực hiện một trong các thao tác sau

– chuyển sang một biểu định kiểu khác, không nằm ở css/style. css
– thay đổi id của div nội dung chính, từ “điều hướng chính” thành một thứ gì đó khác
– thêm một trang khác vào trang web và do đó cập nhật
– change the contact e-mail address (in the “footer” section)
– add an image in the header section, to all pages

Trong tất cả các trường hợp này (và một số trường hợp khác), chúng tôi cần thực hiện cùng một sửa đổi đối với cả 3 trang của mình. Mặc dù điều này rất khả thi, đặc biệt là với trang web 3 trang, nhưng nếu thay vào đó chúng ta có 500 trang thì sao?. Số lượng trang tăng lên mỗi ngày là bao nhiêu, vì một số lý do. Những dịp mắc lỗi hoặc quên sửa đổi một số trang có thể dễ dàng khiến trang web trở nên khá khó quản lý

Tình huống như vậy có thể dễ dàng khắc phục bằng cách chuyển sang các trang web động được tạo bằng PHP

Bằng cách nhìn vào mã của ba trang, rõ ràng là chúng có nhiều điểm chung. Điều duy nhất thay đổi từ trang này sang trang khác là nội dung của div “nội dung chính”, tất cả phần còn lại đều giống hệt nhau

Đây là kế hoạch của chúng tôi. chúng tôi sẽ di chuyển tất cả mã chung giữa các trang, ra khỏi chính các trang, sang các tệp khác nhau. Sau đó, bằng cách sử dụng PHP, chúng tôi sẽ nhập mã chung này vào từng trang

Đối với ví dụ này, chúng ta có thể chia mã chung thành 2 phần. một phần “tiêu đề”, sẽ được lưu trữ trong một trang văn bản có tên là “tiêu đề. html” và một phần “footer”, được lưu trữ trong một trang gọi là “footer. html”. Điều này không bị nhầm lẫn với các thẻ HTML đầu trang và chân trang được sử dụng trong chính mã, chúng tôi đang sử dụng các thuật ngữ này theo nghĩa rộng hơn ở đây

Kiểm tra mã cho hai trang dưới đây

Phần tiêu đề, tiêu đề. html

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

<. LOẠI TÀI LIỆU html>

lang="vi">< lang="en">

        bộ ký tự="UTF-8">

        

        tên="mô tả" contents="Just a test website for learning html, css and php">

        rel="stylesheet" href="css/style.css" loại="văn bản/css">

Chúng tôi sẽ lưu trữ các trang này trên hệ thống tệp, trong thư mục con của thư mục chứa chỉ mục. php, trang 1. php và trang2. trang php. Hãy đặt tên cho thư mục con này là “html”

Do đó, cấu trúc thư mục hiện tại của chúng tôi sẽ như sau

website-dir (thư mục)
    index. php
    page1. php
    page2. php
    css (thư mục)
        style. css
    html (thư mục)
        tiêu đề. html
        chân trang. html

Đường dẫn của tiêu đề. trang html liên quan đến các trang “chính” sẽ là

html/tiêu đề. html

Đường dẫn của chân trang. trang html liên quan đến các trang “chính” sẽ là

html/chân trang. html

Bây giờ chúng ta có thể sử dụng hàm PHP tích hợp “file_get_contents()” để nhập nội dung của các trang đầu trang và chân trang vào mỗi trang chính của chúng ta. Hàm này lấy đối số là đường dẫn (tuyệt đối, tương đối hoặc thậm chí là một URL) đến một trang và biến nội dung thành một chuỗi, có thể được hiển thị trên các trang web của chúng tôi bằng câu lệnh "echo". Tìm hiểu thêm về hàm file_get_contents() trên php. net hoặc trang web w3schools

Mã của ba trang của chúng tôi được thay đổi như sau

Trang 1, mục lục. php

1

2

3

4

5

echofile_get_contents("html/ . html");?> echo file_get_contents("html/header.html"); ?>

Đây là trang 1, the home page.

echofile_get_contents("html/ . html");?> echo file_get_contents("html/footer.html"); ?>

Trang 2, trang 2. php

1

2

3

4

5

echofile_get_contents("html/ . html");?> echo file_get_contents("html/header.html"); ?>

Đây là trang 2

echofile_get_contents("html/ . html");?> echo file_get_contents("html/footer.html"); ?>

Trang 3, trang 3. php

1

2

3

4

5

echofile_get_contents("html/ . html");?> echo file_get_contents("html/header.html"); ?>

Đây là trang 3

echofile_get_contents("html/ . html");?> echo file_get_contents("html/footer.html"); ?>

Chỉ với một vài dòng PHP trong mỗi trang, chúng tôi đã biến các trang tĩnh của mình thành một trang web động. Nếu bây giờ chúng tôi muốn thực hiện bất kỳ thao tác nào được liệt kê ở trên, chẳng hạn như chuyển sang biểu định kiểu khác, thêm hình ảnh vào phần tiêu đề, thay đổi e-mail liên hệ, giờ đây chúng tôi có thể thực hiện điều đó ở vị trí “trung tâm” (tiêu đề . Điều đó không tuyệt vời và hữu ích sao?

Một số điểm cần xem xét

• Để PHP được thực thi, PHP phải được cài đặt cùng với Apache trên máy chủ web (tình huống cực kỳ phổ biến, hầu hết các máy chủ web đều hỗ trợ PHP). Nếu bạn đã cài đặt một máy chủ LAMP đầy đủ như được mô tả ở đây, thì bạn đã sẵn sàng

Nếu khi tải trang, bạn thấy mã PHP thô đang được thực thi, điều đó có thể có nghĩa là PHP không hoạt động trên máy chủ web hoặc bạn đã không cấp quyền thích hợp. phần mở rộng php vào (các) tệp của bạn

• Nói chung, trừ khi máy chủ web có cấu hình cụ thể, mã PHP chỉ được thực thi trong các trang có dấu “. phần mở rộng php”. PHP trong các trang có “. html” không được thực thi mà hiển thị “nguyên trạng”, dưới dạng mã thô
• Vì các trang đầu trang và chân trang của chúng tôi chỉ chứa html nên chúng tôi đã cung cấp cho chúng một. html, trong khi các trang chính của chúng tôi có một. phần mở rộng php
• Within a web page, or PHP script, the PHP code is surrounded by "" tags, that tell where PHP code starts and ends
• Một trang với một. phần mở rộng php có thể chứa html đơn giản, chỉ php hoặc hỗn hợp cả hai, như trong ví dụ của chúng tôi ở trên

Điều gì sẽ xảy ra nếu chúng ta muốn, trong ví dụ về trang web 3 trang ở trên, để mỗi trang có tiêu đề riêng trong phần đầu? . Một giải pháp dễ dàng cho vấn đề này là chia phần “tiêu đề” thành hai. Thay vì chỉ một “tiêu đề. html”, chúng ta có thể có hai tệp tiêu đề sau, được gọi là “header1. html” và “tiêu đề2. html” và sau đó giới thiệu dòng PHP thứ ba trong phần chính của chúng tôi. các tệp php để quản lý điều đó. Chúng tôi sẽ cung cấp ở đây mã cho trang chủ “index. php”, vì mục đích ngắn gọn, nhưng bạn có thể dễ dàng thấy điều này sẽ hoạt động như thế nào đối với các trang khác

Làm cách nào để tạo một trang web động với PHP và MySQL?

Làm cách nào để tạo một trang web động trong PHP?

Làm cách nào để tạo trang web động hoàn chỉnh trong HTML CSS PHP và MySQL?

Làm cách nào để lưu trữ một trang web bằng PHP và MySQL?