Toggle main menu visibility
下載輕鬆架
套件下載
使用手冊
發問討論
網站地圖
:::
登入
登入
帳號
密碼
登入
:::
所有書籍
「PHP8入門」目錄
MarkDown
6-3 讓搜尋框有作用
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 上傳影片並產生縮圖
6-5 讀出指定年度的文章
PHP8入門 ====== ### 一、資料庫的計數方法 1. 首先,年度應該是從文章的日期去計算出來的 2. 要從資料庫計算數量,最常用的方法就是 `count()` 搭配 `group by` 語法,例如: ```sql SELECT COUNT(*), `計數欄位` FROM `資料表` GROUP BY `欲計數欄位` ``` 3. 由於只要判斷年度,所以還會搭配 `left()` 的用法,也就是只擷取左邊 4 個數字(年度部份) ```sql SELECT LEFT(`日期欄位`, 4) AS Y, COUNT(*) FROM `資料表` GROUP BY Y ``` 或 ```sql SELECT YEAR(`日期欄位`) AS Y, COUNT(*) FROM `資料表` GROUP BY Y ``` ### 二、抓出文章所有年度 1. 由於側邊欄前後臺都會有,所以,我們可以新增一個 `function.php`,將函式放裡面(順便將 `dd()` 也移過去): ```php <?php // 年度文章數 function year_count() { global $pdo; try { $stmt = $pdo->prepare("SELECT YEAR(date) AS Y, COUNT(*) FROM news GROUP BY Y ORDER BY Y DESC"); $stmt->execute(); $year_count = $stmt->fetchAll(PDO::FETCH_KEY_PAIR); } catch (PDOException $e) { die("取得年度文章數失敗:" . $e->getMessage()); } return $year_count; } ``` 1. 利用 `COUNT()` 搭配 `GROUP BY `語法將「年度」及「文章數」都抓出來,並用 `YEAR()` 來取得日期欄位的年份,並用 `AS` 命名別名 `Y` (因為後面都會用到) 2. 重點在於用`fetchAll()`讀出時,指定了 `PDO::FETCH_KEY_PAIR` 參數,也就是將取得的兩個值,一個當索引,一個當值,的放入陣列中,更好完全符合我們的需求。 2. 修改前後台都會引入的` header.php`,引入 `function.php`: ```php <?php require_once 'config.php'; require_once 'vendor/autoload.php'; require_once 'function.php'; ``` 3. 修改 `index.php` 及 `admin.php`,執行函式並將其值丟到樣板 ```php $smarty->assign('op', $op); $smarty->assign('categories', $categories); $smarty->assign('year_count', year_count()); $smarty->display('index.tpl'); ``` 4. 最後修改 `templates/index_side.tpl` ```markup <div class="list-group"> {foreach $year_count as $year => $counter} <a href="index.php?year={$year}" class="list-group-item list-group-item-action d-flex justify-content-between align-items-center {if (isset($smarty.get.year) && $smarty.get.year == $year) || (!isset($smarty.get.year) && $smarty.now|date_format:'%Y' == $year)}active{/if}"> {$year} <span class="badge bg-success badge-pill">{$counter}</span> </a> {/foreach} </div> ``` 1. 將 `$year_count` 用` foreach()` 依序取出,並拆分為將年度` {$year} `及數量` {$counter} ` 2. 原本是 `<ul><li></li></div> `結構,因為想要用連結,故改為 `<div><a></a></div>` 結構,如此可以方便加入連結 3. 在選項連結上,我們也用` index.php?year={$year} `告知` index.php `要取出 `year `為某一年的文章資料 4. 當網址有傳入 `$year` 參數時可以用 `$smarty.get.year` 取得,若是和迴圈讀到的的年度一致,就加入 `active`,使之變成藍底白字。 5. 另一個情況是網址沒有傳入 `$year` 參數時,就改用 `$smarty.now|date_format:'%Y'` [取得現在的年份](https://smarty-php.github.io/smarty/4.x/designers/language-modifiers/language-modifier-date-format/),若是和迴圈讀到的的年度一致,也加入 `active`。 5. 最後看起來像這樣: 
:::
書籍目錄
總目錄
1.學好程式的幾個建議
1-1 安裝PHP運作環境
1-2安裝 VSCode 開發工具
1-3安裝 Composer
1-4關於PHP8
1-5 上課範例及需求
1-6需要的學習心態
2.PHP基本語法
2-1 註解
2-2PHP資訊頁
2-3PHP的資料類型
2-4關於陣列
2-5PHP常用運算符(有用到再參閱)
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-2PDO的資料庫連線
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上傳影片並產生縮圖
展開
|
闔起
快速登入
所有討論區
Tad Search 資料查詢
Tad Booking 場地設備預約
懶人框架討論區
實戰PHP7+MySQL
XOOPS輕鬆架快速上手
校園網站輕鬆架一般討論區
Booking Helper 預約助手
es_stud_sign 班級報名
es charge 學生收費管理
E-Stud import 學生名冊管理
es_after_school 課後照顧報名
es_exam 學生作業繳交
ES_panel 校務行政面板
es_timetable 課表
ES_youtube 本校影音
info_whats 網路設備記錄
jill booking 場地預約
jill_notice 臨時公告
jill query 簡易查詢
jill receipt 領據填報
kw club 社團報名
kw device 設備借用管理系統
ntpc_oprnid 新北市 OpenID 登入
TinyD嵌入內容模組
ugm contact us 聯絡我們
ugm page 自訂頁面
ugm table 萬用表格
dummy 自訂模組
soone_submit 投稿模組
Tad Adm 站長工具箱
Tad Assignment 作業上傳展示模組
Tad Blocks 進階區塊管理
Tad Book3 線上書籍
Tad Cal 行事曆
Tad Cbox 即時留言簿
Tad Discuss 討論區模組
Tad Embed 崁入模組
Tad Evaluation 評鑑檔案管理
Tad Form 萬用表單模組
Tad FAQ 常見問答
Tad Google 相簿
Tad Gallery 電子相簿
Tad Guide 安裝精靈
Tad Honor 榮譽榜
Tad idioms 背背成語
Tad Link 好站連結
Tad Login 快速登入
Tad Lunch3 午餐資訊
Tad Lunch2 營養午餐公告
Tad Meeting 會議系統
Tad Merage 線上合併套印
Tad News 本站消息
Tad Player 影音播放
Tad RSS 友站新聞
Tad Repair 維修通報
Tad SiteMap網站地圖
Tad Timeline 重要紀事
Tad Themes 佈景管理
Tad Tools 工具包
Tad TV 直播電視
Tad Uploader 檔案上傳模組
Tad Users 大量會員管理
Tad Web 多人網頁模組
MyTabs 我的頁籤
Random Quote 隨機小語
LogCounterX 網站流量統計
Yaoh light 多區塊多層次跑馬燈模組
校園網站輕鬆架功能建議區
佈景討論區
即時留言簿
search
進階搜尋
計數器
今天:
昨天:
總計: