石材展示電子商務(wù)網(wǎng)站畢業(yè)設(shè)計(jì)

論文題目：石材展示電子商務(wù)網(wǎng)站Stoneshowse-commercesites系別：信息技術(shù)系專業(yè)：計(jì)算機(jī)科學(xué)與技術(shù)班級(jí)：姓名：學(xué)號(hào)：指導(dǎo)老師：職稱：日期：2011-05-20目錄目錄 I摘要 II第1章 引言 2第2章 需求分析 2需求分析 22.2可行性分析 2設(shè)計(jì)目標(biāo) 2開發(fā)及運(yùn)行環(huán)境 2第3章 總體設(shè)計(jì) 2項(xiàng)目規(guī)劃 23.1.1前臺(tái)功能模塊 2網(wǎng)站功能結(jié)構(gòu)圖 2邏輯結(jié)構(gòu)設(shè)計(jì) 2數(shù)據(jù)表概要說(shuō)明 2文件夾及文件架構(gòu)布局 2技術(shù)準(zhǔn)備 2數(shù)據(jù)庫(kù)命名規(guī)則 2變量及對(duì)象名稱定義規(guī)則 2數(shù)據(jù)類型簡(jiǎn)寫規(guī)則 2對(duì)象名稱定義規(guī)則 2第4章 詳細(xì)設(shè)計(jì) 2文件配置 24.2數(shù)據(jù)庫(kù)操作類的編寫 24類 2類 2類 2類 2網(wǎng)站前臺(tái)文件架構(gòu)設(shè)計(jì) 2網(wǎng)站主頁(yè)面（index.aspx) 2 2 2 2 2商品詳細(xì)信息（） 2用戶注冊(cè)（） 2第5章 測(cè)試 2測(cè)試的必要性 2目的: 2方法: 2測(cè)試成果 2存在的問題 2結(jié)束語(yǔ) 2致謝 2參考文獻(xiàn) 2摘要電子商務(wù)正是為石材展示銷售開辟了一個(gè)新的平臺(tái)。與傳統(tǒng)的銷售方式相比，石材展示電子商務(wù)網(wǎng)站是石材的另一種宣傳以及銷售通路，是傳統(tǒng)銷售很好的延伸。石材展示電子商務(wù)網(wǎng)站（以下簡(jiǎn)稱石材網(wǎng)）正是基于B/S的石材展示電子商務(wù)網(wǎng)站。主要是為了展示石材，方便顧客進(jìn)行石材查詢，以及對(duì)客戶信息進(jìn)行管理等。系統(tǒng)后臺(tái)數(shù)據(jù)庫(kù)采用目前比較流行的MicrosoftSQLServer2005，該數(shù)據(jù)庫(kù)系統(tǒng)在安全性、準(zhǔn)確性、運(yùn)行速度方面有絕對(duì)的優(yōu)勢(shì)，并且處理數(shù)據(jù)庫(kù)量大，效率高；前臺(tái)采用Microsoft公司的VisualStudio2008作為主要的開發(fā)工具，可實(shí)現(xiàn)與SQLServer2005數(shù)據(jù)庫(kù)無(wú)縫鏈接。該網(wǎng)站設(shè)計(jì)的最終目的是為石材展示和銷售提供一個(gè)新的平臺(tái)，增加市場(chǎng)競(jìng)爭(zhēng)力，具有一定的實(shí)用價(jià)值和應(yīng)用前景。關(guān)鍵字:電子商務(wù)，SQLServer2005，分析，競(jìng)爭(zhēng)力AbstractE-commercehasopenedupaneweraoftheprawnmarketing!Incomparewiththetraditionalmarketingmethod,prawne-commerceisanothereffectiveadvertisingandsellingmeans,eventheextendingofthetraditionalways.Prawnisabtosprawnsellinge-commercewedsite。Ithasthefunctionofprawnexhibition,convenientonlineinquiry,prawnorderandcustomerinformationmanagement!WeadoptthemainstreamMicrosoftSQLServer2005systembackmoduledatabase,itisnotonlyhastheabsoluteadvantageonsafety,veracityandrunningvelocity,butalsohashugedatabaseproccessingabilityandhighefficiency;andthefrontmodule,weemployMicrosoft’sVisualStudio2008asthemaindeveloper,itcanperfectlyinterlinkwithSQLServer2005.Theultimatepurposeofthedesignofthesite,isofferingabrandnewplatformfortheprawnbreedingindustry,andIncreasethemarketcompetitivepower!ThePrawnhascertainpraticalvalueandcommendableapplyprospect。Keywords：E-commerce，SQLServer2005，Analysis，competitive引言石材作為一種高檔建筑裝飾材料，多數(shù)人對(duì)于它的種類、性能都不甚了解，傳統(tǒng)的銷售方式，銷售范圍受限制，宣傳力度不夠，且銷售地相對(duì)集中，造成內(nèi)部競(jìng)爭(zhēng)激烈，價(jià)格不斷下降。隨著internet技術(shù)的飛速發(fā)展，人們的生活和internet的關(guān)系越來(lái)越密切，如何通過(guò)Internet抓住商機(jī)成為擺在人們面前的一個(gè)重要話題，電子商務(wù)是一種新的商務(wù)活動(dòng)形式，它采用現(xiàn)代信息技術(shù)手段，以通信網(wǎng)絡(luò)和計(jì)算機(jī)裝置替代傳統(tǒng)交易過(guò)程中紙介質(zhì)信息載體的存儲(chǔ)、傳遞、統(tǒng)計(jì)、發(fā)布等環(huán)節(jié)，從而實(shí)現(xiàn)商品和服務(wù)交易管理等活動(dòng)全過(guò)程的無(wú)紙化和在線交易。石材網(wǎng)正是為石材展示銷售開辟了一個(gè)新的平臺(tái)。與傳統(tǒng)的銷售方式相比，石材展示電子商務(wù)網(wǎng)站是石材另一種很好的宣傳或銷售通路，甚至是傳統(tǒng)銷售很好的延伸。在互聯(lián)網(wǎng)上，所有的客戶不僅可以實(shí)時(shí)地看到石材的圖片、外觀、價(jià)格，同時(shí)還能通過(guò)互聯(lián)網(wǎng)獲得廠商、媒體對(duì)商品的評(píng)測(cè)報(bào)道和同檔次商品比較的信息資料；也可以為各個(gè)休戶大大地節(jié)約資金、時(shí)間和資源，并對(duì)他們的商業(yè)運(yùn)作產(chǎn)生重要的影響。該網(wǎng)站設(shè)計(jì)為石材業(yè)提供一個(gè)新的平臺(tái)，增加市場(chǎng)競(jìng)爭(zhēng)力，也降低了經(jīng)濟(jì)風(fēng)險(xiǎn)。需求分析需求分析開發(fā)一個(gè)網(wǎng)上購(gòu)物商城系統(tǒng)前，首先需要考慮用戶的需求是什么，即該網(wǎng)站應(yīng)該實(shí)現(xiàn)的主要功能。通過(guò)相關(guān)調(diào)查發(fā)現(xiàn)，在編寫展示商務(wù)網(wǎng)站系統(tǒng)時(shí)，主要設(shè)計(jì)前臺(tái)注冊(cè)用戶登錄即可。用戶在登錄進(jìn)入該展示商務(wù)網(wǎng)站后，即可查看各種石材及相關(guān)產(chǎn)品的詳細(xì)信息。石材展示商務(wù)網(wǎng)站具體流程如圖所示。圖2.1石材展示商務(wù)網(wǎng)站流程圖2.2可行性分析隨著網(wǎng)絡(luò)的快速發(fā)展，展示型商務(wù)網(wǎng)站以其方便、快捷的特點(diǎn)受到了更多用戶的青睞。對(duì)比傳統(tǒng)的商場(chǎng)銷售，展示型商務(wù)網(wǎng)站可以將商品詳細(xì)分類，為用戶提供了更大的選擇空間；通過(guò)前臺(tái)商品的展示，可以使顧客更好地了解網(wǎng)站內(nèi)的商品。石材展示商務(wù)網(wǎng)站系統(tǒng)后臺(tái)數(shù)據(jù)庫(kù)采用目前比較流行的MicrosoftSQLServer2005，該數(shù)據(jù)庫(kù)系統(tǒng)在安全性、準(zhǔn)確性、運(yùn)行速度方面有絕對(duì)的優(yōu)勢(shì)，并且處理數(shù)據(jù)庫(kù)量大，效率高；前臺(tái)采用Microsoft公司的VisualStudio2008作為主要的開發(fā)工具，可實(shí)現(xiàn)與SQLServer2005數(shù)據(jù)庫(kù)無(wú)縫鏈接。設(shè)計(jì)目標(biāo)對(duì)于典型的數(shù)據(jù)庫(kù)管理系統(tǒng)，尤其是展示型商務(wù)網(wǎng)站這樣數(shù)據(jù)量比較大的網(wǎng)絡(luò)管理系統(tǒng)，必須要滿足使用方便、操作靈活等設(shè)計(jì)需求。本系統(tǒng)在設(shè)計(jì)時(shí)應(yīng)該滿足以下幾個(gè)目標(biāo)。=1\*GB3①界面設(shè)計(jì)美觀友好，信息查詢靈活、方便、快捷、準(zhǔn)確，數(shù)據(jù)存儲(chǔ)安全可靠。=2\*GB3②全面展示網(wǎng)站內(nèi)所有商品，并可以展示最新商品。③查看網(wǎng)站內(nèi)商品的詳細(xì)信息。④系統(tǒng)最大限度地實(shí)現(xiàn)易維護(hù)性和易操作性。⑤系統(tǒng)運(yùn)行穩(wěn)定、安全可靠。開發(fā)及運(yùn)行環(huán)境硬件平臺(tái)CPU：內(nèi)存：256MB以上軟件平臺(tái)操作系統(tǒng)：windowsxp數(shù)據(jù)庫(kù)：SQLServer2005開發(fā)環(huán)境：開發(fā)工具：MicrosoftVisualStudio2008開發(fā)語(yǔ)言：C#語(yǔ)言服務(wù)器：瀏覽器：IE5.0,推薦使用分辯率：最佳效果1024*768像素總體設(shè)計(jì)項(xiàng)目規(guī)劃展示型商務(wù)網(wǎng)站只需前臺(tái)會(huì)員模塊即可。前臺(tái)功能模塊前臺(tái)模塊主要包括用戶注冊(cè)、登錄、查看各類石材相關(guān)信息和搜索特定石材等功能。3.1.2網(wǎng)站功能結(jié)構(gòu)圖石材展示商務(wù)網(wǎng)站前臺(tái)功能結(jié)構(gòu)如圖所示。圖3.1石材展示商務(wù)網(wǎng)站前臺(tái)功能結(jié)構(gòu)圖邏輯結(jié)構(gòu)設(shè)計(jì)數(shù)據(jù)表概要說(shuō)明為了使讀者對(duì)本系統(tǒng)后臺(tái)數(shù)據(jù)庫(kù)中的數(shù)據(jù)表有一個(gè)清晰的認(rèn)識(shí)，筆者在此特別設(shè)計(jì)了一個(gè)數(shù)據(jù)表樹型結(jié)構(gòu)圖，該結(jié)構(gòu)圖包括系統(tǒng)中所有數(shù)據(jù)表，如圖所示：圖數(shù)據(jù)表樹型結(jié)構(gòu)圖文件夾及文件架構(gòu)布局開發(fā)程序時(shí)，首先要?jiǎng)?chuàng)建很多Web頁(yè)、用戶控件以及類，來(lái)完成基本的功能操作。不過(guò)，在編寫代碼之前，可以先把網(wǎng)站中可能用到的文件夾創(chuàng)建出來(lái)（例如：創(chuàng)建一個(gè)名為Image的文件夾，用于保存網(wǎng)站中需要的圖片），這樣可以方便以后的開發(fā)工作，也可以規(guī)范網(wǎng)站的整體架構(gòu)。因此在開發(fā)該網(wǎng)站之前，首先設(shè)計(jì)了如圖所示的文件夾架構(gòu)圖，在開發(fā)時(shí)只需將相應(yīng)文件保存到對(duì)應(yīng)文件夾下即可。圖3.3展示型商務(wù)網(wǎng)站的T頁(yè)文件夾架構(gòu)圖技術(shù)準(zhǔn)備開發(fā)展示型商務(wù)網(wǎng)站系統(tǒng)前，一定要統(tǒng)一數(shù)據(jù)庫(kù)命名及編碼規(guī)則，該石材展示商務(wù)網(wǎng)站具體編碼規(guī)則如下。數(shù)據(jù)庫(kù)命名規(guī)則數(shù)據(jù)庫(kù)名是以“DZSW”命名，表示為電子商務(wù)網(wǎng)站如表所示。表3.1 數(shù)據(jù)庫(kù)命名規(guī)則DZSW電子商務(wù)網(wǎng)站數(shù)據(jù)庫(kù)名DZSW展示型商務(wù)網(wǎng)站數(shù)據(jù)表名是以中文原意的英文大寫開頭，以“INFO”結(jié)尾，中間接“_”，最后接整個(gè)系統(tǒng)中完成各項(xiàng)需求的匹配名稱，如表所示。表3.2 數(shù)據(jù)表命名規(guī)則USER_INFO用戶表名INFO表示為信息表USER網(wǎng)站用戶數(shù)據(jù)庫(kù)中字段是以中文原意的英文命名的，下面以USER_INFO表中字段為例，如表所示。表3.3 字段命名規(guī)則UserID用戶IDUserName用戶姓名Password用戶密碼表3.4 存儲(chǔ)過(guò)程命名規(guī)則PROC_LOGIN存儲(chǔ)過(guò)程全名PORC存儲(chǔ)過(guò)程LOGIN登陸驗(yàn)證變量及對(duì)象名稱定義規(guī)則模塊級(jí)變量采用：M_+數(shù)據(jù)類型簡(jiǎn)寫+變量名稱，例如：M_int_xx。全局變量采用：G_+數(shù)據(jù)類型簡(jiǎn)寫+變量名稱，例如：G_int_xx。局部變量采用：P_+數(shù)據(jù)類型簡(jiǎn)寫+變量名稱，例如：P_int_xx。模塊級(jí)常量采用：Mc_+數(shù)據(jù)類型簡(jiǎn)寫+變量名稱，例如：Mc_int_xx。全局常量采用：Gc_+數(shù)據(jù)類型簡(jiǎn)寫+常量名稱，例如：Gc_int_xx。過(guò)程級(jí)常量采用：Pc_+數(shù)據(jù)類型簡(jiǎn)寫+常量名稱，例如：Pc_int_xx。數(shù)據(jù)類型簡(jiǎn)寫規(guī)則整型int字符串str浮點(diǎn)型db布爾型bl長(zhǎng)整型lnt對(duì)象名稱定義規(guī)則所有的對(duì)象名稱都為自然名稱的拼音簡(jiǎn)寫，出現(xiàn)沖突時(shí)可采用不同的簡(jiǎn)寫規(guī)則。詳細(xì)設(shè)計(jì)4.1文件配置為了方便對(duì)數(shù)據(jù)的操作和限制，本系統(tǒng)在文件中配置一些參數(shù)。主要配置參數(shù)是數(shù)據(jù)庫(kù)連接字符串，其具體配置如下。<?xmlversion="1.0"?><configuration><appSettings/><addname="DZSWConnectionString"connectionString="DataSource=.\SQLEXPRESS;AttachDbFilename=|DataDirectory|DZSW.mdf;IntegratedSecurity=True;ConnectTimeout=30;UserInstance=True"providerName="System.Data.SqlClient"/><connectionStrings/>……</configuration>4.2數(shù)據(jù)庫(kù)操作類的編寫在網(wǎng)站開發(fā)項(xiàng)目中以類的形式來(lái)組織、封裝一些常用的函數(shù)和事件，不僅可以提高代碼的重用率，也大大地方便了代碼的管理。在石材網(wǎng)網(wǎng)站中新建了一個(gè)公共類，用來(lái)執(zhí)行各種數(shù)據(jù)庫(kù)操作。為使數(shù)據(jù)庫(kù)操作更加方便，本系統(tǒng)定義了一個(gè)，用于執(zhí)行數(shù)據(jù)庫(kù)連接、更新等操作，其主要代碼如下所示：usingSystem;usingSystem.Data;usingSystem.Configuration;usingSystem.Linq;usingSystem.Web;usingSystem.Web.Security;usingSystem.Web.UI;usingSystem.Web.UI.HtmlControls;usingSystem.Web.UI.WebControls;usingSystem.Web.UI.WebControls.WebParts;usingSystem.Xml.Linq;usingSystem.Data.SqlClient;usingSystem.Data.Sql;///<summary>///db的摘要說(shuō)明///</summary>publicclassdb{ publicdb() { // //TODO:在此處添加構(gòu)造函數(shù)邏輯 // }…………此處編寫相關(guān)的功能方法……}在編寫類中方法之前，應(yīng)該首先在該類中生成一個(gè)SqlConnection對(duì)象來(lái)創(chuàng)建與數(shù)據(jù)庫(kù)連接，以便在后面方法中調(diào)用，其具體代碼如下。staticstringconnectstring="DZSWConnectionString";publicstaticSqlConnectioncon(){returnnewSqlConnection

