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

下載本文檔

版權(quán)說(shuō)明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

項(xiàng)目10

課程管理系統(tǒng)

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

任務(wù)2查看課程列表

任務(wù)3查看課程列表

任務(wù)4添加課程記錄

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

tb_course數(shù)據(jù)表的結(jié)構(gòu)任務(wù)1數(shù)據(jù)表設(shè)計(jì)任務(wù)實(shí)施第1步：打開(kāi)Navicat，右擊左側(cè)的“test”文件夾選項(xiàng)，在彈出的菜單中選擇“新建數(shù)據(jù)庫(kù)”選項(xiàng)，如圖10-1-1所示。03圖10-1-1

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

輸入數(shù)據(jù)庫(kù)信息任務(wù)1數(shù)據(jù)表設(shè)計(jì)任務(wù)實(shí)施第3步：?jiǎn)螕簟按_定”按鈕，雙擊“kcgl”文件夾選項(xiàng)，右擊“表”選項(xiàng)，在彈出的快捷菜單中選擇“新建表”選項(xiàng)，如圖10-1-3所示。03圖10-1-3

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

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

查看課程列表知識(shí)準(zhǔn)備022．CSS代碼的三種引入方式（1）行內(nèi)樣式直接將CSS代碼寫(xiě)入HTML標(biāo)簽，引入style屬性，代碼如下。（2）內(nèi)部樣式在HTML文檔的<head>標(biāo)簽中使用<style>標(biāo)簽，將CSS代碼寫(xiě)在sytle標(biāo)簽里，代碼如下。任務(wù)2

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

運(yùn)行結(jié)果刪除課程20任務(wù)3任務(wù)3

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

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

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

運(yùn)行結(jié)果（1）任務(wù)3

刪除課程任務(wù)實(shí)施第3步：?jiǎn)螕簟按_定”按鈕，將會(huì)返回到課程列表頁(yè)面，運(yùn)行結(jié)果如圖10-3-2所示，課程編號(hào)為6的課程記錄已被刪除03圖10-3-2

運(yùn)行結(jié)果（2）添加課程記錄25任務(wù)4任務(wù)4

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

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

溫馨提示

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

最新文檔

評(píng)論

0/150

提交評(píng)論