(Microsoft PowerPoint - PHP_Ch16 [\254\333\256e\274\322\246\241])

Size: px

Start display at page:

Download "(Microsoft PowerPoint - PHP_Ch16 [\254\333\256e\274\322\246\241])"

顾洪绘裴
4 years ago
Views:

1 第 16 章專案開發 :CMS 內容管理系統 16-1 認識內容管理系統 16-2 內容管理系統的結構 16-3 內容管理系統的使用 16-4 內容管理系統的資料庫 16-5 內容管理系統的程式說明

2 16-1 認識內容管理系統 - 說明內容管理系統 (Content Management System, CMS) 是在 1990 年出現的一種管理和編輯網站內容的網站管理系統, 允許使用者出版編輯更新組織刪除和維護自己的網站內容, 和提供使用介面來幫助使用者管理自己的網頁內容, 或合作出版網頁內容一般來說, 內容管理系統是用來建立部落格新聞和購物等網站, 可以讓沒有網頁程式設計基礎的使用者, 也一樣可以建立和擁有自己的網站

3 16-1 認識內容管理系統 -WordPress 目前巿面上有相當多公司的主要業務就是提供 CMS 網站, 例如 : 著名的 WordPress, 如下圖所示 :

4 16-1 認識內容管理系統 - 使用的 PHP 功能內容管理系統使用的 PHP 功能, 如下所示 : PHP 狀態管理的交談期追蹤, 和登入管理 MySQL 資料庫存取的網頁資料庫使用 ext/mysqli 物件方式存取 MySQL 資料庫因為內容管理系統是 PHP 技術網頁資料庫的應用, 系統需求包含 PHP 開發環境和 MySQL 資料庫系統, 在本書是使用 XAMPP 伺服器

5 16-1 認識內容管理系統 - 設定 MySQL 資料庫請開啟 Includes 資料夾下名為 simplecmsconfig.php 的程式檔案, 可以看到資料庫設定的 PHP 原始程式碼, 如下圖所示 :

6 16-1 認識內容管理系統 - 建立 MySQL 資料庫在完成 PHP 資料庫設定後, 我們就可以在 MySQL 伺服器建立專案開發範例的資料庫, 資料庫名稱就是在 simplecms-config.php 設定的 simplecms 請使用 phpmyadmin 管理工具執行 Sql 資料夾下 simplecms.sql 的 SQL 指令碼檔案, 就可以建立 simplecms 資料庫和新增相關資料表與測試記錄

$內容管理系統網站的內容管理系統網站的根目錄是 Ch16\CMS,$

7 16-2 內容管理系統的結構 - 目錄結構內容管理系統網站的內容管理系統網站的根目錄是 Ch16\CMS, 在之下的相關檔案和資料夾, 如下圖所示 :

8 16-2 內容管理系統的結構 - 子目錄的說明目錄 Functions Images 說明資料庫存取的 database.php 網站的 PNG 格式圖檔 Includes 網站使用的引入檔, 包含頁首區塊 ( header.php) 和頁尾區塊 (footer.php), 處理交談期 (session.php), 連接和關閉資料庫 (connectdb.php 和 closedb.php), 和網站設定的 simplecms-config.php( 包含管理者密碼, 資料庫連接資訊 ) Sql 建立 simplecms 資料庫的 SQL 指令碼檔案 Styles 網站套用的 CSS 樣式

9 16-2 內容管理系統的結構 - 根目錄的 PHP 程式檔案程式檔案 addpage.php deletepage.php editpage.php index.php logoff.php logon.php page.php register.php selectpagetoedit.ph p 說明新增頁面的 HTML 表單和處理程式刪除頁面的 HTML 表單和處理程式編輯頁面的 HTML 表單和處理程式內容管理系統的首頁登出內容管理系統登入表單和處理程式顯示頁面內容的 PHP 程式, 它是從資料庫取得儲存頁面來顯示頁面內容註冊表單和處理程式選擇編輯頁面的表單和處理程式, 選擇後, 轉址至 edit.php 來編輯選擇的頁面

10 16-3 內容管理系統的使用網站首頁請啟動 Google Chrome 執行 PHP 程式 index.php, 其網址為 : 可以看到內容管理系統的網站首頁, 如下圖所示 :

11 16-3 內容管理系統的使用登入內容管理系統我們準備直接使用管理者 admin 登入內容管理系統, 請按右上方登入鈕, 可以看到登入表單 (logon.php), 如下圖所示 :

