【文章內(nèi)容簡(jiǎn)介】 1 是筆者仿京東做的 注冊(cè)頁(yè)面 ，前臺(tái)頁(yè)面大部分代碼來(lái)自京東原代碼 ，只有后臺(tái)是筆者自己寫(xiě)的。 軟件技術(shù) 專業(yè)畢業(yè)設(shè)計(jì)（論文） 第 14 頁(yè) 圖 231 注冊(cè)頁(yè)面 前臺(tái)頁(yè)面引入了些 js 文件，這些文件的功能基本上在這里體現(xiàn)在 對(duì) 用戶 輸入的郵箱、密 碼、驗(yàn)證碼的合法性 的驗(yàn)證。 .cs 代碼中有一個(gè)郵箱驗(yàn)證功能，在筆者看來(lái)是一個(gè)重難點(diǎn)。郵箱驗(yàn)證功能包括發(fā)送郵件前的驗(yàn)證，發(fā)送郵件和激活賬戶三個(gè)步驟，而發(fā)送郵件 又是 這里的 重難點(diǎn) 。 下面是這個(gè)頁(yè)面的重點(diǎn)代碼： MailMessage m = new MailMessage()。//建立郵件發(fā)送對(duì)象 = new MailAddress(FROM)。//獲取發(fā)件人地址 (TO)。//獲取收件人地址 = SUBJECT。//獲取此電子郵件的主題 = BODY。//獲取郵件正文 = 。//設(shè)置郵件正文的編碼 = bIsHtml。//設(shè)置郵件正文是否為 HTML 格式 = new MailAddress(FROM)。//設(shè)置郵件的回復(fù)地址 SmtpClient smtp = new SmtpClient(, 25)。//初始化郵件傳輸協(xié)議 = new NetworkCredential(15031259715, wangjing911214++)。//用指定的用戶名和密碼作為用于驗(yàn)證發(fā)件人身份的憑據(jù) = true。 (m)。//發(fā)送郵件 商品瀏覽及加入購(gòu)物車 當(dāng)?shù)卿浀挠脩粼谑醉?yè)搜索欄里輸入包含“手機(jī)”的關(guān)鍵詞后，就會(huì)跳轉(zhuǎn)到 手機(jī)展軟件技術(shù) 專業(yè)畢業(yè)設(shè)計(jì)（論文） 第 15 頁(yè) 示 界面。 在 手機(jī)展示 界面點(diǎn)擊一個(gè)手機(jī)圖標(biāo)， 通過(guò)頁(yè)面?zhèn)鲄?，將該手機(jī)的 “商品 編號(hào) ”傳到 頁(yè)面，在 頁(yè)面根據(jù)獲取到的參數(shù)進(jìn) 行產(chǎn)品信息查詢，然后將該產(chǎn)品有關(guān)信息顯示在頁(yè)面上。 商品信息顯示如圖 241 所示。 圖 241 商品信息 在 頁(yè)面輸入購(gòu)買(mǎi)數(shù)量，點(diǎn)擊“加入購(gòu)物車”按鈕， 會(huì)跳轉(zhuǎn)到 頁(yè)面，在這個(gè)頁(yè)面，用戶可以點(diǎn)擊“繼續(xù)購(gòu)物”按鈕，回到 頁(yè)面，也可以點(diǎn)擊“去結(jié)算”按鈕，跳轉(zhuǎn)到 頁(yè)面 ，如圖 242 所示。 圖 242 購(gòu)物車 頁(yè)面 在上圖中，筆者在頁(yè)面上加了一個(gè) GridView 控件，用來(lái)顯 示已經(jīng)加入購(gòu)物車但未提交訂單的商品信息，包括商品圖片、名稱、單價(jià)、數(shù)量和總價(jià)。另外，消費(fèi)者可以對(duì)單個(gè)商品進(jìn)行數(shù)量的修改，如果不想要，可以直接點(diǎn)擊“刪除”。 刪除操作也可以通過(guò)勾選復(fù)選框，點(diǎn)擊“刪除選中的商品”進(jìn)行刪除操作 。 可以在上圖中看到“ ”、“ +”、“刪除”按鈕，它們都是放在 GridView 控件的模板列里的，點(diǎn)擊它們產(chǎn)生相應(yīng)效果是通過(guò)觸發(fā) RowCommand 事件實(shí)現(xiàn)的。在此事件里，用到了下面的代碼 ：GridViewRow gvr = (GridViewRow)(((Button)).NamingContainer)。 軟件技術(shù) 專業(yè)畢業(yè)設(shè)計(jì)（論文） 第 16 頁(yè) 該代碼用來(lái)初始化點(diǎn)擊控件所在的數(shù)據(jù)行 int index = 。這句話用來(lái) 獲取控件所在行的行索引值 string cardId = [index].Cells[0].()。 獲取點(diǎn)擊的 btnReduce 控件所在行的第一列的文本 ， 第一列就是購(gòu)物車編號(hào)，接下來(lái)就可以根據(jù)購(gòu)物車編號(hào)查詢購(gòu)物車信息 ，刪除一條記錄，修改商品數(shù)量等。 該頁(yè)面重要代碼如下： Label lblText = [1].FindControl(lblGoodsId) as Label。 string goodsidString = 。 string strSelect = select * from tb_Goods where GoodsId=39。 + (goodsidString) + 39。//根據(jù)商品編號(hào)查詢商品信息 SqlConnection conn = ()。//建立數(shù)據(jù)庫(kù)連接對(duì)象 SqlCommand scd = new SqlCommand(strSelect, conn)。//建立數(shù)據(jù)庫(kù)命令對(duì)象 ()。//打開(kāi)數(shù)據(jù)庫(kù)連接 SqlDataReader sdr = ()。//建立數(shù)據(jù)讀取器對(duì)象 ()。//讀取數(shù)據(jù) string img = @../Images/。//設(shè)置圖片路徑 Image imagGoods = [1].FindControl(imgGoods) as Image。 = img + sdr[Photos].ToString()。//獲取圖片位置 = sdr[GoodsName].ToString()。//將第一列的 Lable控件的文本值改為對(duì)應(yīng)的商品名稱 [2].Text = ￥ + sdr[Price].ToString()。 [4].Text = ￥ + [4].Text。 ()。//關(guān)閉數(shù)據(jù)讀取器 ()。//關(guān)閉數(shù)據(jù)庫(kù)連接 //設(shè)置鼠標(biāo)懸停行的顏色 (onMouseOver, Color=。=39。lightBlue39。)。 (onMouseOut, =Color。)。 核對(duì)訂單 點(diǎn)擊上圖 242 所示頁(yè)面中的“去結(jié)算”按鈕，會(huì)跳轉(zhuǎn)到 頁(yè)面，如圖 251 所示。 軟件技術(shù) 專業(yè)畢業(yè)設(shè)計(jì)（論文） 第 17 頁(yè) 圖 251 核對(duì)訂單信息 在 圖 251 所示頁(yè)面 可以修改收貨人信息、支付及配送方式。這個(gè)頁(yè)面最麻煩的是控制 div 的顯示與隱藏， 筆者不僅在前臺(tái)頁(yè)面加了控制 顯示與隱藏 的 jQuery 代碼，在后臺(tái)頁(yè)用 c代碼也進(jìn)行了控制，最終才勉強(qiáng) 達(dá)到理想的效果 。 這個(gè)頁(yè)面有個(gè)供用戶選擇的“所在地區(qū)”， 用到了三個(gè) DropDownList 控件，第一個(gè)顯示省份，第二個(gè)顯 示 市， 第 三個(gè) 顯 示區(qū) （縣 ） ， 這 個(gè) 最重 要的 是 控制 DropDownList 的SelectedIndexChanged 事件 。 因?yàn)楫?dāng)選中第一個(gè) 下拉框中的某項(xiàng)時(shí)，需要根據(jù)這一項(xiàng)綁定第二個(gè)下拉框中顯示的內(nèi)容，第三個(gè)下拉框中內(nèi)容又要根據(jù)第二個(gè)下拉框選中的內(nèi)容來(lái)綁定。 該頁(yè)面重要代碼如下所示： Label lblgoodsText = [1].FindControl(lblGoodsId) as Label。//初始化第一列 ID 為 lblGoodsId 的控件 string goodsId = 。//獲取商品編號(hào) string strSelectGoods = select * from tb_Goods where GoodsId=39。 + (goodsId) + 39。//根據(jù)商品編號(hào)查詢商品信息 SqlConnection conn = ()。//建立數(shù)據(jù)庫(kù)連接對(duì)象 SqlCommand scd = new SqlCommand(strSelectGoods, conn)。//建立數(shù)據(jù)庫(kù)命令對(duì)象 ()。//打開(kāi)數(shù)據(jù)庫(kù)連接 SqlDataReader sdr = ()。//建立數(shù)據(jù)讀取 器對(duì)象 ()。//讀取數(shù)據(jù) Image imgPhone = [1].FindControl(Image26) as Image。//在第一列中查詢 ID 為 Image26 的控件 軟件技術(shù) 專業(yè)畢業(yè)設(shè)計(jì)（論文） 第 18 頁(yè) = @../Images/ + sdr[Photos].ToString()。//設(shè)置圖片的路徑 = sdr[GoodsName].ToString()。//顯示商品名稱 [5].Text = sdr[StoreState].ToString()。//將每件商品對(duì)應(yīng)的庫(kù)存狀態(tài)顯示出來(lái) [2].Text = ￥ + sdr[Price].ToString()。//顯示商品單價(jià) ()。//關(guān)閉數(shù)據(jù)讀取器 string strgoodnum = select * from tb_ShoppingCart where ShoppingCartId=39。 + ([0].Text) + 39。//根據(jù)購(gòu)物車編號(hào)查詢購(gòu)物車信息 SqlCommand scd2 = new SqlCommand(strgoodnum, conn)。//建立數(shù)據(jù)庫(kù)命令對(duì)象 SqlDataReader sdr2 = ()。//建立數(shù)據(jù)讀取器對(duì)象 ()。//讀取數(shù)據(jù) [4].Text = x + sdr2[GoodsNumber].ToString()。//設(shè)置第 4 列的值 ()。//關(guān)閉數(shù)據(jù)讀取器 ()。//關(guān)閉數(shù)據(jù)庫(kù)連接 查看訂單及其詳情 當(dāng)提交訂單 后，就可以查看 “我的訂單”?！拔业挠唵巍表?yè)面如圖 261 所示。此頁(yè)面可供消費(fèi)者根據(jù)所選條件篩選訂單信息，也可以點(diǎn)擊“訂單號(hào)”或“查看”跳轉(zhuǎn)到另外個(gè)頁(yè)面查看訂單詳情。 圖 261 訂單 頁(yè) 在圖 261 所示 的 頁(yè)面中， 比較麻煩點(diǎn)的就是篩選查看功能。篩選可根據(jù)訂單時(shí)間、訂單狀態(tài)、商品名稱、商品編號(hào)或訂單編號(hào) 進(jìn)行