中職職高信息技術(shù)《ASP動(dòng)態(tài)網(wǎng)站制作：“注冊(cè)”功能實(shí)現(xiàn)-Request對(duì)象》優(yōu)質(zhì)公開課教案設(shè)計(jì)

《ASP動(dòng)態(tài)網(wǎng)站制作》公開課教案實(shí)訓(xùn)項(xiàng)目： “注冊(cè)”功能實(shí)現(xiàn)Request對(duì)象主講：XXX課型：新課 課時(shí)：1課時(shí)實(shí)訓(xùn)目標(biāo)知識(shí)目標(biāo)1.懂得Request對(duì)象的功能2.理解Request對(duì)象的Form集合和QueryString集合在獲取表單提交數(shù)據(jù)中的區(qū)別及用法能力目標(biāo)能夠正確使用Request對(duì)象元成獲取表單提交數(shù)據(jù)的操作培養(yǎng)學(xué)生發(fā)現(xiàn)問題、分析問題和解決問題的能力，以及團(tuán)隊(duì)協(xié)作能力德育目標(biāo)通過實(shí)驗(yàn)任務(wù)的解決，讓學(xué)生體驗(yàn)成功，樹立自信心，并培養(yǎng)學(xué)生對(duì)動(dòng)態(tài)網(wǎng)站制作的興趣教學(xué)重點(diǎn)掌握Request對(duì)象在獲取表單提交數(shù)據(jù)過程中的使用方法教學(xué)難點(diǎn)理解Request對(duì)象的Form集合和QueryString集合在獲取表單提交數(shù)據(jù)中的差別教學(xué)方法啟發(fā)引導(dǎo)法、演示法、小組學(xué)習(xí)法、激勵(lì)法、歸納總結(jié)法教學(xué)用具微機(jī)，多媒體課件教學(xué)步驟教師活動(dòng)學(xué)生活動(dòng)一、新課導(dǎo)入大家申請(qǐng)過QQ號(hào)嗎？或者在論壇里注冊(cè)過嗎？（學(xué)生回答）那大豕想一下：申請(qǐng) QQ號(hào)/注冊(cè)的過程是否是一個(gè)添加記錄的過程？（學(xué)生回答）答案是肯定的。其實(shí)添加記錄功能在我們動(dòng)態(tài)網(wǎng)站的制作過程中很常見，如剛才提到的申請(qǐng)QQ號(hào)、注冊(cè)，又如留言、后臺(tái)管理中的添加新聞信息等。今天我們來學(xué)習(xí)添加記錄的方法。學(xué)生回答提問二、新課講授（演示）見《實(shí)訓(xùn)項(xiàng)目任務(wù)書》認(rèn)真聽講觀看教師演示三、學(xué)生練習(xí)教師布置任務(wù)教師巡回指導(dǎo)認(rèn)真完成任務(wù)四、點(diǎn)評(píng)隨機(jī)抽查學(xué)生的學(xué)生情況，根據(jù)學(xué)生練習(xí)的情況進(jìn)行點(diǎn)評(píng)學(xué)生操作演示五、小結(jié)應(yīng)用表單制作添加記錄頁面使用Request對(duì)象獲取客戶端的數(shù)據(jù)認(rèn)真聽講

3.添加功能的實(shí)現(xiàn)方法六、布置作業(yè)復(fù)習(xí)本實(shí)訓(xùn)課的內(nèi)容完成知識(shí)拓展部分的內(nèi)容實(shí)訓(xùn)名稱:添加記錄功能實(shí)現(xiàn)實(shí)訓(xùn)項(xiàng)目任務(wù)書實(shí)訓(xùn)名稱:添加記錄功能實(shí)現(xiàn)實(shí)訓(xùn)項(xiàng)目任務(wù)書實(shí)訓(xùn)目的:1.懂得添加記錄頁面的表單應(yīng)用2?學(xué)會(huì)使用Request對(duì)象獲取客戶端的數(shù)據(jù)3.掌握添加功能的實(shí)現(xiàn)方法課時(shí)：2課時(shí)實(shí)訓(xùn)內(nèi)容：一、添加記錄實(shí)例演示:■、操作步驟（一）利用Dreamweaver創(chuàng)建站點(diǎn)及相關(guān)的文件夾adninditaimagesift亡（二）在IIS中創(chuàng)建該站點(diǎn)的網(wǎng)站在控制面板中雙擊“管理工具”，然后雙擊打開“Internet信息服務(wù)”，按向?qū)?chuàng)建一個(gè)站點(diǎn)。效果圖如下:b5E2RGbCAP◎I列営理器◎I列営理器吐黒或鶉 Ih丈件叫挨詐色查看里—宙□聖殆助g?沖丨畫|X冒國鬲國丨星I■+」應(yīng)用烽序池三J網(wǎng)站默認(rèn)珂站垮止）4*jInt.Td.t蓿直跟蓉~jnTUKME磁地計(jì)宜機(jī)■+」應(yīng)用烽序池三J網(wǎng)站默認(rèn)珂站垮止）［主?」：+「??亠jdataEJim絹"J應(yīng)T4DotW.t

