:::

7-1 讓後台套用樣板

一、修改後台發布界面樣板檔

  1. 將原本的 admin.html 另存為 templates/op_create.php,並只留下<form>部份即可
  2. 由於現在有前後台之分,因此,路徑部份要特別注意,若不想傷腦筋的話,建議一律用絕對路徑,例如把 <form>action 設成 {$url}/admin/index.php
  3. 由於有用到流程,所以最下方加入一個隱藏欄位 op,並將值指定為 store,也就是送出後執行儲存之意
    
    <form action="{$url}/admin/index.php" method="post" enctype="multipart/form-data">
      <div class="row mb-3">
        <label for="title" class="col-md-2 col-form-label">
          文章標題
        </label>
        <div class="col-md-10">
          <input type="text" name="title" id="title" class="form-control" placeholder="請輸入文章標題" value="" />
        </div>
      </div>
    
      <div class="row mb-3">
        <label for="info" class="col-md-2 col-form-label">
          相關資訊
        </label>
        <div class="col-md-10">
          <input type="text" name="info" id="info" class="form-control" placeholder="可輸入撰稿人、拍照者...等資訊" value="" />
        </div>
      </div>
    
      <div class="row mb-3">
        <label for="date" class="col-md-2 col-form-label">
          活動日期
        </label>
        <div class="col-md-10">
          <input type="date" name="date" id="date" class="form-control" placeholder="請設定活動日期" value="" />
        </div>
      </div>
    
      <div class="row mb-3">
        <label for="files" class="col-md-2 col-form-label">
          相片或影片
        </label>
        <div class="col-md-10">
          <input type="file" name="files[]" id="files" class="form-control" placeholder="請上傳相片或影片"
            accept=".jpg,.jpeg,.png,.gif,.mp4" multiple />
        </div>
      </div>
    
      <div class="row mb-3">
        <label for="content" class="col-sm-2 col-form-label">
          文章內容
        </label>
        <div class="col-sm-10">
          <textarea class="form-control" name="content" id="content" placeholder="請輸入文章內容" rows="10"></textarea>
        </div>
      </div>
      <div class="row mb-3">
        <label class="col-sm-2 col-form-label"> 文章分類 </label>
        <div class="col-sm-10">
          <div class="form-check form-check-inline">
            <input class="form-check-input" type="radio" name="cate_id" id="cate_id_1" value="1" />
            <label class="form-check-label" for="cate_id_1">榮譽榜</label>
          </div>
          <div class="form-check form-check-inline">
            <input class="form-check-input" type="radio" name="cate_id" id="cate_id_2" value="2" />
            <label class="form-check-label" for="cate_id_2">傑出校友</label>
          </div>
          <div class="form-check form-check-inline">
            <input class="form-check-input" type="radio" name="cate_id" id="cate_id_3" value="3" checked />
            <label class="form-check-label" for="cate_id_3">校園新聞</label>
          </div>
          <div class="form-check form-check-inline">
            <input class="form-check-input" type="radio" name="cate_id" id="cate_id_4" value="4" />
            <label class="form-check-label" for="cate_id_4">海外交流</label>
          </div>
        </div>
      </div>
    
      <div class="text-center">
        <input type="hidden" name="op" value="store" />
        <button type="submit" class="btn btn-primary">送出</button>
      </div>
    </form>

     

  4. 最後看起來像這樣:
  5. 可以試試是否能正常發布文章

:::

書籍目錄

展開 | 闔起

https%3A%2F%2Fcampus-xoops.tn.edu.tw%2Fmodules%2Ftad_book3%2Fpage.php%3Ftbsn%3D52%26tbdsn%3D1848

計數器

今天: 4213421342134213
昨天: 5069506950695069
總計: 5134661513466151346615134661513466151346615134661