跳至主要內容
:::
切換選單顯示狀態
下載輕鬆架
套件下載
使用手冊
發問討論
網站地圖
登入
登入
帳號
密碼
登入
重取設定
:::
所有書籍
「PHP8入門」目錄
MarkDown
3-3-4 常用資料庫的欄位類型
1. 學好程式的幾個建議
1-1 安裝PHP運作環境
1-2 安裝 VSCode 開發工具
1-3 安裝 Composer
1-4 關於PHP8
1-5 上課範例及需求
1-6 需要的學習心態
2. PHP基本語法
2-1 註解
2-2 PHP資訊頁
2-3 PHP的資料類型
2-4 關於陣列
2-5 PHP常用運算符（有用到再參閱）
2-6 關於函數（有用到再參閱）
2-7 關於迴圈（有用到再參閱）
2-8 建立專案目錄
3. 從前端界面入手
3-1 安裝 BootStrap5 來製作 RWD 自適應網站
3-2 設計RWD顯示界面
3-2-1 設計導覽列
3-2-2 設計主畫面
3-2-3 設計文章版面
3-2-4 側邊欄的列表
3-2-5 顯示頁面 index.html 初步完成
3-3 設計管理界面
3-3-1 用AI建立發布文章的自適應表單
3-3-2 認識表單元件
3-3-3 用AI來建立資料表
3-3-4 常用資料庫的欄位類型
3-3-5 發布頁面 admin.html 初步完成
4. 用AI來產生表單儲存功能
4-1 接收表單的值
4-2 PDO的資料庫連線
4-3 用PDO寫入資料庫
4-4 檔案上傳與接收
4-5 更新資料（寫入檔案資訊）
4-6 用PDO讀取資料
4-7 讀出資料的過濾
4-8 整併並引入共同執行檔案 header.php
4-9 把設定值也獨立成 config.php
5. 用Smarty樣板引擎將資料與前端結合
5-1 建立主樣板檔 index.tpl 並套用之
5-2 將主樣板檔拆分成小樣板
5-3 顯示所有文章摘要
5-3-1 將所有文章變成二維陣列
5-3-2 讓樣板檔接收二維陣列
5-3-3 加入分頁
5-3-4 自定義分頁工具列
5-4 建立管理樣板 admin.tpl 並套用之
5-5 將程式函式化以便彈性呼叫
5-6 加入 switch 流程控制
5-7 完成顯示單一文章的功能
5-8 加入fancybox燈箱效果
6. 讓導覽列有作用
6-1 只顯示某一分類文章
6-2 該分類沒有文章的處理
6-3 讓搜尋框有作用
6-4 讓側邊欄的年度文章數有作用
6-5 讀出指定年度的文章
7. 後台發布文章界面
7-1 讓前後台統一主樣板
7-2 加入管理者認證
7-3 用session機制讓系統記住管理員
7-4 加入編輯功能
7-5 加入儲存修改（更新）功能
7-6 加入更新點閱數的功能
7-7 讓修改時可以加入圖片
7-8 讓圖片可以刪除
7-9 加入刪除文章功能
11-1 多檔上傳
11-2 安全檔名
11-3 產生圖片縮圖
11-4 上傳影片並產生縮圖
4. 用AI來產生表單儲存功能
PHP8入門 ====== 1. 目前發布頁面看起來像這樣：  2. `admin.html` 完整語法範例： ```markup <html lang="en"> <head> <title>校園日誌</title> <!-- Required meta tags --> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> <!-- Bootstrap CSS v5.3.1 --> <link href="/node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" /> </head> <body> <header> <!-- place navbar here --> <nav class="navbar navbar-expand-md navbar-dark bg-info mb-5"> <div class="container-fluid"> <a class="navbar-brand" href="/">XX國小學校日誌</a> <button class="navbar-toggler d-lg-none" type="button" data-bs-toggle="collapse" data-bs-target="#collapsibleNavId" aria-controls="collapsibleNavId" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="collapsibleNavId"> <ul class="navbar-nav me-auto mt-2 mt-lg-0"> <li class="nav-item"> <a class="nav-link active" 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 my-2 my-lg-0"> <input class="form-control me-sm-2" type="text" placeholder="搜尋文章" /> <button class="btn btn-warning my-2 my-sm-0 text-nowrap" type="submit"> 搜尋 </button> </form> </div> </div> </nav> </header> <main> <div class="container"> <h3>管理界面</h3> <div class="row"> <div class="col-md-9"> <form action="admin.php" method="post" enctype="multipart/form-data"> <div class="mb-3 row"> <label for="title" class="col-sm-3 col-form-label">文章標題</label> <div class="col-sm-9"> <input type="text" class="form-control" id="title" name="title" placeholder="請輸入文章標題"> </div> </div> <div class="mb-3 row"> <label for="content" class="col-sm-3 col-form-label">文章內容</label> <div class="col-sm-9"> <textarea class="form-control" id="content" name="content" placeholder="請輸入文章內容">
發布者資訊
文章日期
文章類別
校園日誌
榮譽榜
媒體新聞
上傳相片或影片
送出
2023
98
2022
3623
2021
3567
3-3-4 常用資料庫的欄位類型