（三）數(shù)據(jù)庫的創(chuàng)建1、創(chuàng)建名為db?mdb的數(shù)據(jù)庫，存放在站點(diǎn)的“data”文件夾下。數(shù)據(jù)庫中建一個(gè)表名為“用戶表”舖db:數(shù)努庫(Access2000 格式j(luò):設(shè)計(jì)?二裁建遡.X!F匸團(tuán)義表的結(jié)構(gòu)如下所示:用戶盍Z表表的結(jié)構(gòu)如下所示:用戶盍Z表于段名稱文本于段名稱文本id用尸名密碼叫號(hào)■用戶表::表id指戶名賽碼禎號(hào) 1聯(lián)采電話添加時(shí)間更新時(shí)間1abc666666092123342010-11-22010-11-52AAA1234567777777827123452010-11-12201O11-1B1聯(lián)累電謠恭加時(shí)間更新時(shí)間日M/W間日期/時(shí)間2、在表中添加用于測試的記錄（四）在"inc”文件夾中創(chuàng)建數(shù)據(jù)庫連接文件 conn.asp和數(shù)據(jù)庫關(guān)閉文件close.asp1、數(shù)據(jù)庫連接文件conn.aspi:丄代碼拇分|胡設(shè)計(jì)| 標(biāo)題:121234567server.MapPath(data)<%data="/data/db.jiLdti17cannString="DKIVER^{MicrosoftAccessDriver(*.mdb)}jDBQ^17Setconn=Server-GreateObjeet(WADODB*Connection^Jconn.OpenconnString%>2、數(shù)據(jù)庫關(guān)閉文件close.asp』代碼|弓拆分|止|設(shè)計(jì)］遼標(biāo)題陡標(biāo)顛立檔<%conn,closesetconn=：nothing%>USer_add.aspp1EanqFDPw（五）在Dreamweaver中的管理員目錄"admin”USer_add.aspp1EanqFDPw1、在站點(diǎn)中創(chuàng)建該文件：

s缶站點(diǎn)-站點(diǎn)2頂：\網(wǎng)站"user_add.aspuser_add.asp在站點(diǎn)中的位置E1■…亡3user_add.aspuser_add.asp在站點(diǎn)中的位置HIOdat^L電]db.mdb]■&images-li^5ific&close-45pdcorn,asp-iWuser_listtasp2、完成user_add.asp的頁面設(shè)計(jì)(2)在表單內(nèi)插入一個(gè)(2)在表單內(nèi)插入一個(gè)7行2列的表格左▼插入 常用布局|憲單豺本：HTML|ASF|??〒同舊(2)合并單元格，調(diào)整表格寬度至合適大小，并填入相關(guān)的文字。漳加記錄用戶塔：雷璋1密眸認(rèn)z爲(wèi)號(hào)：聯(lián)系電話；liI■ ii 24^*415 (3)添加表單項(xiàng):H▼呷入渾用|布局表單文本KTNL(□I盼3|0以下是各項(xiàng)的屬性設(shè)置:用戶名:FF交密宇符靈度d)類型檸單行⑤r冬行?r密碼電〕|yoGghuming：wig密碼:▼字符寬度⑩類型r單行⑤1一mi“l(fā)攝多字符數(shù)|韌姍①r密碼確認(rèn):▼屠悝空符寬度⑩1類型C單行⑸廣專丘觀 檸密碼老)1 mi?ia2杲參字符數(shù)胡貽值①Q(mào)Q號(hào):匸屬性文卓域 字符寬度②類凰席單行⑤ 廣喜行町 廣甕珂②呃 長多芋苻敷初貽但足】| V聯(lián)系電話:▼屆性fo文商字礙竟度迦類型F單行⑨r多行?r甕碼￡)diuihufi雖窖字符數(shù)「初始值qjr(4)添加“提交”和“重置”按鈕3▼插入富用布局表單文本HTMLASPi里用程序F口|口氏口舊回釦固團(tuán)|國眨頤匝“提交”的屬性:按鈕名稱標(biāo)箔(1按鈕名稱標(biāo)箔(1〕提交|Submit動(dòng)催恃握交表單⑤廠無?r重役表單?重置”的屬性:P按鈕名稱SubttitP按鈕名稱Subttit標(biāo)簽匕〕重置動(dòng)作r提交表單⑨廣無?窗壺設(shè)表單迅］(5)完成的效果如下圖所示:（六）設(shè)置“提交”按鈕的動(dòng)作（即提交信息后的處理文件user_chuli.asp)1、切換user_add.asp到“代碼”視圖一抗分』設(shè)計(jì)~~.1.：■ （六）設(shè)置“提交”按鈕的動(dòng)作（即提交信息后的處理文件user_chuli.asp)1、切換user_add.asp到“代碼”視圖一抗分』設(shè)計(jì)~~.1.：■ 匸］二33101112cellspacirg="fO*>2、找到表單開始標(biāo)記vform＞，在動(dòng)作action項(xiàng)內(nèi)填入“user_chuli.asp'<body〉 _iJi.■.L.LHj-.^pcst^ut.iLj.^UEer-Chuli.isp"<tablevidtl^r415"heieht^E^border^'rcellpaddin?="<tr>3、在Dreamweaver中的管理員目錄“admin”下創(chuàng)建用于處理添加記錄的文件 user_chuli.asp）XDiTa9E3d3O站點(diǎn)-站點(diǎn)￡①：、網(wǎng)站R茴i_:admin&UE*r_add.輕鑿p日J(rèn)db.mdbQimaig^sS incdC1OE@_^LSpdcoun.asp總 user_list.aspuser_chuli.asp勺位置（七）編輯“user_chuli.asp'文件的代碼1、在“user_chuli.asp'的“代碼”視圖中，清除原有的代碼，分別加入數(shù)據(jù)庫連接文件 conn.aspRTCrpUDGiT加入數(shù)據(jù)庫連接文件conn.asp（1）在“插入”工具欄上打開“ ASP'工具項(xiàng)，并點(diǎn)擊“包括”按鈕，如圖所示：U5*r_list.4sp(2)輸入“/inc/conn.asp”，完成效果如下圖所示:U5*r_list.4spumer豈土umer豈土mu［匝1代碼|勻拆分|占設(shè)計(jì)j國襪題:廠<I--#includevirtinc/conn,呂盡p"~>2、完成添加功能的代碼編寫1234561@1234561@910111213141516171819202122232425261-^8includevirtual=nr/inc/ccnn,asp^—>yhm二requestCyonghuming") inima=requestmmal，H)qq=yonhuming是user_add.asp中用戶名的文本字段的值request("qq")lxdh=requestCdiarLhna-7)setrs二server,Cre^teObject("adodb,record^ei：")sql='select#from用戶表'rs.opensql^cann3U3rs*addnew論("用戶名")二yhn“「密碼")-ihiniarsUQQ號(hào)聯(lián)系電話rJ=lKdh"U添加時(shí)間w)=date()tsC*3t新時(shí)間rs*updaters.closesetrs=nothingconn?closesetconn=nothingresponse*Redirect(\./nser_list?asp")獲取獲取user_add.asp傳送的yonghuming的值5PCzVD7HxA獲取user_add.asp傳送的mima1的值jLBHrnAiLg獲取user_add.asp傳送的qq的值獲取user_add.asp傳送的dianhua的值xHAQX74J0X具體代碼及注釋如下：v!--#includevirtual="/inc/conn.asp"--><%yhm=request("yonghuming")mima=request("mima1")qq=request("qq")lxdh=request("dianhua")setrs=server.CreateObject("adodb.recordset")創(chuàng)建Recordset對(duì)象rsLDAYtRyKfEsql="select*from用戶表” 查詢用戶表的SQL語句

