XOOPS輕鬆架 - 線上書籍

:::

XOOPS快速模組開發
===========

1. 儲存後，會轉向到 `index.php`，`$op `為 `submission_data_show`，所以會執行 `Submission_data::show()` 顯示投稿文章的動作 
    ```php
    //顯示某筆資料
    case 'submission_data_show':
        $where_arr['id'] = $id;
        Submission_data::show($where_arr);
        break;
    ```
2. 先修改 `templates\op_submission_data_show.tpl `顯示學生投稿的畫面，標題的回上頁連結記得加上 `id `也就是投稿主題編號 
    ```markup
    <h1 class="my text-center">
        <a href="<{$smarty.server.PHP_SELF}>?id=<{$submission_id}>" class="text-black-50" data-bs-toggle="tooltip" title="<{$smarty.const._TAD_BACK_PAGE}>">
            <i class="fa-solid fa-turn-up fa-rotate-270"></i>
        </a>
        <{$title}>
    </h1>
    ```
3. 工具列可以刪除新增的按鈕，修改按鈕加入`submission_id`的值，其餘保留。 
    ```markup
    <div class="text-center">
        <{if $smarty.session.submission_adm|default:false}>
            <a href="javascript:submission_data_destroy_func(<{$id}>);" class="btn btn-sm btn-danger" data-bs-toggle="tooltip" title="<{$smarty.const._TAD_DEL}>"><i class="fa fa-times" aria-hidden="true"></i></a>
            <a href="<{$xoops_url}>/modules/submission/index.php?op=submission_data_edit&submission_id=<{$submission_id}>&id=<{$id}>" class="btn btn-sm btn-warning" data-bs-toggle="tooltip" title="<{$smarty.const._TAD_EDIT}>"><i class="fa fa-pencil" aria-hidden="true"></i> <{$smarty.const._TAD_EDIT}></a>
        <{/if}>
    </div>
    ```
4. 頁面資訊部份，將投稿者姓名、指導老師、最後編輯時間加上。 
    ```markup
    <div class="text-center">
        <div class="alert alert-warning d-inline-block text-center py-1 px-5 my-3">
            <i class="fa fa-user"></i> <{$grade}>年<{$info.class}>班 <{$name}>
            <i class="fa-solid fa-person-chalkboard ms-3"></i> <{$teacher}>
            <i class="fa fa-calendar ms-3"></i> <{$info.latest_update}>
        </div>
    </div>
    ```
5. 稍微整併一下主內容區 
    ```markup
    <{if $content|default:false}>
        <div class="my-border">
            <{$content}>
            <{$files}>
        </div>
    <{/if}>
    
    ```
6. 其餘的部份皆可刪除。
7. 目前看起來，除了縮圖不正常以外，其餘的都還蠻正常的。  
     ![img](https://campus-xoops.tn.edu.tw/uploads/tad_book3/image/20250704093515_t5NO.png)
8. 接著修改 `class\Submission_data.php `的 `get()` 其實只要調整 `$TadUpFiles->set_dir()` 參數即可 
    ```php
    $TadUpFiles->set_dir('subdir', "/{$data['submission_id']}/{$data['id']}");
    ```
9. 如此，畫面就正常了！  
     ![img](https://campus-xoops.tn.edu.tw/uploads/tad_book3/image/20250704100202_e9Sz.png)
10. 整個 `op_submission_data_show.tpl` 樣板文件的語法： 
    ```markup
    <h1 class="my text-center">
        <a href="<{$smarty.server.PHP_SELF}>?id=<{$submission_id}>" class="text-black-50" data-bs-toggle="tooltip" title="<{$smarty.const._TAD_BACK_PAGE}>">
            <i class="fa-solid fa-turn-up fa-rotate-270"></i>
        </a>
        <{if $award && $award!='x'}>
            <span class="badge bg-success"><i class="fa-solid fa-award" style="color: #FFD43B;"></i> <{$award}></span>
        <{/if}>
        <{$title}>
    </h1>
    
    <div class="text-center">
        <{if $smarty.session.submission_adm|default:false}>
            <a href="javascript:submission_data_destroy_func(<{$id}>);" class="btn btn-sm btn-danger" data-bs-toggle="tooltip" title="<{$smarty.const._TAD_DEL}>"><i class="fa fa-times" aria-hidden="true"></i></a>
            <a href="<{$xoops_url}>/modules/submission/index.php?op=submission_data_edit&id=<{$id}>" class="btn btn-sm btn-warning" data-bs-toggle="tooltip" title="<{$smarty.const._TAD_EDIT}>"><i class="fa fa-pencil" aria-hidden="true"></i> <{$smarty.const._TAD_EDIT}></a>
        <{/if}>
    </div>
    
    <div class="text-center">
        <div class="alert alert-warning d-inline-block text-center py-1 px-4 my-3 mx-auto">
            <i class="fa fa-user"></i> <{$grade}>年<{$info.class}>班 <{$name}>
            <i class="fa-solid fa-person-chalkboard ms-3"></i> <{$teacher}>
            <i class="fa fa-calendar ms-3"></i> <{$info.latest_update}>
        </div>
    </div>
    
    <{if $content|default:false}>
        <div class="my-border">
            <{$content}>
        </div>
    <{/if}>
    
    <{$files}>
    ```
    
    下方的 QRCode 及修改資訊是額外補充

:::

書籍目錄

展開 | 闔起

快速登入

進階搜尋

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

計數器

今天：
昨天：
總計：

MarkDown

書籍目錄

快速登入

計數器