XOOPS輕鬆架 - 線上書籍

:::

PHP8入門
======

1. 讀出單一文章的功能算簡單，只要取出一筆，故不需要跑迴圈，順便取出縮圖即可，同樣的，記得過濾，避免XSS。 
  ```php
  // 觀看某篇文章
  function show($id)
  {
      global $pdo;
      try {
          $stmt = $pdo->prepare('SELECT * FROM `news` WHERE `id` = ?');
          $stmt->execute([$id]);
          $news = $stmt->fetch();
          $media = $news['media'];
          $news = array_map('htmlspecialchars', $news);
          $news['files'] = json_decode($media, true);
      } catch (PDOException $e) {
          die("擷取 $id 資料失敗：" . $e->getMessage());
      }
      return $news;
  }
  ```
2. 先修改 `index.tpl`，判斷若是 `$op` 的值等於 `show `的時候，就載入 `op_show.tpl` 樣板，否則，就顯示所有頁面載入` op_index.tpl`。
3. 由於單一新聞和所有新聞的版面結構完全不同，所以，我們先將所有新聞的版面結構另存為新檔 `op_index.tpl` 
  ```markup
  <h3>所有文章</h3>
  <div class="row">
      <div class="col-md-9">
          
          {include file="index_content.tpl"}
      </div>
      <div class="col-md-3">
          
          {include file="index_side.tpl"}
      </div>
  </div>
  ```
4. 再新增單一新聞 `op_show.tpl` 的樣板（基本上，就是 `index_content.tpl `的完整版，故可複製它來修改），由於圖片可能不只一張，所以，用 `foreach `將所有圖片的檔名取出，並顯示圖檔。 
  ```markup
  <h3>{$news.title}</h3>
  <div class="row">
      <div class="col-md-9">
          <div>{$news.author}</div>
          <div>{$news.date} 點閱數：{$news.views}</div>
          <div>{$news.content|nl2br}</div>
      </div>
      <div class="col-md-3">
          
          {if is_file(reset($news.files))}
              {foreach $news.files as $filename=> $file_path}
                  <img src="{$file_path}" alt="{$filename}" class="img-thumbnail"
                  style="object-fit: cover; width: 100%; height: 200px;">
              {/foreach}
          {/if}
      </div>
  </div>
  ```
5. 圖檔的地方，我們利用 Smarty 的 `{foreach as $索引 =>$值}` 來將圖檔檔名讀出，索引值 `$filename `是檔名，值 `$file_path `則是檔案路徑，若沒意外的話，直接用 `$file_path `即可，萬一日後修改檔案路徑，那麼再改用 `$filename `去重新組成路徑亦可 。
6. 最後修改原有的 `index.tpl`，依據不同的 `$op` 載入不同樣板 
  ```markup
  <!doctype html>
  <html lang="en">
  
  {include file="index_head.tpl" web_title="校園日誌"}
  
  <body>
    <header>
      
      {include file="index_nav.tpl"}
    </header>
    <main>
      <div class="container">
        {if $op=='show'}
          {include file="op_show.tpl"}
        {else}
          {include file="op_index.tpl"}
        {/if}
      </div>
    </main>
    <footer>
      
    </footer>
    
    <script src="/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
  </body>
  
  </html>
  ```
7. 若是未來有更多的功能，那得需要加入更多載入樣板的判斷式，這樣也太累。所以，我們稍微改一下，就自動根據 `$op` 值載入相對應檔名的樣板即可，如： 
  ```markup
  <main>
      <div class="container">
          {include file="op_{$op}.tpl"}
      </div>
  </main>
  ```
  
  這樣未來新增功能時，只要設定好 `$op`，並產生對應樣板即可。
8. 問題是，樣板怎麼知道 `$op `的值呢？我們必須傳給樣板才行，所以修改 `index.php`（`admin.php`其實未來也要），在套用樣板前，將 `$op `送至樣板 
  ```php
  $smarty->assign('op', $op);
  $smarty->display('index.tpl');
  ```
9. 如此單一頁面就大功告成囉！![](https://campus-xoops.tn.edu.tw/uploads/tad_book3/image/52/brave_Mkt320erXC.png)
 
</body></html>

:::

書籍目錄

展開 | 闔起

快速登入

進階搜尋

https%3A%2F%2Fcampus-xoops.tn.edu.tw%2Fmodules%2Ftad_book3%2Fmarkdown.php%3Ftbdsn%3D1823

計數器

今天：
昨天：
總計：

MarkDown

書籍目錄

快速登入

計數器