12 16-3 內容管理系統的使用新增頁面當成功登入內容管理系統後, 請按右上方新增頁面鈕, 可以看到新增頁面的 HTML 表單 ( addpage.php), 如下圖所示 :

13 16-3 內容管理系統的使用編輯頁面按右上方編輯頁面鈕, 可以看到一個下拉式清單方塊選擇欲編輯的頁面 (selectpagetoedit.php ), 如下圖所示 :

14 16-3 內容管理系統的使用刪除頁面按右上方刪除頁面鈕, 可以看到一個下拉式清單方塊選擇欲刪除的頁面 (deletepage.php), 如下圖所示 :

15 16-3 內容管理系統的使用註冊使用者如果已經登入, 請按右上方登出鈕登出 ( logoff.php) 後, 就可以看到註冊鈕, 按此按鈕可以看到註冊表單 (register.php), 如下圖所示 :

16 16-4 內容管理系統的資料庫資料表說明內容管理系統的資料庫名稱是 simplecms, 擁有 4 個資料表 :pages roles users 和 users_in_roles, 如下圖所示 :

17 16-4 內容管理系統的資料庫 pages 資料表 pages 資料表是用來儲存頁面內容, 包含頁面編號 id 標題 menulabel 和內容 content 欄位, 其欄位定義資料如下表所示 : 欄位名稱 MySQL 資料類型大小欄位說明 id INT 11 頁面編號 ( 主鍵 ) menulabel VARCHAR 50 頁面標題 content TEXT N/A 頁面內容

18 16-4 內容管理系統的資料庫 roles 資料表 roles 資料表儲存使用者能夠指派的角色種類, 包含角色編號 id 和名稱 name 欄位, 其欄位定義資料如下表所示 : 欄位名稱 MySQL 資料類型大小欄位說明 id INT 11 角色編號 ( 主鍵 ) name VARCHAR 50 角色名稱

19 16-4 內容管理系統的資料庫 users 資料表 users 資料表儲存註冊的使用者資料, 包含使用者編號 id 使用者名稱 username 和密碼 password 欄位, 其欄位定義資料如下表所示 : 欄位名稱 MySQL 資料類型大小欄位說明 id INT 11 使用者編號 ( 主鍵 ) username VATCHAR 50 使用者名稱 password CHAR 40 使用者密碼

20 16-4 內容管理系統的資料庫 users_in_roles 資料表在 users_in_roles 資料表定義使用者所屬的角色, 包含使用者編號 user_id 和角色編號 role_id 欄位, 其欄位定義資料如下表所示 : 欄位名稱 MySQL 資料類型大小欄位說明 Id INT 11 編號 ( 主鍵 ) user_id INT 11 使用者編號 role_id INT 11 角色編號

21 16-5 內容管理系統的程式說明根目錄的程式說明 Funcitons 子目錄的程式說明 Includes 子目錄的程式說明

22 根目錄的程式說明 -index.php PHP 程式 index.php 是內容管理系統的首頁, 在頁首插入 header.php; 頁尾插入 footer.php

23 根目錄的程式說明 -addpage.php PHP 程式 addpage.php 是新增頁面的 HTML 表單和處理程式, 在 HTML 表單欄位是文字方塊 menulabel 和 content 處理程式在取得 2 個欄位值後, 執行下列 SQL 指令來新增頁面的記錄資料, 如下所示 : $query = "INSERT INTO pages (menulabel, content) VALUES (?,?)"; 上述變數 $query 的值是擁有參數的 SQL 指令字串, 擁有 2 個參數

24 根目錄的程式說明 -deletepage.php PHP 程式 deletepage.php 是刪除頁面的 HTML 表單和處理程式, 在 HTML 表單欄位是下拉式清單 <select> 標籤 menulabel,<option> 標籤的頁目是執行下列 SQL 指令來取得標題清單, 如下所示 : SELECT id, menulabel FROM pages 在處理程式取得使用者選擇的頁面後, 執行下列 SQL 指令來刪除頁面的記錄資料, 如下所示 : $query = "DELETE FROM pages WHERE id =?"; 上述變數 $query 的值是擁有參數的 SQL 指令字串, 擁有 1 個參數

25 根目錄的程式說明 -editpage.php PHP 程式 editpage.php 是編輯頁面的 HTML 表單和處理程式, 在 HTML 表單欄位是文字方塊 menulabel 和 content 處理程式在取得 2 個欄位值後, 執行下列 SQL 指令來更新頁面的記錄資料, 如下所示 : $query = "UPDATE pages SET menulabel =?, content =? WHERE Id =?"; 上述變數 $query 的值是擁有參數的 SQL 指令字串, 擁有 3 個參數

