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