PHP+MySQL動態(tài)網(wǎng)頁設計 課件 項目10 課程管理系統(tǒng)_第1頁
PHP+MySQL動態(tài)網(wǎng)頁設計 課件 項目10 課程管理系統(tǒng)_第2頁
PHP+MySQL動態(tài)網(wǎng)頁設計 課件 項目10 課程管理系統(tǒng)_第3頁
PHP+MySQL動態(tài)網(wǎng)頁設計 課件 項目10 課程管理系統(tǒng)_第4頁
PHP+MySQL動態(tài)網(wǎng)頁設計 課件 項目10 課程管理系統(tǒng)_第5頁
已閱讀5頁，還剩43頁未讀， 繼續(xù)免費閱讀

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內容提供方，若內容存在侵權，請進行舉報或認領

文檔簡介

項目10

課程管理系統(tǒng)

任務1數(shù)據(jù)表設計

任務2查看課程列表

任務3查看課程列表

任務4添加課程記錄

任務5修改課程信息SpeakernameandtitlePHP+MySQL動態(tài)網(wǎng)頁設計數(shù)據(jù)表設計2任務1任務1數(shù)據(jù)表設計任務分析首先，創(chuàng)建kcgl數(shù)據(jù)庫作為課程管理數(shù)據(jù)庫，然后，在該數(shù)據(jù)庫中創(chuàng)建tb_course數(shù)據(jù)表用于存儲課程信息。01知識準備tb_course數(shù)據(jù)表的結構如表10-1-1所示。02字段名稱數(shù)據(jù)類型字段意義備注cidINT(11)課程編號主鍵cnameVARCHAR(50)課程名稱非空typeVARCHAR(2)課程類型非空creditINT(11)學分非空gradeVARCHAR(10)適用年級非空表10-1-1

tb_course數(shù)據(jù)表的結構任務1數(shù)據(jù)表設計任務實施第1步：打開Navicat，右擊左側的“test”文件夾選項，在彈出的菜單中選擇“新建數(shù)據(jù)庫”選項，如圖10-1-1所示。03圖10-1-1

“新建數(shù)據(jù)庫”選項任務1數(shù)據(jù)表設計任務實施第2步：輸入數(shù)據(jù)庫名，并設置字符集和排序規(guī)則。輸入數(shù)據(jù)庫信息，如圖10-1-2所示。03圖10-1-2

輸入數(shù)據(jù)庫信息任務1數(shù)據(jù)表設計任務實施第3步：單擊“確定”按鈕，雙擊“kcgl”文件夾選項，右擊“表”選項，在彈出的快捷菜單中選擇“新建表”選項，如圖10-1-3所示。03圖10-1-3

“新建表”選項任務1數(shù)據(jù)表設計任務實施第4步：輸入字段的名、類型、長度等信息，將cid設置為主鍵，并自動遞增，如圖10-1-4所示。03圖10-1-4輸入表的結構信息任務1數(shù)據(jù)表設計任務實施第5步：按【Ctrl+S】組合鍵保存，在彈出的“另存為”對話框中輸入表名，如圖10-1-5所示。至此，數(shù)據(jù)表創(chuàng)建完成。03圖10-1-5輸入表名任務1數(shù)據(jù)表設計任務實施第6步：在左側的連接樹中可以看到新創(chuàng)建的tb_course數(shù)據(jù)表，雙擊打開tb_course數(shù)據(jù)表，自行添加若干記錄，如圖10-1-6所示。03圖10-1-6tb_course數(shù)據(jù)表查看課程列表10任務2任務2

查看課程列表任務分析本任務使用SELECT語句在頁面中顯示所有的課程信息，并且每條記錄都對應“修改”“刪除”按鈕。這些按鈕使用input標簽實現(xiàn)，將type屬性設置為button類型，單擊按鈕時使用onclick函數(shù)進行響應，并通過window.location對象的href屬性進行頁面的重定向，即單擊“修改”或“刪除”按鈕，將會跳轉到對應課程的修改或刪除頁面。01知識準備021．require語句和include語句PHP語言常用require語句或include語句來引入或包含外部文件，二者在使用上是相似的，只是處理錯誤的方法不同，require語句在出錯時產生E_COMPILE_ERROR級別的錯誤，終止腳本運行；而include語句只產生警告（E_WARNING），腳本會繼續(xù)運行，語法格式如下。任務2

查看課程列表知識準備022．CSS代碼的三種引入方式（1）行內樣式直接將CSS代碼寫入HTML標簽，引入style屬性，代碼如下。（2）內部樣式在HTML文檔的<head>標簽中使用<style>標簽，將CSS代碼寫在sytle標簽里，代碼如下。任務2

