PHP 做 layout template

只要有版面,然後思考如何將內裏的內容變成動態使用 PHP 更新,

例如,做好咗一個網站版面之後,我哋就可以替換內𥚃的內容。例如標題、文章內容、作者等。

例如以下版面。

See the Pen Row-Column based layout demo by Thomas Seng Hin Mak (@makzan) on CodePen.

我們可以將 Banner 及 Promote 的圖及內容變成 PHP 可替換的內容,然後就用動態形式從檔案或數據庫載入,處理後印出來。

首先,我們將 LOGO 設定為 $logo,然後再在版面中加上。

<?php
  $logo = "The Company";
?>

在 PHP 中,所有變量都以 $ 開頭。

HTML 中,再相對應位置印出 $logo。

<div class="column logo"><a href='#'><?= $logo ?></a></div>

<?= $variable ?> 是 PHP 直接列印的簡寫。全寫為 <?php echo $variable ?>。

下一步,我哋係可以為幾個連結變成動態變量:

<?php
  $link1 = "Home";
  $link2 = "About";
  $link3 = "Blog";
  $link4 = "Products";  
?>

又或者更加好的做法,就是使用數組 (Array)。

<?php
  $links[] = "Home";
  $links[] = "About";
  $links[] = "Blog";
  $links[] = "Products";
  $links[] = "Contact";
  $links[] = "Buy now";
?>

如果我們要表達一組資訊,而唔係單單一個資訊,可以使用有名既 Array 群來做到呢個效果:

<?php
  $links[] = ["name"=>"Home", "url"=>"/index.php"];
  $links[] = ["name"=>"About", "url"=>"/about.html"];
  $links[] = ["name"=>"Blog", "url"=>"/blog.html"];
  $links[] = ["name"=>"Products", "url"=>"/products.html"];
  $links[] = ["name"=>"Contact", "url"=>"/contact-us.html"];
  $links[] = ["name"=>"Buy now", "url"=>"#"];
?>

個好處係,每一組都係緊密在一起,不會出現加多了一個連結名,但忘記增加網址的情況。而使用有名字 Array 的好處係,在使用時,可以更確切指出正在使用哪一個資訊。試想像 $link[0] 和 $link['name'] 的分別。

← Previous Page PHP 起動


Last updated at 2017-03-31. Show version history

Comments

no comments yet.

Please login to chat.