(ConfigurationManager.ConnectionStrings[connectstring].ToString());}該類中包含2個(gè)方法，分別為insert方法、ds方法，下面分別介紹這2個(gè)方法。1,insert方法該方法主要執(zhí)行一些指定的插入，其具體實(shí)現(xiàn)代碼如下。publicstaticboolinsert(stringque){SqlConnectioncon=db.con();con.Open();SqlCommandcmd=newSqlCommand(que,con);try{intcount=Convert.ToInt32(cmd.ExecuteNonQuery());if(count>0){returntrue;}else{returnfalse;}}catch(SqlExceptionse){returnfalse;}finally{con.Close();}}2,ds方法該方法主要執(zhí)行指定的查詢語(yǔ)句，并將結(jié)果通過(guò)數(shù)據(jù)形式返回，其具體實(shí)現(xiàn)代碼如下。publicstaticDataTableds(stringque){SqlConnectioncon=db.con();con.Open();SqlDataAdaptersda=newSqlDataAdapter(que,con);DataSetds=newDataSet();sda.Fill(ds,"product");return(ds.Tables["product"]);}完整代碼如下：usingSystem;usingSystem.Data;usingSystem.Configuration;usingSystem.Linq;usingSystem.Web;usingSystem.Web.Security;usingSystem.Web.UI;usingSystem.Web.UI.HtmlControls;usingSystem.Web.UI.WebControls;usingSystem.Web.UI.WebControls.WebParts;usingSystem.Xml.Linq;usingSystem.Data.SqlClient;usingSystem.Data.Sql;///<summary>///db的摘要說(shuō)明///</summary>publicclassdb{publicdb(){}staticstringconnectstring="DZSWConnectionString";publicstaticSqlConnectioncon(){returnnewSqlConnection(ConfigurationManager.ConnectionStrings[connectstring].ToString());}publicstaticboolinsert(stringque){SqlConnectioncon=db.con();con.Open();SqlCommandcmd=newSqlCommand(que,con);try{intcount=Convert.ToInt32(cmd.ExecuteNonQuery());if(count>0){returntrue;}else{returnfalse;}}catch(SqlExceptionse){returnfalse;}finally{con.Close();}}publicstaticDataTableds(stringque){SqlConnectioncon=db.con();con.Open();SqlDataAdaptersda=newSqlDataAdapter(que,con);DataSetds=newDataSet();sda.Fill(ds,"product");return(ds.Tables["product"]);}}為了使對(duì)用戶操作更加方便，定義了User.cs類負(fù)責(zé)與用戶相關(guān)的操作，其主要代碼如下所示：usingSystem;usingSystem.Data;usingSystem.Configuration;usingSystem.Web;usingSystem.Web.Security;usingSystem.Web.UI;usingSystem.Web.UI.WebControls;;usingSystem.Web.UI.HtmlControls;usingSystem.Data.SqlClient;usingSystem.Data.Sql;///<summary>///User的摘要說(shuō)明///</summary>publicclassUser{publicUser(){////TODO:在此處添加構(gòu)造函數(shù)邏輯//}…………此處編寫相關(guān)的功能方法……}該類中包含2個(gè)方法，分別為GetUserLogin方法、RegUser方法，下面分別介紹這2個(gè)方法。1.GetUserLogin方法該方法主要執(zhí)行獲取用戶登錄信息，具體實(shí)現(xiàn)代碼如下：publicSqlDataReaderGetUserLogin(stringsUserName,stringsPassword){SqlConnectionconn=db.con();conn.Open();SqlCommandcomm=newSqlCommand("PROC_LOGIN",conn);commmandType=CommandType.StoredProcedure;comm.Parameters.Add("@LoginName",SqlDbType.NVarChar,50);comm.Parameters["@LoginName"].Value=sUserName;comm.Parameters["@LoginName"].Direction=ParameterDirection.Input;comm.Parameters.Add("@Password",SqlDbType.NVarChar,50);comm.Parameters["@Password"].Value=sPassword;comm.Parameters["@Password"].Direction=ParameterDirection.Input;SqlDataReadersdr=comm.ExecuteReader();///返回從數(shù)據(jù)庫(kù)獲取的結(jié)果return(sdr);}該方法主要執(zhí)行注冊(cè)新用戶的操作，具體實(shí)現(xiàn)代碼如下：publicboolRegUser(stringloginName,stringuserName,