rs.opensql,conn,1,3rs.addnewrs（"用戶名"）=yhmrs（"密碼"）=mimars（"QQ號(hào)"）=qqrs（"聯(lián)系電話"）=lxdhrs（"添加時(shí)間"）=date（）rs（"更新時(shí)間"）=date（）rs.update以可編輯的方式查詢數(shù)據(jù)庫添加記錄方法給用戶名賦值給密碼賦值給QQ號(hào)賦值給聯(lián)系電話賦值給添加時(shí)間賦值給更新時(shí)間賦值更新記錄（添加完成要更新才能看到）rs.closesetrs=nothingconn.closesetconn=nothing關(guān)閉rs清除內(nèi)存中的rs關(guān)閉數(shù)據(jù)庫連接清除連接對(duì)象conn在內(nèi)存中的值response.Redirect（"../user_list.asp"） 設(shè)置頁面的跳轉(zhuǎn)位置為 user_list.asj￡zz6ZB2Ltk%>（八）在IIS中瀏覽user_add.asp文件，驗(yàn)證是否成功！Q申iraHD￥-Q5岸地計(jì)算機(jī)）國」Q申iraHD￥-Q5岸地計(jì)算機(jī)）國」FTF站點(diǎn)咼一區(qū)用程屈池H十囲站'默認(rèn)網(wǎng)M蠟止）DcutHetattits：1^5*2ehu.ru2010-11-5fishnti測試〔曲站點(diǎn)■￡_Jtdnin1*1一IW-J國」IJindataima