XOOPS輕鬆架 - 線上書籍

:::

PHP8入門
======

1. 將原本的 `admin.tpl `的主要結構另存為 `templates/op_create.tpl ` 
    ```markup
    <h3>管理界面</h3>
    <div class="row">
      <div class="col-md-9">
        
        {include file="admin_create.tpl"}
      </div>
      <div class="col-md-3">
        
        {include file="index_side.tpl"}
      </div>
    </div>
    
    ```
2. 最後 `admin.tpl` 看起來像這樣，和 `index.tpl` 幾乎一模一樣，只差 `web_title `不同而已： 
    ```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">
          {include file="op_{$op}.tpl"}
        </div>
      </main>
      <footer>
        
        <script src="/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
        <script>
          Fancybox.bind("[data-fancybox]");
        </script>
      </footer>
    </body>
    
    </html>
    ```
3. 我們可以讓 `admin.php` 改套用 `index.tpl`，只要多設一個 `$web_title `變數，並送至樣板即可。 
    ```php
    <?php
    require_once 'header.php';
    
    // 變數過濾
    $op = isset($_REQUEST['op']) ? htmlspecialchars($_REQUEST['op']) : 'create';
    
    switch ($op) {
        case 'store':
            $id = store();
            //執行後轉向
            header("location: index.php?op=show&id=$id");
            exit;
    
        default:
            $op = 'create';
            break;
    }
    
    $smarty->assign('op', $op);
    $smarty->assign('categories', $categories);
    $smarty->assign('year_count', year_count());
    $smarty->assign('web_title', '校園日誌管理界面');
    $smarty->display('index.tpl');
    ```
4. `index.php` 也一樣多設一個 `$web_title `變數，並送至樣板即可。 
    ```php
    $smarty->assign('op', $op);
    $smarty->assign('categories', $categories);
    $smarty->assign('year_count', year_count());
    $smarty->assign('web_title', '校園日誌');
    $smarty->display('index.tpl');
    ```
5. `index.tpl` 本身則不再需要設定` $web_title `變數，`admin.tpl` 也可以刪除了。 
    ```markup
    <!doctype html>
    <html lang="en">
    {include file="index_head.tpl"}
    
    <body>
      <header>
        
        {include file="index_nav.tpl"}
      </header>
      <main>
        <div class="container">
          {include file="op_{$op}.tpl"}
        </div>
      </main>
      <footer>
        
        <script src="/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
        <script>
          Fancybox.bind("[data-fancybox]");
        </script>
      </footer>
    </body>
    
    </html>
    ```
6. 這樣前後台就可以都用同一個樣板囉！可以試試是否能正常發布文章～
 
</body></html>

:::