stringpassword,stringemail,

stringaddress,stringtelephone){stringstrsql="INSERTINTOUSER_INFO"+"VALUES("+"'"+loginName+"',"+"'"+userName+"',"+"'"+password+"',"+"'"+email+"',"+"'"+address+"',"+"'"+telephone+"',"+"'"+DateTime.Now.ToString()+"',"+"'"+DateTime.Now.ToString()+"'"+")";returndb.insert(strsql);}定義了Product.cs類負(fù)責(zé)與商品相關(guān)的操作，其主要代碼如下：usingSystem;usingSystem.Data;usingSystem.Configuration;usingSystem.Linq;usingSystem.Web;usingSystem.Web.Security;usingSystem.Web.UI;usingSystem.Web.UI.HtmlControls;ls;usingSystem.Web.UI.WebControls.WebParts;usingSystem.Xml.Linq;///<summary>///Product的摘要說(shuō)明///</summary>publicclassProduct{ publicProduct() { }publicstaticDataTableGetProductDetailByID(stringproductID){stringstrsql="SELECT*FROMPRODUCT_INFOWHEREProductID="+productID;returndb.ds(strsql);}}定義了Sort.cs類負(fù)責(zé)與商品分類相關(guān)操作，其主要代碼如下：usingSystem;usingSystem.Data;usingSystem.Configuration;usingSystem.Linq;usingSystem.Web;usingSystem.Web.Security;usingSystem.Web.UI;usingSystem.Web.UI.HtmlControls;usingSystem.Web.UI.WebControls;usingSystem.Web.UI.WebControls.WebParts;usingSystem.Xml.Linq;///<summary>///Product的摘要說(shuō)明///</summary>publicclassProduct{ publicProduct() { }publicstaticDataTableGetProductDetailByID(stringproductID){stringstrsql="SELECT*FROMPRODUCT_INFOWHEREProductID="+productID;returndb.ds(strsql);}}4.2.5日后如果需要增加功能，如訂單購(gòu)買等功能，可繼續(xù)增加相關(guān)的類。網(wǎng)站前臺(tái)文件架構(gòu)設(shè)計(jì)石材網(wǎng)前臺(tái)文件設(shè)計(jì):展示型商務(wù)網(wǎng)站僅需要首頁(yè)、商品詳細(xì)信息頁(yè)和注冊(cè)頁(yè)即可，如有需要以后可另行增加購(gòu)買物品的相關(guān)頁(yè)面。網(wǎng)站主頁(yè)面（index.aspx)網(wǎng)站主頁(yè)面設(shè)計(jì)結(jié)果如圖4.所示:圖4.設(shè)計(jì)效果該頁(yè)主要使用的用戶控件有Login.ascx(登錄控件)、Sort.ascx（石材分類控件）、Search.ascx（石材搜索控件）、Footer.ascx（頁(yè)腳控件）。網(wǎng)站主頁(yè)面主要由用戶自定義控件和框架組成，自定義控件經(jīng)過(guò)拖放即可使用。而用戶控件只需拖放進(jìn)相對(duì)應(yīng)的位置后，“源”視圖就會(huì)自動(dòng)生成如下代碼。：<%@Registersrc="WebUserControl/Login.ascx"tagname="Login"tagprefix="uc2"%><%@Registersrc="WebUserControl/Sort.ascx"tagname="Sort"tagprefix="uc1"%><%@Registersrc="WebUserControl/Search.ascx"tagname="Search"tagprefix="uc3"%><%@Registersrc="WebUserControl/Footer.ascx"tagname="Footer"tagprefix="uc4"%>……<uc2:LoginID="Login1"runat="server"/>……<uc1:SortID="Sort1"runat="server"/>……<uc3:SearchID="Search1"runat="server"/>……<uc4:FooterID="Footer1"runat="server"/>……網(wǎng)站主頁(yè)面中添加的DataList控件用于以列表的形式顯示商品的信息。在這里主要編輯的模板為ItemTemplate（項(xiàng)模板），效果如下圖所示：ItemTemplate模板設(shè)計(jì)效果完成項(xiàng)模板編輯后，還需要在主頁(yè)面“源”視圖中添加部分代碼，添加代碼后，主頁(yè)面完整程序代碼如下:設(shè)計(jì)文件<%@PageLanguage="C#"AutoEventWireup="true"CodeFile="index.aspx.cs"Inherits="_Default"%><%@Registersrc="WebUserControl/Login.ascx"tagname="Login"tagprefix="uc2"%><%@Registersrc="WebUserControl/Sort.ascx"tagname="Sort"tagprefix="uc1"%><%@Registersrc="WebUserControl/Search.ascx"tagname="Search"tagprefix="uc3"%><%@Registersrc="WebUserControl/Footer.ascx"tagname="Footer"tagprefix="uc4"%><!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN"":///TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns=":///1999/xhtml"><headid="Head1"runat="server"><title>石安居石材網(wǎng)</title></head><body><formid="form1"runat="server"><div><tablestyle="width:800px;"cellpadding="0"cellspacing="0"align="center"bgcolor="#FFFFCC"><tr><tdcolspan="2"><asp:HyperLinkID="HyperLink1"runat="server"ImageUrl="~/Image/圖片/承德萬(wàn)維.gif"NavigateUrl="://cdwwstone/">HyperLink</asp:HyperLink>   <asp:HyperLinkID="HyperLink2"runat="server"ImageUrl="~/Image/圖片/帝斯曼微晶石石英石.gif"NavigateUrl="://tism/zh/index/">HyperLink</asp:HyperLink>   <asp:HyperLinkID="HyperLink3"runat="server"ImageUrl="~/Image/圖片/杭州偉盛石材工程.gif"NavigateUrl="://wsstone/">HyperLink</asp:HyperLink>   <asp:HyperLinkID="HyperLink4"runat="server"ImageUrl="~/Image/圖片/江蘇大力寶.gif"NavigateUrl="://repow/">HyperLink</asp:HyperLink></td></tr><tr><tdcolspan="2"><asp:HyperLinkID="HyperLink5"runat="server"ImageUrl="~/Image/圖片/金楓玉石.gif"NavigateUrl="://goldenmaple/">HyperLink</asp:HyperLink>   <asp:HyperLinkID="HyperLink6"runat="server"ImageUrl="~/Image/圖片/泰德石材.gif"NavigateUrl="://stonexyj.stone365/mc.html">HyperLink</asp:HyperLink>   <asp:HyperLinkID="HyperLink7"runat="server"ImageUrl="~/Image/圖片/香港國(guó)際建筑裝飾材料及五金展.gif"99%E5%8F%8A%E4%BA%94%E9%87%91%E5%B1%95.html?://hktdc/fair/hkbdh-sc/">HyperLink</asp:HyperLink>   <asp:HyperLinkID="HyperLink8"runat="server"ImageUrl="~/Image/圖片/云浮東山石材.gif">HyperLink</asp:HyperLink></td></tr><tr><tdstyle="width:200px;"rowspan="2"><uc2:LoginID="Login1"runat="server"/></td><tdstyle="width:600px;height:178px;"><imgsrc="Image/例圖/石安居.jpg"style="height:180px;width:595px"/></td></tr><tr><td><tableid="Table1"runat="server"visible="false"><tr><tdalign="right"valign="middle"><spanstyle="font-size:10pt;font-family:宋體">[歡迎您，</span></td><tdalign="left"valign="middle"><asp:LabelID="lblUserName"runat="server"Font-Bold="True"Font-Size="12pt"></asp:Label><spanstyle="font-size:10pt;font-family:宋體">]</span></td><tdalign="right"valign="middle"><spanstyle="font-size:10pt;font-family:宋體">最后登錄日期：</span></td><tdalign="left"valign="middle"><asp:LabelID="lblLastLoginDate"runat="server"Font-Size="10pt">0000/00/00</asp:Label></td></tr></table></td></tr><tr><tdstyle="width:200px;"><tablestyle="width:209px;height:25px;"><tr><tdalign="center"bgcolor="#B7CBEB">石材分類</td></tr></table></td><td><asp:LabelID="message"runat="server"Width="589px"BackColor="#BACEED"Height="23px"></asp:Label></td></tr><tr><tdstyle="vertical-align:top;"><uc1:SortID="Sort1"runat="server"/></td><tdstyle="width:600px;text-align:center;"rowspan="2"><asp:DataListID="gvProductList"runat="server"RepeatColumns="2"RepeatDirection="Horizontal"Width="100%"><ItemTemplate><br/><tablestyle="width:40%;height:110px;"><tr><tdrowspan="5"style="width:80px"valign="top"><asp:ImageID="ProductImage"runat="server"Height="75px"ImageUrl='<%#DataBinder.Eval(Container.DataItem,"Url")%>'Width="75px"/></td><tdalign="center"style="width:55px"valign="middle"><asp:LabelID="Label1"runat="server"Font-Size="9pt"Text="品名："></asp:Label></td><tdalign="left"style="width:100px"valign="middle"><ahref='ProductDetails.aspx?ProductID=<%#DataBinder.Eval(Container.DataItem,"ProductID")%>'style="font-size:9pt"><%#DataBinder.Eval(Container.DataItem,"ProductName")%></a></td></tr><tr><tdalign="center"style="width:55px"valign="middle"><asp:LabelID="Label2"runat="server"Font-Size="9pt"Text="產(chǎn)地："></asp:Label></td><tdalign="left"style="width:100px"valign="middle"><spanstyle="font-size:9pt"><%#DataBinder.Eval(Container.DataItem,"ProduceArea")%></span></td></tr><tr><tdalign="center"style="width:55px"valign="middle"><asp:LabelID="Label3"runat="server"Font-Size="9pt"Text="價(jià)格："></asp:Label></td><tdalign="left"style="width:100px"valign="middle"><spanstyle="font-size:9pt"><%#DataBinder.Eval(Container.DataItem,"UnitPrice")%></span></td></tr><tr><tdalign="center"style="width:55px"valign="middle"><asp:LabelID="Label4"runat="server"Font-Size="9pt"Text="日期："></asp:Label></td><tdalign="left"style="width:100px"valign="middle"><spanstyle="font-size:9pt"><%#DataBinder.Eval(Container.DataItem,"IssueDate")%></span></td></tr><tr><tdalign="center"colspan="2"valign="middle"style="height:27px"> </td></tr></table><br/></ItemTemplate><ItemStyleWidth="300px"/></asp:DataList><asp:SqlDataSourceID="SqlDataSource1"runat="server"ConnectionString="<%$ConnectionStrings:DZSWConnectionString%>"SelectCommand="SELECT[ProductName],[ProduceArea],[UnitPrice],[IssueDate],[Url]FROM[PRODUCT_INFO]"></asp:SqlDataSource><br/>當(dāng)前頁(yè)：<asp:LabelID="Label5"runat="server"></asp:Label><asp:LinkButtonID="LinkButton1"runat="server"OnClick="LinkButton1_Click">上一頁(yè)</asp:LinkButton><asp:LinkButtonID="LinkButton2"runat="server"OnClick="LinkButton2_Click">下一頁(yè)</asp:LinkButton></td></tr><tr><tdstyle="vertical-align:top;"><uc3:SearchID="Search1"runat="server"/></td></tr><tr><tdstyle="height:60px;width:800px;"colspan="2"><uc4:FooterID="Footer1"runat="server"/></td></tr></table></div></form></body></html>完成主頁(yè)面設(shè)計(jì)后，需要在隱藏文件“”中編寫代碼對(duì)DataList控件進(jìn)行數(shù)據(jù)綁定，代碼如下所示：代碼文件usingSystem;usingSystem.Data;usingSystem.Configuration;usingSystem.Web;usingSystem.Web.Security;usingSystem.Web.UI;usingSystem.Web.UI.WebControls;b.UI.WebControls.WebParts;usingSystem.Web.UI.HtmlControls;usingSystem.Collections;{ArrayListorderList=newArrayList();protectedvoidPage_Load(objectsender,EventArgse){if(!IsPostBack){Session["style"]="css/StyleSheet.css";if(Session["User"]!=null){Useruser=(User)Session["User"];lblUserName.Text=user.UserName;lblLastLoginDate.Text=user.LastLoginDate;}else{this.Table1.Visible=false;this.message.Visible=true;this.message.Text="請(qǐng)先登錄！";}5.Text="1";Session.Add("currentPage",1);BindProductData();}}publicvoidBindProductData(){//按條件顯示商品列表stringproductName=Request.Params["ProductName"];stringsortID=Request.Params["SortID"];stringproduceArea=Request.Params["ProduceArea"];stringunitPriceFrom=Request.Params["UnitPriceFrom"];stringunitPriceTo=Request.Params["UnitPriceTo"];stringissueDateFrom=Request.Params["IssueDateFrom"];stringissueDateTo=Request.Params["IssueDateTo"];stringstrsql="SELECT*FROMPRODUCT_INFOWHERE1=1";if(productName!=null&&productName!=""){strsql+="ANDProductNameLIKE'%"+productName+"%'";}if(sortID!=null&&sortID!=""){strsql+="ANDSortID="+sortID+"";}if(produceArea!=null&&produceArea!=""){strsql+="ANDProduceArea="+produceArea+"";}if(unitPriceFrom!=null&&unitPriceFrom!=""){strsql+="ANDUnitPrice>="+unitPriceFrom+"";}if(unitPriceTo!=null&&unitPriceTo!=""){strsql+="ANDUnitPrice<="+unitPriceTo+"";}if(issueDateFrom!=null&&issueDateFrom!=""){strsql+="ANDIssueDate>='"+issueDateFrom+"'";}if(issueDateTo!=null&&issueDateTo!=""){strsql+="ANDIssueDate<='"+issueDateTo+"'";}strsql+="ORDERBYIssueDateDESC";PagedDataSourceps1=newPagedDataSource();ps1.DataSource=db.ds(strsql).DefaultView;ps1.AllowPaging=true;ps1.PageSize=6;ps1.CurrentPageIndex=Convert.ToInt32(Session["currentPage"])-1;if(Convert.ToInt32(Session["currentPage"])==1){this.LinkButton1.Enabled=false;}else{this.LinkButton1.Enabled=true;}if(Convert.ToInt32(Session["currentPage"])==ps1.PageCount){this.LinkButton2.Enabled=false;}else{this.LinkButton2.Enabled=true;}this.gvProductList.DataSource=ps1;this.gvProductList.DataKeyField="ProductID";this.gvProductList.DataBind();}protectedvoidLinkButton1_Click(objectsender,EventArgse){Session["currentPage"]=Convert.ToInt32(Session["currentPage"])-1;this.Label5.Text=Session["currentPage"].ToString();this.BindProductData();}protectedvoidLinkButton2_Click(objectsender,EventArgse){Session["currentPage"]=Convert.ToInt32(Session["currentPage"])+1;abel5.Text=Session["currentPage"].ToString();this.BindProductData();}}Login.ascx用戶控件主要實(shí)現(xiàn)用戶登錄、注冊(cè)、注銷等功能?！霸O(shè)計(jì)”視圖如下所示：圖4.“設(shè)計(jì)”視圖控件“設(shè)計(jì)”視圖中添加的主要控件的屬性如表4.所示。表4. “設(shè)計(jì)”視圖中添加控件及屬性設(shè)置控件類型控件ID屬性設(shè)置/控件用途ButtonButton1Text屬性設(shè)置為“登錄”HyperLinkHyperLink1NavigateUrl屬性設(shè)置為“”LinkButtonLinkButton2Text屬性設(shè)置為“注銷”WebUserControl/Login.ascx.cs代碼文件：usingSystem;usingS