項(xiàng)目三 電子商務(wù)網(wǎng)站設(shè)計(jì)與開發(fā) 拓展實(shí)驗(yàn)

項(xiàng)目三電子商務(wù)網(wǎng)站設(shè)計(jì)與開發(fā)【拓展實(shí)驗(yàn)】實(shí)驗(yàn)1ASP.NET運(yùn)行環(huán)境與配置1．實(shí)驗(yàn)?zāi)康模?）了解ASP.NET的特點(diǎn)。（2）掌握設(shè)置ASP.NET的運(yùn)行環(huán)境。2．實(shí)驗(yàn)要求（1）環(huán)境準(zhǔn)備。硬件：CPU為酷睿2以上的裝有網(wǎng)卡的計(jì)算機(jī)，內(nèi)存至少為2GB，硬盤至少為60GB?？梢钥紤]使用虛擬機(jī)。軟件：操作系統(tǒng)是Windows，這里以Windows7專業(yè)版為例，安裝IIS7。（2）知識(shí)準(zhǔn)備：掌握動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)的方法，了解HTML和ASP.NET程序的創(chuàng)建方法。3．實(shí)驗(yàn)?zāi)繕?biāo)通過(guò)安裝IIS7和.NETFramework3.5，設(shè)置好運(yùn)行ASP.NET程序的環(huán)境。4．問(wèn)題分析（1）不了解ASP.NET動(dòng)態(tài)網(wǎng)頁(yè)的特點(diǎn)，不知道怎樣制作ASP.NET網(wǎng)頁(yè)。（2）不了解IIS7和.NETFramework3.5的安裝順序。（3）不知道需要安裝哪些與ASP.NET有關(guān)的文件。（4）無(wú)法在瀏覽器中預(yù)覽ASP.NET動(dòng)態(tài)網(wǎng)頁(yè)。5．解決辦法（1）通過(guò)學(xué)習(xí)第3章和第8章的有關(guān)內(nèi)容，增加對(duì)ASP.NET的了解。（2）查看Dreamweaver軟件幫助信息中有關(guān)ASP.NET動(dòng)態(tài)網(wǎng)頁(yè)運(yùn)行環(huán)境的內(nèi)容。（3）檢查IIS設(shè)置是否正確，檢查虛擬目錄設(shè)置是否正確。（4）檢查ASP.NET有關(guān)組件是否按要求正確安裝。（5）如系統(tǒng)設(shè)置完成后，仍不能正常運(yùn)行ASP.NET程序，可以在Windows命令模式下運(yùn)行，執(zhí)行以下操作：C:\>\WINNT\Microsoft.NET\Framework\v1.1.4322\aspnet_regiis-i各操作系統(tǒng)下該文件位置有所不同，可以用搜索功能查找aspnet_regiis.exe文件，確定正確的路徑。Aspnet_regiis.exe可以用于安裝和卸載鏈接的ASP.NET版本。使用-i選項(xiàng)可安裝ASP.NET，并更新所有現(xiàn)有ASP.NET應(yīng)用程序的腳本映射。使用-ir選項(xiàng)可安裝ASP.NET，但不更新腳本映射。若要卸載與該工具關(guān)聯(lián)的ASP.NET版本，請(qǐng)使用-u選項(xiàng)。6．實(shí)驗(yàn)步驟第一步：配置ASP.NET運(yùn)行環(huán)境。要使用ASP.NET創(chuàng)建動(dòng)態(tài)網(wǎng)頁(yè)，首先要從硬件和軟件方面配置好ASP.NET的運(yùn)行環(huán)境。在硬件方面，必須在計(jì)算機(jī)上安裝網(wǎng)卡，并接好網(wǎng)線。在軟件方面，必須安裝TCP/IP、服務(wù)器軟件及瀏覽器軟件，并指定本機(jī)的IP地址。在滿足了以上條件后，還要安裝7.0以上版本的IIS。（1）安裝IIS。①打開Windows7的控制面板，單擊左下側(cè)的“程序”，單擊“打開或關(guān)閉Windows功能”?？刂泼姘逯黜?yè)②現(xiàn)在出現(xiàn)了安裝Windows功能的選項(xiàng)菜單，注意選擇的項(xiàng)目，我們需要手動(dòng)選擇需要的功能，這里把IIS的有關(guān)項(xiàng)目全都勾選上。插入Windows7系統(tǒng)安裝光盤，單擊確定。（或從網(wǎng)上直接安裝組件程序）。打開或關(guān)閉Windows功能③安裝完成后，再次進(jìn)入控制面板。單擊“系統(tǒng)和安全”?？刂泼姘宄绦虼翱冖軉螕簟肮芾砉ぞ摺?，在其中雙擊“Internet(IIS)管理器”選項(xiàng)，進(jìn)入IIS設(shè)置。Internet(IIS)管理器（一）Internet(IIS)管理器（二）⑤雙擊窗口左側(cè)的計(jì)算機(jī)名處，并單擊“網(wǎng)站”，從中選擇“DefaultWebSite”，鼠標(biāo)右鍵單擊“DefaultWebSite”，設(shè)置站點(diǎn)中有關(guān)的選項(xiàng)。設(shè)置默認(rèn)站點(diǎn)屬性⑥這里主要是設(shè)置站點(diǎn)的停止/啟動(dòng)、網(wǎng)站的目錄、網(wǎng)站的端口、網(wǎng)站的默認(rèn)文檔等項(xiàng)目。至此，Windws7的IIS7設(shè)置已經(jīng)基本完成了。（2）安裝NETFramework3.5。Windows7在系統(tǒng)安裝時(shí)，默認(rèn)安裝NETFramework3.5。如果用戶的操作系統(tǒng)下沒(méi)有安裝NETFramework3.5，或安裝了但不能正常使用，可以在組件功能里卸掉，重新安裝NETFramework3.5。安裝方法和安裝其他Windows組件一樣，這里不再過(guò)多介紹。如果是單獨(dú)安裝.NETFramework3.5，一定要在安裝完IIS后且服務(wù)器能正常運(yùn)行的情況下，才能接著安裝NETFramework。（3）創(chuàng)建虛擬目錄。在Windows7中創(chuàng)建虛擬目錄。一旦啟動(dòng)了Web服務(wù)，Web服務(wù)器就可以對(duì)通過(guò)瀏覽器提交的ASP.NET動(dòng)態(tài)網(wǎng)頁(yè)請(qǐng)求做出響應(yīng)。為了實(shí)現(xiàn)這種響應(yīng)，要求ASP.NET文件必須保存在Web服務(wù)器上的特定文件夾中，通常是保存在Web站點(diǎn)的主目錄或其子目錄中，主目錄的默認(rèn)設(shè)置是\Inetpub\wwwroot文件夾。如果希望在Web站點(diǎn)主目錄及其子目錄之外的其他文件夾中保存ASP.NET文件，則必須對(duì)該文件夾設(shè)置Web共享選項(xiàng)，使之成為Web站點(diǎn)內(nèi)的一個(gè)虛擬目錄。所謂虛擬目錄，就是在URL地址中使用的目錄名稱，有時(shí)也稱做URL映射。虛擬目錄的名稱可以與物理目錄相同，也可以不相同。在Windows7中創(chuàng)建虛擬目錄的操作步驟如下。①確認(rèn)Web服務(wù)已經(jīng)啟動(dòng)。打開D盤，找到“叮當(dāng)網(wǎng)上書店”本地站點(diǎn)的文件夾ding-dang。②單擊ding-dang文件夾，然后在“文件”菜單中選擇“共享”命令。在文件夾屬性對(duì)話框中選擇“Web共享”選項(xiàng)卡，然后選取“共享這個(gè)文件夾”單選按鈕。設(shè)置文件夾的Web共享屬性③打開“編輯別名”對(duì)話框，輸入別名“dingdang”。指定虛擬目錄的別名④單擊“確定”按鈕，再次單擊“確定”按鈕。如果將網(wǎng)頁(yè)保存在Web站點(diǎn)的主目錄中，則在本地計(jì)算機(jī)上可以通過(guò)以下URL地址來(lái)訪問(wèn)該網(wǎng)頁(yè)：http://localhost／文件名。如果將網(wǎng)頁(yè)保存在Web站點(diǎn)主目錄及其子目錄中，或者保存在某個(gè)虛擬目錄及其子目錄中，則在本地計(jì)算機(jī)上可以通過(guò)以下URL地址來(lái)訪問(wèn)該網(wǎng)頁(yè)：http://localhost／目錄/.../文件名。如果要在網(wǎng)絡(luò)中的其他計(jì)算機(jī)上訪問(wèn)上述網(wǎng)頁(yè)，使用主機(jī)名或IP地址來(lái)代替占位符localhost即可。實(shí)驗(yàn)2制作一個(gè)支持網(wǎng)站用戶登錄的ASP.NET動(dòng)態(tài)網(wǎng)頁(yè)1．實(shí)驗(yàn)?zāi)康模?）學(xué)習(xí)開發(fā)ASP.NET程序的方法。（2）掌握ASP.NET網(wǎng)頁(yè)調(diào)用數(shù)據(jù)庫(kù)的方法。（3）學(xué)會(huì)調(diào)試ASP.NET程序。2．實(shí)驗(yàn)要求（1）環(huán)境準(zhǔn)備：計(jì)算機(jī)中裝有IIS7.0、.NETFramework3.5，裝有DreamweaverCS6設(shè)計(jì)軟件。（2）知識(shí)準(zhǔn)備：具有數(shù)據(jù)庫(kù)基礎(chǔ)知識(shí)，能熟練使用Access2010建立數(shù)據(jù)庫(kù)和數(shù)據(jù)表；會(huì)使用Dreamweaver軟件，設(shè)置遠(yuǎn)程站點(diǎn)和ASP.NET連接數(shù)據(jù)庫(kù)的方法。3．實(shí)驗(yàn)?zāi)繕?biāo)（1）建立一個(gè)儲(chǔ)存注冊(cè)用戶信息的數(shù)據(jù)庫(kù)。（2）制作一個(gè)用戶登錄的動(dòng)態(tài)網(wǎng)頁(yè)。4．問(wèn)題分析（1）不了解ASP.NET程序的開發(fā)環(huán)境要求。（2）不了解怎樣建立Web頁(yè)和數(shù)據(jù)庫(kù)的連接。（3）程序運(yùn)行時(shí)出現(xiàn)登錄界面，但輸入正確信息后沒(méi)有反應(yīng)。（4）程序運(yùn)行時(shí)提示“System.Data.OleDb.OleDbException:不能使用''；文件已在使用中?！钡漠惓Ｐ畔ⅰ?．解決辦法（1）ASP.NET程序的開發(fā)環(huán)境有多種，最理想的方式是安裝了VisualStudio.NET2003或2005，在VS2003、VS2005、VS2008下進(jìn)行編寫和調(diào)試，效率高，調(diào)試方便；其次可以使用ASP.NET網(wǎng)頁(yè)文本編輯器，DreamweaverCS6也支持制作ASP.NET動(dòng)態(tài)網(wǎng)頁(yè)。最后可以選擇使用記事本編寫ASP程序，但對(duì)編寫者的要求非常高，不能直接調(diào)試，也沒(méi)有錯(cuò)誤信息提示等。（2）ASP.NET網(wǎng)頁(yè)和數(shù)據(jù)庫(kù)的連接，可在站點(diǎn)的根目錄下通過(guò)編寫Web.config文件建立，這樣減少網(wǎng)站中各個(gè)頁(yè)面連接數(shù)據(jù)庫(kù)都需要手工輸入連接數(shù)據(jù)庫(kù)連接串，將來(lái)修改起來(lái)更是方便。（3）程序運(yùn)行時(shí)出現(xiàn)登錄界面，輸入正確信息后沒(méi)有反應(yīng)，可能是程序需要的控件沒(méi)有被激活，可以執(zhí)行AspNET_regiis.exe–c命令（參考本章實(shí)驗(yàn)的介紹），然后再重啟IIS，就可以正常運(yùn)行了。（4）出現(xiàn)“System.Data.OleDb.OleDbException:不能使用''；文件已在使用中?！钡漠惓Ｐ畔?，是因?yàn)锳ccess數(shù)據(jù)庫(kù)是單用戶單線程的數(shù)據(jù)庫(kù)，在Access里面打開編輯數(shù)據(jù)庫(kù)文件時(shí)，其實(shí)是以當(dāng)前Windows用戶（比如Administrator）身份打開數(shù)據(jù)庫(kù)，而ASP.NET默認(rèn)使用的是ASP.NET虛擬用戶（隸屬于Users組），級(jí)別低于Administrator，無(wú)法和Administrator“搶奪”權(quán)限，所以出現(xiàn)沖突錯(cuò)誤。解決辦法是把Access數(shù)據(jù)庫(kù)所在的站點(diǎn)根目錄的文件夾設(shè)置共享權(quán)限全部選中。