查看課程列表知識準備022．CSS代碼的三種引入方式（3）外部樣式將CSS代碼寫在擴展名為.css的文件中，通過在<head>標簽中使用的<link>標簽引入CSS，代碼如下。任務2查看課程列表任務實施第1步：編寫數(shù)據(jù)庫連接文件conn.php。在后續(xù)的任務中，大部分頁面都需要操作數(shù)據(jù)庫，為了避免代碼重復，可以將用于數(shù)據(jù)庫連接的代碼單獨寫成連接文件，在需要用到的頁面中使用require函數(shù)將其引入，代碼如下。03任務2查看課程列表任務實施第2步：新建course_list.php頁面，此頁面用于顯示所有課程的信息，使用require函數(shù)引入conn.php文件，代碼如下。第3步：在頁面中引入CSS代碼，代碼如下。03任務2查看課程列表任務實施第4步：創(chuàng)建表格，使用for循環(huán)將數(shù)據(jù)庫中的課程記錄逐條取出，注意HTML代碼和PHP代碼的嵌套使用，course_list.php頁面的代碼如下。03任務2查看課程列表任務實施第4步：創(chuàng)建表格，使用for循環(huán)將數(shù)據(jù)庫中的課程記錄逐條取出，注意HTML代碼和PHP代碼的嵌套使用，course_list.php頁面的代碼如下。03任務2查看課程列表任務實施第5步：編寫style.css文件，用來控制表格的樣式，代碼如下。。03任務2查看課程列表任務實施第6步：運行course_list.php頁面，運行結果如圖10-2-1所示。03圖10-2-1

運行結果刪除課程20任務3任務3

刪除課程任務分析在course_list.php頁面，將課程編號通過GET方法進行傳參，在course_delete.php頁面中獲取id值，將對應課程編號的課程記錄刪除，通過對話框提示刪除成功或失敗。無論刪除成功還是失敗，最終都會跳轉到course_list.php頁面。01知識準備完成該任務所需知識在之前的項目中已經(jīng)進行了講解。02任務3

刪除課程任務實施第1步：新建course_delete.php頁面，引入數(shù)據(jù)庫連接文件，接著獲取傳入的id參數(shù)值，使用DELETE語句將對應課程編號的課程記錄刪除，并使用alert語句彈出刪除成功或失敗的信息，代碼如下。03任務3

刪除課程任務實施第2步：運行course_list.php頁面，這里將課程編號為6的課程記錄刪除，單擊第6行的“刪除”按鈕，運行結果如圖10-3-1所示，彈出對話框提示“刪除成功！”，在瀏覽器地址欄中可以看到傳遞的id參數(shù)值6。03圖10-3-1

運行結果（1）任務3

刪除課程任務實施第3步：單擊“確定”按鈕，將會返回到課程列表頁面，運行結果如圖10-3-2所示，課程編號為6的課程記錄已被刪除03圖10-3-2

運行結果（2）添加課程記錄25任務4任務4

運算符與表達式任務分析添加課程記錄包含兩個頁面，一個是課程表單頁面，另一個是處理頁面，在課程表單頁面中輸入課程名稱、類型等信息，單擊“添加”按鈕后提交到處理頁面，獲取傳遞過來的數(shù)據(jù)并保存到數(shù)據(jù)庫中，添加課程成功或失敗后將自動跳轉到課程列表頁面。01知識準備完成該任務所需知識在之前的項目中已經(jīng)進行了講解。02任務4添加課程記錄任務實施第1步：新建course_add.php頁面，此頁面是課程表單頁面，包含兩個input標簽和兩個select標簽，兩個input標簽用于輸入課程名稱和學分，兩個select標簽用于選擇課程類型和適用年級。頁面使用表格進行布局，同樣使用style.css文件中編寫的樣式，因此，在頁面中需要引入style.css文件，代碼如下。03任務4添加課程記錄任務實施第1步：新建course_add.php頁面，此頁面是課程表單頁面，包含兩個input標簽和兩個select標簽，兩個input標簽用于輸入課程名稱和學分，兩個select標簽用于選擇課程類型和適用年級。頁面使用表格進行布局，同樣使用style.css文件中編寫的樣式，因此，在頁面中需要引入style.css文件，代碼如下。03任務4添加課程記錄任務實施第1步：新建course_add.php頁面，此頁面是課程表單頁面，包含兩個input標簽和兩個select標簽，兩個input標簽用于輸入課程名稱和學分，兩個select標簽用于選擇課程類型和適用年級。頁面使用表格進行布局，同樣使用style.css文件中編寫的樣式，因此，在頁面中需要引入style.css文件，代碼如下。03任務4添加課程記錄任務實施第2步：新建course_add_handle.php頁面，此頁面是添加課程的處理頁面，接受表單頁傳遞的課程信息。首先，應判斷需要輸入的字段是否為空，若為空，則彈出輸入提示，否則，將課程信息使用INSERT語句存入數(shù)據(jù)庫中。若保存成功則提示“添加成功！”，否則提示“添加失敗！”。然后，重定向到課程列表頁面，代碼如下。03任務4添加課程記錄任務實施第2步：新建course_add_handle.php頁面，此頁面是添加課程的處理頁面，接受表單頁傳遞的課程信息。首先，應判斷需要輸入的字段是否為空，若為空，則彈出輸入提示，否則，將課程信息使用INSERT語句存入數(shù)據(jù)庫中。若保存成功則提示“添加成功！”，否則提示“添加失敗！”。然后，重定向到課程列表頁面，代碼如下。03任務4添加課程記錄任務實施第2步：新建course_add_handle.php頁面，此頁面是添加課程的處理頁面，接受表單頁傳遞的課程信息。首先，應判斷需要輸入的字段是否為空，若為空，則彈出輸入提示，否則，將課程信息使用INSERT語句存入數(shù)據(jù)庫中。若保存成功則提示“添加成功！”，否則提示“添加失敗！”。然后，重定向到課程列表頁面，代碼如下。03任務4添加課程記錄任務實施第3步：運行course_add.php頁面，并在頁面中填寫課程信息，運行結果如圖10-4-1所示。03圖10-4-1