26 根目錄的程式說明 -logoff.php PHP 程式 logoff.php 是登出內容管理系統, 程式碼就是刪除 Session 變數和 Cookie 來登出系統

27 根目錄的程式說明 -logon.php PHP 程式 logon.php 是登入表單和處理程式, 在 HTML 表單欄位是文字方塊 username 和 password 處理程式在取得 2 個欄位值後, 執行下列 SQL 指令來查詢使用者和密碼是否存在, 如下所示 : $query = "SELECT id, username FROM users WHERE username =? AND password = SHA(?) LIMIT 1"; 上述變數 $query 的值是擁有參數的 SQL 指令字串, 擁有 2 個參數, 如果找到記錄, 表示使用者和密碼正確, 所以轉址至 index.php

28 根目錄的程式說明 -page.php PHP 程式 page.php 是顯示指定頁面內容的 PHP 程式, 它是從資料庫取得 URL 參數 pageid 的頁面編號, 和顯示頁面內容, 使用的 SQL 指令字串, 如下所示 : $query = 'SELECT menulabel, content FROM pages WHERE id =? LIMIT 1'; 上述變數 $query 的值是擁有參數的 SQL 指令字串, 擁有 1 個參數, 最後的 LIMIT 1 限制傳回的記錄資料只有 1 筆

29 根目錄的程式說明 -register.php PHP 程式 register.php 是註冊使用者的表單和處理程式, 在 HTML 表單欄位是文字方塊 username 和 password 處理程式在取得 2 個欄位值後, 執行下列 SQL 指令來新增使用者, 如下所示 : $query = "INSERT INTO users (username, password) VALUES (?, SHA(?))"; 上述變數 $query 的值是擁有參數的 SQL 指令字串, 擁有 2 個參數,SHA() 函數是密碼字串編碼

30 根目錄的程式說明 selectpagetoedit.php PHP 程式 selectpagetoedit.php 是選擇編輯頁面的表單和處理程式, 選擇後, 轉址至 edit.php 來編輯選擇的頁面, 其程式結構類似 deletepage.php

31 Funcitons 子目錄的程式說明 - database.php PHP 程式 database.php 是準備資料庫內容的相關函數, 也就是建立資料庫的預設記錄資料, 以便系統可以正確的運作, 其函數的說明如下表所示 : 函數 prep_db_content() create_tables() create_roles() create_admin() 說明準備建立資料庫內容, 它是呼叫之後的 3 個函數如果 4 個資料表不存在, 就建立 4 個資料表如果記錄不存在, 就新增預設 admin 和 user 共 2 個角色的記錄資料如果記錄不存在, 就新增系統管理者和指定所屬角色

32 Includes 子目錄的程式說明 -1 PHP 程式 :connectdb.php PHP 程式 connectdb.php 是含括 simplecmsconfig.php 程式, 使用其資料庫設定常數來建立 mysqli 物件, 也就是建立 MySQL 伺服器連接 PHP 程式 :closedb.php PHP 程式 closedb.php 是關閉資料庫連接, 它是呼叫 mysqli_close() 函數來關閉 MySQL 伺服器連接

33 Includes 子目錄的程式說明 -2 PHP 程式 :header.php PHP 程式 header.php 是內容管理系統頁面一致的頁首 PHP 程式 :footer.php PHP 程式 footer.php 是內容管理系統頁面一致的頁尾

34 Includes 子目錄的程式說明 -3 PHP 程式 :session.php PHP 程式 session.php 是內容管理系統的交談期追蹤的相關函數, 其說明如下表所示 : 函數 logged_on() confirm_is_admin() is_admin() 說明傳回 userid 的 Session 變數確認是否是管理者, 如果尚未登入, 就轉址至 logon.php, 然後呼叫 is_admin() 函數判斷是否是管理者, 如果不是, 就轉址至 index.php 使用關聯查詢 roles 和 users_in_roles 資料表, 以便確認是否是管理者角色的使用者

35 Includes 子目錄的程式說明 -4 PHP 程式 :simplecms-config.php PHP 程式 simplecms-config.php 的內容是資料庫設定的相關常數, 在本章第 16-1 節已經說明過此檔案的內容

投影片 1

投影片 1 資料庫管理程式 ( 補充教材 -Part2) 使用 ADO.NET 連結資料庫 ( 自行撰寫程式碼以實現新增刪除修改等功能 ) Private Sub InsertButton_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles InsertButton.Click ' 宣告相關的 Connection