6．實(shí)驗(yàn)步驟網(wǎng)站會(huì)員登錄頁(yè)面一般包括兩項(xiàng)功能：對(duì)未注冊(cè)的新用戶提供注冊(cè)服務(wù)，對(duì)已注冊(cè)的會(huì)員用戶允許通過(guò)輸入正確的用戶名和密碼進(jìn)入會(huì)員區(qū)。（1）建立一個(gè)存儲(chǔ)注冊(cè)用戶信息的數(shù)據(jù)庫(kù)。打開Access程序，在網(wǎng)站根目錄下建立一個(gè)名為UserInfo.mdb的數(shù)據(jù)庫(kù)文件，在UserInfo.mdb中建立一個(gè)名為Usersheet的數(shù)據(jù)表。網(wǎng)站用戶信息表Usersheet的表結(jié)構(gòu)字段名稱類型長(zhǎng)度允許空說(shuō)明code自動(dòng)編號(hào)4否用戶編號(hào)，應(yīng)為自動(dòng)編號(hào)，設(shè)為主鍵loginname文本16否用戶名userpass文本8否密碼username備注10是用戶真實(shí)姓名Birth日期/時(shí)間8是出生日期Email文本32是E-mailpassQuestion文本20是找回密碼時(shí)提問(wèn)的問(wèn)題PassAnswer文本20是答案Address文本20是聯(lián)系地址Telephone文本32是聯(lián)系電話Zipcode文本32是郵政編碼收貨人地址Sex文本2是性別為方便調(diào)試程序，可以在數(shù)據(jù)表中先錄入一條記錄。數(shù)據(jù)表中的記錄內(nèi)容（2）用記事本編寫一個(gè)網(wǎng)頁(yè)配置文件web.config，并保存在網(wǎng)站站點(diǎn)的根目錄下。文件內(nèi)容如下：<configuration><appSettings><addkey="MM_CONNECTION_HANDLER_Cnn"value="default_oledb.htm"/><addkey="MM_CONNECTION_STRING_Cnn"value="Provider=Microsoft.Jet.OLEDB.4.0;DataSource=c:\inetpub\dingdang\UserInfo.mdb;PersistSecurityInfo=False"/><addkey="MM_CONNECTION_DATABASETYPE_Cnn"value="OleDb"/><addkey="MM_CONNECTION_SCHEMA_Cnn"value=""/><addkey="MM_CONNECTION_CATALOG_Cnn"value=""/></appSettings></configuration>Source=c:\inetpub\dingdang\UserInfo.mdb;PersistSecurityInfo=False"/>這句程序應(yīng)根據(jù)站點(diǎn)數(shù)據(jù)庫(kù)實(shí)際位置做更改。（3）編寫用戶登錄頁(yè)面程序default.aspx，程序編寫完成后，將其保存在網(wǎng)站站點(diǎn)根目錄下。用戶登錄程序一般應(yīng)該包括顯示登錄界面，提醒輸入信息，檢查輸入信息是否正確和登錄成功鏈接打開主頁(yè)面等功能。與之配套的應(yīng)該有用戶注冊(cè)程序和找回密碼程序等。注冊(cè)用戶程序和找回密碼程序這里沒(méi)有給出，運(yùn)行時(shí)單擊該按鈕無(wú)效。程序內(nèi)容：<%@language="vb"debug="true"%><%@RegisterTagPrefix="MM"Namespace="DreamweaverCtrls"Assembly="DreamweaverCtrls,version=,publicKeyToken=836f606ede05d46a,culture=neutral"%><MM:DataSetid="DataSet1"runat="Server"IsStoredProcedure="false"ConnectionString='<%#System.Configuration.ConfigurationSettings.AppSettings("MM_CONNECTION_STRING_Cnn")%>'DatabaseType='<%#System.Configuration.ConfigurationSettings.AppSettings("MM_CONNECTION_DATABASETYPE_Cnn")%>'CommandText='<%#"SELECT*FROMUserSheetWHERELoginName=?AndUserPass=?"%>'Debug="true"><Parameters><ParameterName="@LoginName"Value='<%#IIf((Request.Form("theName")<>Nothing),Request.Form("theName"),"")%>'Type="WChar"/><ParameterName="@thePass"Value='<%#IIf((Request.Form("thePwd")<>Nothing),Request.Form("thePwd"),"")%>'Type="VarChar"/></Parameters></MM:DataSet><MM:PageBindrunat="server"PostBackBind="true"/><scriptrunat="server">SubLogin_Click(ByValsenderAsObject,ByValEAsEventArgs)dimJHStrasStringIfDataSet1.DefaultView.Table.Rows.Count>0thenJHStr=DataSet1.DefaultView.Table.Rows(0)("JHTag")Iftrim(JHStr)="1"ThenSession("userid")=DataSet1.DefaultView.Table.Rows(0)("code")Session("username")=DataSet1.DefaultView.Table.Rows(0)("username")Session("logintime")=System.DateTime.NowResponse.Redirect("main.aspx")elseLblErr.Text="此賬戶尚未激活，無(wú)法正常登錄！"endifelseLblErr.Text="登錄名稱或密碼錯(cuò)誤！"endifEndSubSubFindPass_Click(ByValsenderAsObject,ByValEAsEventArgs)Response.Redirect("LoadPass.aspx")EndSubSubReg_Click(ByValsenderAsObject,ByValEAsEventArgs)Response.Redirect("Login.aspx")EndSub</script><html><scriptlanguage="javascript"><!--//varObj=''document.onmouseup=MUpdocument.onmousemove=MMovefunctionMDown(Object){Obj=Object.iddocument.all(Obj).setCapture()pX=event.x-document.all(Obj).style.pixelLeft;pY=event.y-document.all(Obj).style.pixelTop;}functionMMove(){if(Obj!=''){document.all(Obj).style.left=event.x-pX;document.all(Obj).style.top=event.y-pY;}}functionMUp(){if(Obj!=''){document.all(Obj).releaseCapture();Obj='';}}//--></script><head><metahttp-equiv="Content-Language"content="zh-cn"><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"><title>用戶登錄</title><linkhref="css/Main.css"type="text/css"rel="stylesheet"/></head><bodyscroll="no"><formrunat="server"><tableid="MoveDiv"style="position:absolute;top:25%;left:30%;"width="413"border="0"align="center"cellpadding="0"cellspacing="0"bgcolor="#EEEAD6"><tr><tdheight="29"colspan="3"background="image/topbg.gif"><tablewidth="95%"align="right"border="0"cellspacing="0"cellpadding="0"title="可移動(dòng)登陸框"style="cursor:hand;"onMouseDown="MDown(MoveDiv)"><tr><tdalign="left"valign="middle"nowrap><fontcolor="#FFFFFF"><B>歡迎光臨</B></font></td></tr></table></td></tr><tr><tdwidth="3"background="image/link.GIF"></td><td><tablewidth="100%"border="0"cellspacing="0"cellpadding="0"><tr><td><tablewidth="95%"border="0"align="center"><tr><td><fieldset><trheight=30><tdwidth="15%"height="30"> </td><tdwidth="20%">登錄名稱：</td><tdwidth="65%"><asp:TextBoxID="theName"TextMode="SingleLine"runat="server"/><asp:RequiredFieldValidatorControlToValidate="theName"Display="Dynamic"ErrorMessage="請(qǐng)輸入登錄名稱！"ID="Require1"runat="server"Text="請(qǐng)輸入登錄名稱！"/></td></tr><trheight=30><tdheight="30"> </td><td>登錄密碼：</td></tr><trheight=40><tdheight="40"colspan="3"align="center"><asp:ButtonID="Login"runat="server"Text="登錄"BorderStyle="Ridge"Font-size="9pt"BorderWidth=1OnClick="Login_Click"/></td></tr></table></fieldset></td></tr><tr><tdalign=leftstyle="padding-left:5px;"><asp:ButtonID="Reg"runat="server"Text="立即注冊(cè)"BorderStyle="Ridge"Font-size="9pt"BorderWidth=1OnClick="Reg_Click"CausesValidation=false/>  <asp:ButtonID="FindPass"runat="server"Text="忘記密碼"BorderStyle=      <asp:LabelID="LblErr"runat="server"ForeColor=redText=""></asp:Label></td></tr></table></td></tr></table></td><tdwidth="3"background="image/link.GIF"></td></tr><tr><tdheight="3"background="image/linkbom.GIF"colspan="3"></td></tr></TABLE></form></body></html>（4）編寫顯示登錄成功信息的程序main.aspx，程序編寫完成后，將其保存在網(wǎng)站站點(diǎn)根目錄下。main.aspx是用戶登錄程序default.aspx的配套程序，用戶登錄成功，不是顯示網(wǎng)站的主頁(yè)，而是顯示main.aspx中的祝賀登錄成功信息。程序內(nèi)容：<%@language="vb"debug="true"%><scriptrunat="server">SubPage_Load(ByValSenderAsObject,ByValeAsEventArgs)IfNotPage.IsPostBackThenIfIsDBNull(Session("userid"))OrTrim(Session("userid"))=""ThenLblInfo.Text="對(duì)不起，您尚未登錄系統(tǒng)！"LogOut.Visible=FalseModiUser.Visible=FalseLogIn.Visible=TrueElseLblInfo.Text="恭喜，"&Trim(Session("username"))&"，您已成功登錄系統(tǒng)！"LogOut.Visible=TrueModiUser.Visible=TrueLogIn.Visible=FalseEndIfEndIfEndSubSubLogOut_Click(ByValsenderAsObject,ByValEAsEventArgs)Session("userid")=""Session("username")=""Session("logintime")=""