運行結果（1）任務4添加課程記錄任務實施第4步：單擊“添加”按鈕，跳轉到course_add_handle.php頁面進行處理，彈出提示框提示“添加成功！”，運行結果如圖10-4-2所示。03圖10-4-2運行結果（2）任務4添加課程記錄任務實施第5步：單擊“確定”按鈕，跳轉到課程列表頁面，在課程列表中可以看到剛才添加的課程記錄，運行結果如圖10-4-3所示。03圖10-4-3運行結果（3）修改課程信息36任務5任務5修改課程信息任務分析修改課程信息包含兩個頁面，一個是修改課程的表單頁面，另一個是修改課程的處理頁面。在表單頁面中，根據(jù)course_list.php頁面?zhèn)鬟f的課程id值，顯示對應課程的原有信息，用戶在原有信息的基礎上進行修改。單擊“修改”按鈕后將數(shù)據(jù)提交到處理頁面，該頁面獲取修改后的數(shù)據(jù)并保存到數(shù)據(jù)庫中，修改成功或失敗將彈出對應的提示信息，并跳轉到課程列表頁面。01知識準備完成該任務所需知識在之前的項目中已經(jīng)進行了講解。02任務5修改課程信息任務實施第1步：新建course_update.php頁面，此頁面是修改課程的表單頁面。包含兩個input標簽和兩個select標簽，兩個input標簽分別用于顯示課程名稱和學分，兩個select標簽分別用于顯示課程類型和適用年級。本頁面使用表格進行布局，注意要引入style.css文件控制表格樣式。03任務5修改課程信息任務實施第2步：在頁面中定義變量$id用于接收course_list.php頁面?zhèn)鬟f的課程編號，在數(shù)據(jù)庫中查詢該id對應的課程記錄，顯示在表單中。對于“課程類型”“適用年級”，使用select標簽，其默認選中的內容應與數(shù)據(jù)庫中的記錄一致，這里使用if語句進行判斷。course_update.php頁面的完整代碼如下。03任務5修改課程信息任務實施第2步：在頁面中定義變量$id用于接收course_list.php頁面?zhèn)鬟f的課程編號，在數(shù)據(jù)庫中查詢該id對應的課程記錄，顯示在表單中。對于“課程類型”“適用年級”，使用select標簽，其默認選中的內容應與數(shù)據(jù)庫中的記錄一致，這里使用if語句進行判斷。course_update.php頁面的完整代碼如下。03任務5修改課程信息任務實施第2步：在頁面中定義變量$id用于接收course_list.php頁面?zhèn)鬟f的課程編號，在數(shù)據(jù)庫中查詢該id對應的課程記錄，顯示在表單中。對于“課程類型”“適用年級”，使用select標簽，其默認選中的內容應與數(shù)據(jù)庫中的記錄一致，這里使用if語句進行判斷。course_update.php頁面的完整代碼如下。03任務5修改課程信息任務實施第3步：新建course_update_handle.php頁面，此頁面是修改課程的處理頁面，用戶在表單頁面中的修改信息將傳遞到此頁面中。使用UPDATE語句修改數(shù)據(jù)庫中對應的課程記錄，若修改成功則提示“修改成功！”，否則提示“修改失??！”，最后重定向到課程列表頁面，代碼如下。03任務5修改課程信息任務實施第4步：運行course_list.php頁面，這里為了將課程編號為3的課程的適用年級修改為高二，學分修改為4分，因此單擊第3行的“修改”按鈕（見圖10-4-3），跳轉到course_update.php頁面，此時在頁面中顯示了課程編號為3的課程的原有信息，運行結果如圖10-5-1所示。03圖10-5-1運行結果（1）任務5修改課程信息任務實施第5步：在“適用年級”下拉列表中選擇“高二”選項，在“學分”文本框中輸入“4”，將學分修改為4分，運行結果如圖10-5-2所示。。03圖10-5-2運行結果（2）任務5修改課程信息任務實施第6步：單擊“修改”按

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內容里面會有圖紙預覽，若沒有圖紙預覽就沒有圖紙。
  • 4. 未經(jīng)權益所有人同意不得將文件中的內容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內容的表現(xiàn)方式做保護處理，對用戶上傳分享的文檔內容本身不做任何修改或編輯，并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論