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