XOOPS輕鬆架 - 線上書籍

:::

PHP8入門
======

1. 修改 `index_content.tpl`，將資料套入樣板 
    ```markup
    {foreach $all_news as $news}
        <div class="row">
            <div class="col-md-9">
                <h3><a href="index.php?op=show&id={$news.id}">{$news.title}</a></h3>
                <p>{$news.author}</p>
                <p>{$news.date} 點閱數：{$news.views}</p>
                <p>{$news.content|truncate:180:"..."}</p>
            </div>
            <div class="col-md-3">
                {if is_file(reset($news.files))}
                    <img src="{reset($news.files)}" alt="" class="img-thumbnail"
                    style="object-fit: cover; width: 100%; height: 200px;">
                {else}
                    <img src="https://picsum.photos/seed/picsum/400/400" alt="" class="img-thumbnail"
                    style="object-fit: cover; width: 100%; height: 200px;">
                {/if}
            </div>
        </div>
    {/foreach}
    ```
2. 先用` foreach` 迴圈將 `$all_news `的內容一筆一筆抽出，抽出後的 `$news` 就是一維陣列，也就是一筆文章資料
3. 將所有要呈現的部份都改成 `{$news.欄位名稱}`：
4. 我們順便在標題及縮圖部份，將連結路徑填上，如此便能連到單一文章頁面 
    ```markup
    <h3><a href="index.php?op=show&id={$news.id}">{$news.title}</a></h3>
    ```
    
    
    1. 其中` op` 代表讓程式操作的下一個動作（自行定義的）
    2. `id `則是文章編號
    3. 這是 `get` 的傳遞方法，用 `? `接參數，多組參數間用 `&` 連接起來
5. 文章內容只要載入180個字左右，所以用Smarty提供的 `<a href="https://smarty-php.github.io/smarty/4.x/designers/language-modifiers/language-modifier-truncate/" target="_blank">truncate</a> `方法來擷取之 
    ```markup
    <p>{$news.content|truncate:180:"..."}</p>
    ```
6. 縮圖的部份，用 `reset($news.files)` 可以取出陣列的第一筆資料的值，即圖檔路徑。
7. 我們先用 `is_file(reset($news.files))` 判斷圖檔路徑是否真有個檔案？若有，則顯示之。若無利用假圖（<https://picsum.photos/>）來取代之。 
    ```markup
    {if is_file(reset($news.files))}
        <img src="{reset($news.files)}" alt="" class="img-thumbnail"
        style="object-fit: cover; width: 100%; height: 200px;">
    {else}
        <img src="https://picsum.photos/seed/picsum/400/400" alt="" class="img-thumbnail"
        style="object-fit: cover; width: 100%; height: 200px;">
    {/if}
    ```
    
    [`reset()`](https://www.php.net/reset) 及 `<a href="https://www.php.net/is_file" target="_blank">is_file()</a> `其實都是PHP的函數，[`reset()`](https://www.php.net/reset) 用來取得陣列第一個元素的值； `<a href="https://www.php.net/is_file" target="_blank">is_file()</a> `則用來判斷是否是一個檔案。
8. 如此便初步完成資料的樣板套用！  
     ![](https://campus-xoops.tn.edu.tw/uploads/tad_book3/image/52/brave_Tq8M8dFlq9.png)

:::