(中職）Web數(shù)據(jù)庫與動態(tài)網(wǎng)頁設(shè)計(jì)第3單元教學(xué)課件

單擊此處編輯母版標(biāo)題樣式,單擊此處編輯母版文本樣式,第二級,第三級,第四級,第五級,*,第,*,頁 共 46頁,單擊此處編輯母版標(biāo)題樣式,單擊此處編輯母版文本樣式,第二級,第三級,第四級,第五級,*,第,*,頁 共 46頁,*,(中職）Web數(shù)據(jù)庫與動態(tài)網(wǎng)頁設(shè)計(jì)第3單元ppt課件,Web數(shù)據(jù)庫及動態(tài)網(wǎng)絡(luò)設(shè)計(jì),單元三 創(chuàng)建慈善公益網(wǎng)站論壇,引言,本單元可以作為前面第二單元的延伸，也可以單獨(dú)作為某網(wǎng)站的論壇。論壇后臺數(shù)據(jù)庫用,Access,數(shù)據(jù)庫,連接方式用數(shù)據(jù)源連接方式。,能力目標(biāo),能創(chuàng)建具有交互作用的表單網(wǎng)頁,能創(chuàng)建數(shù)據(jù)庫和建立數(shù)據(jù)表,能創(chuàng)建數(shù)據(jù)源,能制作簡單的論壇網(wǎng)頁,單元三 創(chuàng)建慈善公益網(wǎng)站論壇,任務(wù)一 制作論壇主題頁面,任務(wù)二 為網(wǎng)站創(chuàng)建數(shù)據(jù)源,任務(wù)三 制作發(fā)表討論內(nèi)容頁面,任務(wù)四 制作論壇顯示頁面,項(xiàng)目實(shí)訓(xùn) 創(chuàng)建網(wǎng)上書店論壇,單元三 創(chuàng)建慈善公益網(wǎng)站論壇,任務(wù)一 制作論壇主題頁面,論壇區(qū)的主頁面其主要功能是給用戶一個(gè)對自己感興趣的內(nèi)容參與討論、發(fā)表意見或結(jié)交網(wǎng)友的平臺，應(yīng)該做得簡潔明了。,返 回,關(guān) 閉,任務(wù)描述,在制作主題頁面之前，首先要建立運(yùn)行環(huán)境，只有在此基礎(chǔ)上，才能開展動態(tài)網(wǎng)站的建設(shè)工作。建立運(yùn)行環(huán)境可參考前面第二單元的相關(guān)內(nèi)容。,整個(gè)論壇實(shí)例有主題頁面文件（forum.asp）、主題討論顯示頁面文件（detail.asp）、發(fā)表意見頁面文件（write.asp）、信息處理添加文件（add.asp）和一個(gè)討論信息的數(shù)據(jù)庫文件（bbs.mdb）組成。另外制作前要準(zhǔn)備一些小圖片放在images文件夾下。,任務(wù)分析,返 回,關(guān) 閉,任務(wù)一 制作論壇主題頁面,一個(gè)具有交互作用的網(wǎng)站必然有許多網(wǎng)站信息和用戶信息需要保存，這就離不開數(shù)據(jù)庫。而ASP有一個(gè)最重要的功能，就是它可以非常輕松地連接數(shù)據(jù)庫，通常是與一個(gè)Access或者一個(gè)SQL數(shù)據(jù)庫相連。因?yàn)锳ccess容易起步，在安裝了Office軟件的計(jì)算機(jī)上也許都已經(jīng)裝了Access，所以在下面首先用Access來做例子。一旦學(xué)會了ASP和Access數(shù)據(jù)庫的連接方法，若再使用SQL Server數(shù)據(jù)庫時(shí)，就會發(fā)現(xiàn)，兩者所需要的關(guān)鍵技術(shù)是基本相同的。,任務(wù)分析,返 回,關(guān) 閉,任務(wù)一 制作論壇主題頁面,方法與步驟,創(chuàng)建文件夾,返 回,關(guān) 閉,任務(wù)一 制作論壇主題頁面,在D盤的aspexp文件夾下新建一個(gè)ch02的文件夾，并在ch02下新建二個(gè)文件夾，一個(gè)為images圖片文件夾，將準(zhǔn)備好的圖片文件放在該文件夾中；另一個(gè)為database數(shù)據(jù)庫文件夾，后面要建立的數(shù)據(jù)庫放在該文件夾中。,方法與步驟,設(shè)置虛擬目錄,返 回,關(guān) 閉,任務(wù)一 制作論壇主題頁面,虛擬目錄設(shè)置在前面單元二中已有詳述，這里使用另外一種方式來設(shè)置，結(jié)果是完全相同的。,選擇“共享和安全”命令,“ch02屬性”對話框,“編輯別名”對話框,方法與步驟,建立數(shù)據(jù)庫和數(shù)據(jù)表,返 回,關(guān) 閉,任務(wù)一 制作論壇主題頁面,新建數(shù)據(jù)庫bbs.mdb，在其下再創(chuàng)建數(shù)據(jù)表Discuss，數(shù)據(jù)表結(jié)構(gòu)如表所示，表中先不用輸入記錄。,字 段 名 稱,數(shù) 據(jù) 類 型,說 明,字 段 名 稱,數(shù) 據(jù) 類 型,說 明,ID,自動編號,content,備注,內(nèi)容,Name,文本,用戶名,time,日期/時(shí)間,日期和時(shí)間,mail,文本,E-mail地址,replynum,數(shù)字,回復(fù)數(shù),subject,備注,主題,replyID,數(shù)字,回復(fù)屬性,Icon,文本,圖標(biāo),count,數(shù)字,點(diǎn)擊數(shù),打開Microsoft Access，在右側(cè)“新建文件”任務(wù)窗格中選擇“空數(shù)據(jù)庫”超鏈接，如右圖所示。,選擇路徑d:aspexpch02database，輸入數(shù)據(jù)庫文件名bbs.mdb，再單擊“創(chuàng)建”按鈕，如右圖所示。,返 回,關(guān) 閉,創(chuàng)建表結(jié)構(gòu)，如右圖所示。,輸入字段名稱、類型、說明和字段大小等內(nèi)容，如右圖所示。其中，subject字段的“允許空字符串”設(shè)置為“是”，其他保持默認(rèn)值。,關(guān) 閉,返 回,方法與步驟,設(shè)置站點(diǎn),返 回,關(guān) 閉,任務(wù)一 制作論壇主題頁面,設(shè)置站點(diǎn)的方法在前面單元二中已有詳述，只是在“本地根文件夾”文本框中輸入或?yàn)g覽選擇D:aspexpch02，在“默認(rèn)圖像文件夾”文本框中輸入或?yàn)g覽選擇D:aspexpch02images，如圖所示。其他設(shè)置與單元二一樣。,方法與步驟,返 回,關(guān) 閉,任務(wù)一 制作論壇主題頁面,制作主題頁面,新建主題頁面forum.asp，forum.asp程序代碼見教材。,相關(guān)知識與技能,返 回,關(guān) 閉,任務(wù)一 制作論壇主題頁面,數(shù)據(jù)表的組成,定義關(guān)鍵字,創(chuàng)建索引,如何在表中添加、修改和刪除數(shù)據(jù),拓展與提高,在,Access,中導(dǎo)入,Excel,表,返 回,關(guān) 閉,任務(wù)一 制作論壇主題頁面,思考與練習(xí),新建一個(gè),jxgl.mdb,數(shù)據(jù)庫文件，在這個(gè)文件中使用表設(shè)計(jì)器，添加“學(xué)生檔案信息”和“教師檔案信息”兩個(gè)表，表結(jié)構(gòu)如圖所示。,返 回,關(guān) 閉,任務(wù)一 制作論壇主題頁面,思考與練習(xí),參照前面的拓展和提高中的方法在,jxgl.mdb,中導(dǎo)入,Excel,的學(xué)生成績表。,返 回,關(guān) 閉,任務(wù)一 制作論壇主題頁面,任務(wù)二 為網(wǎng)站創(chuàng)建數(shù)據(jù)源,返 回,關(guān) 閉,任務(wù)描述,數(shù)據(jù)庫中的數(shù)據(jù)表建立好后，具有交互功能的網(wǎng)頁要連接數(shù)據(jù)庫的時(shí)候，就需要在服務(wù)器上將這個(gè)數(shù)據(jù)庫打開。通?？梢酝ㄟ^使用數(shù)據(jù)源名（DSN）或者通過在腳本語言中直接使用一個(gè)DSN-less連接的方法來連接和打開數(shù)據(jù)庫。任何形式的添加、刪除、修改、檢索都是在建立連接的基礎(chǔ)上進(jìn)行的，可以想象連接的重要性了。,返 回,關(guān) 閉,任務(wù)分析,在連接數(shù)據(jù)庫之前必須為數(shù)據(jù)庫設(shè)置一個(gè)數(shù)據(jù)源DSN，即Data Source Name，只有設(shè)置了DSN，才能讓服務(wù)器識別該數(shù)據(jù)庫的位置及其屬性。當(dāng)數(shù)據(jù)庫的位置和類型發(fā)生移動時(shí)，只需更改DSN的設(shè)置即可使數(shù)據(jù)庫的連接保持暢通。,任務(wù)二 為網(wǎng)站創(chuàng)建數(shù)據(jù)源,返 回,關(guān) 閉,方法與步驟,任務(wù)二 為網(wǎng)站創(chuàng)建數(shù)據(jù)源,打開“管理工具”窗口。,返 回,關(guān) 閉,任務(wù)二 為網(wǎng)站創(chuàng)建數(shù)據(jù)源,在“,ODBC,數(shù)據(jù)源管理器”對話框中，選擇“系統(tǒng),DSN”,選項(xiàng)卡，單擊“添加”按鈕。,返 回,關(guān) 閉,任務(wù)二 為網(wǎng)站創(chuàng)建數(shù)據(jù)源,彈出“創(chuàng)建新數(shù)據(jù)源”對話框，在“名稱”列表框中選擇,Driver do Microsoft Access(*.,mdb,),，然后單擊“完成”按鈕。,返 回,關(guān) 閉,任務(wù)二 為網(wǎng)站創(chuàng)建數(shù)據(jù)源,彈出“,ODBC,Micosoft,Access,安裝”對話框，在“數(shù)據(jù)源名”文本框中為數(shù)據(jù)源取一個(gè)名稱，然后單擊“數(shù)據(jù)庫”區(qū)域中的“選擇”按鈕。,返 回,關(guān) 閉,任務(wù)二 為網(wǎng)站創(chuàng)建數(shù)據(jù)源,在彈出的“選擇數(shù)據(jù)庫”對話框中先選擇“驅(qū)動器”為,d,盤，再選擇“目錄”和數(shù)據(jù)庫,bbs.mdb,，然后單擊“確定”按鈕。,返 回,關(guān) 閉,任務(wù)二 為網(wǎng)站創(chuàng)建數(shù)據(jù)源,回到“,ODBC Microsoft Access,安裝”對話框，再單擊“確定”按鈕，在“,ODBC,數(shù)據(jù)管理器”對話框的“系統(tǒng)數(shù)據(jù)源”列表框中就可看到剛才添加的數(shù)據(jù)源,bbs,。,返 回,關(guān) 閉,相關(guān)知識與技能,ASP,網(wǎng)絡(luò)數(shù)據(jù)庫應(yīng)用程序的設(shè)計(jì)流程,數(shù)據(jù)庫的連接方法,任務(wù)二 為網(wǎng)站創(chuàng)建數(shù)據(jù)源,返 回,關(guān) 閉,拓展與提高,設(shè)置數(shù)據(jù)庫文件的權(quán)限,任務(wù)二 為網(wǎng)站創(chuàng)建數(shù)據(jù)源,返 回,關(guān) 閉,思考與練習(xí),在,D,盤新建一個(gè)文件夾,xxjxgl,，將數(shù)據(jù)庫文件,jxgl.mdb,復(fù)制到該文件夾中，并設(shè)置數(shù)據(jù)庫文件的允許修改權(quán)限。,為數(shù)據(jù)庫文件,jxgl.mdb,設(shè)置一個(gè)名稱,mydata,的數(shù)據(jù)源。,任務(wù)二 為網(wǎng)站創(chuàng)建數(shù)據(jù)源,嘗試用不同的數(shù)據(jù)庫連接方法來連接數(shù)據(jù)庫。,任務(wù)三 制作發(fā)表討論內(nèi)容頁面,返 回,關(guān) 閉,任務(wù)描述,用戶進(jìn)入論壇主題頁面后，單擊下面的“發(fā)起新的討論主題”就會打開發(fā)表討論內(nèi)容頁面。,返 回,關(guān) 閉,任務(wù)分析,發(fā)表討論內(nèi)容頁面主要由表單組成，包括單行文本域、多行文本域和單選按鈕等。在單選按鈕的右邊插入一些小圖片。該頁面為發(fā)表討論內(nèi)容和回復(fù)內(nèi)容共用，所以使用隱含域。用戶輸入完相應(yīng)信息后，單擊“發(fā)表”按鈕，就返回到主題頁面，這里要判斷用戶輸入的信息是否齊全，并要有出錯(cuò)信息提示，若進(jìn)入后用戶又不想發(fā)表意見，也可單擊“返回上一步”按鈕。,任務(wù)三 制作發(fā)表討論內(nèi)容頁面,返 回,關(guān) 閉,方法與步驟,任務(wù)三 制作發(fā)表討論內(nèi)容頁面,制作發(fā)表討論頁面,Write.asp,制作表單處理程序,add.asp,具體代碼見教材。,具體代碼見教材。,返 回,關(guān) 閉,相關(guān)知識與技能,SQL,語句,隱含域,任務(wù)三 制作發(fā)表討論內(nèi)容頁面,ASP,內(nèi)置對象簡要說明,Request,對象,Response,對象,返 回,關(guān) 閉,拓展與提高,表單的,GET,方法和,POST,方法的區(qū)別,任務(wù)三 制作發(fā)表討論內(nèi)容頁面,返 回,關(guān) 閉,思考與練習(xí),運(yùn)行并調(diào)試下面程序，頁面上顯示的內(nèi)容是什么？為什么？,任務(wù)三 制作發(fā)表討論內(nèi)容頁面,任務(wù)四 制作論壇顯示頁面,返 回,關(guān) 閉,任務(wù)描述,用戶進(jìn)入論壇主題頁面，單擊某一主題名稱后，就會進(jìn)入論壇顯示頁面Detail.asp。該頁面包括兩部分“主題”和“回復(fù)列表”。用戶若對該主題感興趣可單擊“回復(fù)話題”參與討論。,返 回,關(guān) 閉,任務(wù)分析,在同一頁面Detail.asp中可以根據(jù)不同的主題顯示不同的內(nèi)容，這需要一個(gè)用來判別的字段，即replyID字段。,任務(wù)四 制作論壇顯示頁面,返 回,關(guān) 閉,方法與步驟,任務(wù)四 制作論壇顯示頁面,制作論壇顯示頁面程序,Detail.asp,選擇“文件”“新建”命令，新建Detail.asp文件，單擊“代碼”按鈕輸入程序代碼，具體代碼見教材。,返 回,關(guān) 閉,相關(guān)知識與技能,算術(shù)運(yùn)算符,連接運(yùn)算符,任務(wù)四 制作論壇顯示頁面,關(guān)系運(yùn)算符,邏輯運(yùn)算符,運(yùn)算符的優(yōu)先級,返 回,關(guān) 閉,拓展與提高,Response.Write,與,的區(qū)別,任務(wù)四 制作論壇顯示頁面,項(xiàng)目實(shí)訓(xùn) 創(chuàng)建網(wǎng)上書店論壇,返 回,關(guān) 閉,項(xiàng)目描述,在網(wǎng)上書店創(chuàng)建一個(gè)論壇后，讀者可以通過網(wǎng)絡(luò)與經(jīng)營者進(jìn)行交流，讀者與讀者之間也可以進(jìn)行書評、交流等活動。,項(xiàng)目實(shí)訓(xùn) 創(chuàng)建網(wǎng)上書店論壇,返 回,關(guān) 閉,項(xiàng)目要求,整個(gè)論壇要有主題頁面、主題討論顯示頁面、發(fā)表意見頁面等組成。主題頁面中要有論壇使用規(guī)則，非注冊用戶不能登錄。,項(xiàng)目實(shí)訓(xùn) 創(chuàng)建網(wǎng)上書店論壇,返 回,關(guān) 閉,項(xiàng)目提示,論壇制作前要準(zhǔn)備一些必要的素材，如小頭像圖片等。要先創(chuàng)建一個(gè)論壇后臺數(shù)據(jù)庫，再制作頁面。,項(xiàng)目實(shí)訓(xùn) 創(chuàng)建網(wǎng)上書店論壇,返 回,關(guān) 閉,項(xiàng)目評價(jià),內(nèi) 容,評 價(jià) 等 級,能 力 目 標(biāo),評 價(jià) 項(xiàng) 目,3,2,1,職業(yè)能力,能創(chuàng)建具有交互作用的表單網(wǎng)頁,了解表單各元素的,基本功能,會正確地使用表單的,各種,元素,能創(chuàng)建數(shù)據(jù)庫和建立數(shù)據(jù)表,會新建數(shù)據(jù)庫,會新建數(shù)據(jù)表,會編輯、修改、刪除數(shù)據(jù)表及表中記錄,會導(dǎo)入、導(dǎo)出數(shù)據(jù)表,能創(chuàng)建數(shù)據(jù)源,會正確設(shè)置數(shù)據(jù)源,能正確使用ASP的多種方法連接數(shù)據(jù)庫,能制作簡單的,論壇,網(wǎng)頁,了解論壇,網(wǎng)頁的基本功能,會制作動態(tài)網(wǎng)頁的交互功能,會制作調(diào)查表,網(wǎng)頁,會,編寫按鈕動作程序,使用SQL查詢語句,了解SQL查詢語句的類型,會正確使用SQL查詢語句,通用能力,自我評估能力,獨(dú)立構(gòu)思能力,解決問題的能力,自我提高的能力,組織能力,綜合評價(jià),再 見！,