:::

3-3-5 發布頁面 admin.html 初步完成

  1. 目前發布頁面看起來像這樣:
  2. admin.html 完整語法範例:
    <!DOCTYPE html>
    <html lang="en">
    
    <head>
      <meta charset="UTF-8" />
      <meta name="viewport" content="width=device-width, initial-scale=1.0" />
      <title>校園日誌</title>
      <link href="/node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" />
    
      <link href="/css/style.css" rel="stylesheet" />
      <script src="/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
      <link href="/node_modules/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet" />
    </head>
    
    <body>
      <nav class="navbar navbar-expand-lg navbar-dark bg-my-blue mb-5">
        <div class="container">
          <a class="navbar-brand" href="/"><img src="https://campus-xoops.tn.edu.tw/uploads/logo/210105122929.png"
              alt="校園日誌" /></a>
          <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
            aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
          </button>
          <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav me-auto mb-2">
              <li class="nav-item">
                <a class="nav-link active" aria-current="page" href="#">榮譽榜</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="#">傑出校友</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="#">校園新聞</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="#">海外交流</a>
              </li>
            </ul>
    
            <form class="d-flex">
              <div class="input-group">
                <input class="form-control border border-end-0" type="search" placeholder="搜尋文章" />
                <button class="btn bg-white border border-start-0" type="button">
                  <i class="fas fa-search"></i>
                </button>
              </div>
            </form>
          </div>
        </div>
      </nav>
    
      <div class="container">
        <div class="row">
          <div class="col-md-9">
            <form action="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="欄位name" value="隱藏值" />
                <button type="submit" class="btn btn-primary">送出</button>
              </div>
            </form>
          </div>
          <div class="col-md-3">
            <div class="list-group">
              <a href="#"
                class="list-group-item list-group-item-action d-flex justify-content-between align-items-center active"
                aria-current="true">
                2021<span class="badge bg-success rounded-pill">2</span>
              </a>
              <a href="#" class="list-group-item list-group-item-action d-flex justify-content-between align-items-center">
                2020<span class="badge bg-success rounded-pill">485</span>
              </a>
              <a href="#" class="list-group-item list-group-item-action d-flex justify-content-between align-items-center">
                2019<span class="badge bg-success rounded-pill">709</span>
              </a>
              <a href="#" class="list-group-item list-group-item-action d-flex justify-content-between align-items-center">
                2018<span class="badge bg-success rounded-pill">610</span>
              </a>
              <a href="#"
                class="list-group-item list-group-item-action d-flex justify-content-between align-items-center disabled"
                tabindex="-1" aria-disabled="true">
                2017<span class="badge bg-success rounded-pill">636</span>
              </a>
            </div>
          </div>
        </div>
      </div>
    </body>
    
    </html>

     


:::

書籍目錄

展開 | 闔起

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

計數器

今天: 4245424542454245
昨天: 5069506950695069
總計: 5134693513469351346935134693513469351346935134693