碩士學位論文 （專業(yè)學位） 二一三年九月 姓 名：李海玲 學 號： 1121170181 所在院校：軟件學院 職業(yè)類型：高校教師 專業(yè)領域：軟件工程 指導教師：劉巖 教授 副指導教師： 崔建昌 基于 站設計與實現(xiàn) in 2013 of a eb 1121170181 基 于 A S P . N E 李 海 玲 同濟大學 學位論文版權使用授權書 本人完全了解同濟大學關于收集、保存、使用學位論文的規(guī)定，同意如下各項內(nèi)容：按照學校要求提交學位論文的印刷本和電子版本；學校有權保存學位論文的印刷本和電子版，并采用影印、縮印、掃描、數(shù)字化或其它手段保存論文；學校有權提供目錄檢索以及提供本學位論文全文或者部分的閱覽服務；學校有權按有關規(guī)定向國家有關部門或者機構送交論文的復印件和電子版；在不以贏利為目的的前提下，學?？梢赃m當復制論文的部分或全部內(nèi)容用于學術活動。 學位論文作者簽名： 年 月 日 經(jīng)指導教師同意，本學位論文屬于保密，在 年解密后適用本授權書。 指導教師簽名： 學位論文作者簽名： 年 月 日 年 月 日 濟大學學位論文原創(chuàng)性聲明 本人鄭重聲明：所呈交的學位論文，是本人在導師指導下，進行研究工作所取得的成果。除文中已經(jīng)注明引用的內(nèi)容外，本學位論文的研究成果不包含任何他人創(chuàng)作的、已公開發(fā)表或者沒有公開發(fā)表的作品的內(nèi)容。對本論文所涉及的研究工作做出貢獻的其他個人和集體，均已在文中以明確方式標 明。本學位論文原創(chuàng)性聲明的法律責任由本人承擔。 簽名： 年 月 同濟大學 碩士學位論文 摘要 I 摘 要 在互聯(lián)網(wǎng)日新月異地發(fā)展下，網(wǎng)上購物因為其便捷高效越來越受到重視和歡迎。本文 通過 對當前互聯(lián)網(wǎng)上流行的各類電子商務網(wǎng)站的研究和總結 ， 設計實現(xiàn)了 一個 電子 購物商城 。本網(wǎng)站主要是面向 個體 用戶提供所需商品的選購 、在線支付等服務 ，將網(wǎng)站作為一個線上交易互動的購物平臺。 本文主 要詳述了站的設計和實現(xiàn)的整個過程，以及其中的技術方案及改進方法，全文包括需求分析，概要設計，詳細設計，編碼和測試 。 網(wǎng)站分為前臺和后臺兩個部分，前臺主要是一個面向在線用戶的購物平臺，后臺是網(wǎng)站的系統(tǒng)管理。網(wǎng)站的數(shù)據(jù)管理，使用 為數(shù)據(jù)庫，方便提供數(shù)據(jù)的信息查詢，修改和更新。網(wǎng)頁的制作使用了 為開發(fā)工具，它能方便設計動態(tài)網(wǎng)頁，保證代碼的重用性和可維護性。 該 網(wǎng)站的主要模塊和功能有，前臺：會員注冊和 登陸、 賬戶管理、商品查詢 、 購物車、我的訂單 。后臺：訂單管理、庫存管理、 用戶和管理員信息管理、留言板管理，圖片上傳功能等。 系統(tǒng)設計完畢后，使用 布成網(wǎng)站。經(jīng)過系統(tǒng)測試，運行良好。網(wǎng)站實現(xiàn)了用戶在線購物的全部流程，并豐富了后臺管理的內(nèi)容，使得用戶可以實時追蹤訂單狀態(tài)。 本文最后說明了 該 站開發(fā)中存在的不足 ，并對 今后電子商城的發(fā)展 做了期望和展望。 關鍵詞： 子商城 ， 濟大學 碩士學位論文 基于 站 設計與實現(xiàn) 2 2 on 2C a as an of so 2C of of is an of is as on it is is of my of so is IS at of of at At of of a to of 濟大學 碩士學位論文 目錄 3 3 目錄 摘 要 . I . 2 第 1 章 緒論 . 5 2C 電子商務概述 . 5 究項目的背景及意義 . 5 關工作 . 6 文組織 . 7 第 2 章 需求分析 . 8 能與性能需求 . 8 . 10 介 . 10 述 . 11 第 3 章 系統(tǒng)設計 . 12 統(tǒng)體系結構設計 . 12 能設計 . 12 據(jù)庫設計 . 14 據(jù)庫需求分析 . 14 據(jù)庫概念結構設計 . 15 據(jù)庫邏輯設計 . 17 第 4 章 系統(tǒng)實現(xiàn) . 22 站主要模塊實現(xiàn) . 22 術實現(xiàn)及相關功能改進 . 31 第 5 章 系統(tǒng)測試 . 36 統(tǒng)運行環(huán)境 . 36 統(tǒng)測試 . 36 第 6 章 總結和展望 . 44 同濟大學 碩士學位論文 基于 站設計與實現(xiàn) 4 4 參 考文獻 . 45 致謝 . 46 第 1 章 緒論 5 5 第 1 章 緒論 2C 電子商務概述 英文 家對客戶 )的縮寫，其中文簡稱“商對客”。“商對客”是電子商務的一種模式，也就是通常我們說的商業(yè)零售，直接面向消費者銷售商品和服務。這種形式的電子商務一般以網(wǎng)絡零售業(yè)為主，主要借助互聯(lián)網(wǎng)開展在線銷售活動。 近年來，電子商務網(wǎng)站的發(fā) 展中出現(xiàn)了一個新興名詞，“物聯(lián)網(wǎng)”。物聯(lián)網(wǎng)（ 稱 顧名思義就是“物物相連的互聯(lián)網(wǎng)”，通過射頻識別、紅外感應器、全球定位系統(tǒng)等信息傳感設備，按約定的協(xié)議，把任何物品與互聯(lián)網(wǎng)連接起來，進行信息交換和通訊，以實現(xiàn)智能化識別、定位、跟蹤、監(jiān)控和管理的一種網(wǎng)絡。 物聯(lián)網(wǎng)在電子商務上有著多方面的應用，該理念的提出，對電子商務企業(yè)經(jīng)營管理、消費者購物等方面有著十分重要的推動作用。主要表現(xiàn)在： 1 究項目的背景及意義 二十一世紀是信息化的時代，而物聯(lián)網(wǎng)是新一代信息技術的重要載體。物聯(lián)網(wǎng)的核心和基礎是傳感器網(wǎng)絡和互聯(lián)網(wǎng)，涵蓋傳感、通信、網(wǎng)絡、計算、控制等技術領域，被公認為是繼計算機、互聯(lián)網(wǎng)之后的第三次信息產(chǎn)業(yè)浪潮，同新能源、綠色制造等并列為我國五大新興戰(zhàn)略產(chǎn)業(yè)。作為物聯(lián)網(wǎng)基礎之一的互聯(lián)網(wǎng)，已經(jīng)進入一個繁榮的電子商務時代，類似淘寶、當當和土豆等網(wǎng)站在近年來的迅猛勢頭，進一步刺激了信息產(chǎn)業(yè)的發(fā)展。因此，本論文擬結合物聯(lián)網(wǎng)的商業(yè)模式進一步思考相應的電子商務平臺設計方法。作為切入口，我們將主同濟大學 碩士學位論文 基于 站設計與實現(xiàn) 6 6 要考察 務平 臺的相關技術。 務是企業(yè)和消費者之間的電子商務，它是以 主要服務提供手段，實現(xiàn)公眾消費和提供服務，并保證與其相關的付款方式電子化的一種模式。目前國內(nèi)外知名的卓越亞馬遜和當當就是此類網(wǎng)站的代表 。 關工作 在開展畢業(yè)論文的撰寫之前，對于國內(nèi) 站的發(fā)展進行了調(diào)查。北京正望咨詢有限公司最新發(fā)布的中國網(wǎng)上購物消費者調(diào)查報告 2011 顯示，“ 2010年度我國網(wǎng)上購物繼續(xù)高速發(fā)展，全年網(wǎng)購規(guī)模達到 4980 億元，占到了全國社會商品零售總額的 網(wǎng)購人數(shù)達到 ，網(wǎng)上購物在網(wǎng)民 ” 2如圖 1示，雖然網(wǎng)購人數(shù)的年增長率開始降低名單是市場規(guī)模卻逐步增大，這證明了網(wǎng)上購物商城越來越普遍受到歡迎。 圖 1國網(wǎng)購及市場規(guī)模增長率 而在各類商品占網(wǎng)購銷售額比例的調(diào)查中，服裝和數(shù)碼電器占據(jù)了大半江山，且均呈上升勢頭。再一次證明，電子商務銷售市場已經(jīng)不再是以前的小型網(wǎng)店或書店，而是多元化發(fā)展的電子商城，如圖 1示。 第 1 章 緒論 7 7 圖 1購中各類商品銷售額占比 根據(jù)以上調(diào)查，證明網(wǎng)上商城在互聯(lián)網(wǎng)時代，依然有其重要地位。本系統(tǒng)以卓越和當當?shù)?合商城為 模板，以電子商務的形式通過網(wǎng)絡平臺進行物品銷售，系統(tǒng)在研發(fā)過程中力求做到可維護性強，操作簡易，并將重點關注于后臺管理，使該系統(tǒng)作為一個網(wǎng)上交易平臺能實現(xiàn)預期功能。 文組織 本文進行了 子商城的網(wǎng)站設計和實現(xiàn)工作，探討了如何利用 B/S 架構實現(xiàn)網(wǎng)上交易，具體介紹了該網(wǎng)站的業(yè)務流程與設計實現(xiàn)方法，全文由以下五章組成： 第一章主要闡述本課題來源及目前行業(yè)的現(xiàn)狀和設計該系統(tǒng)的意義。 第二章主要闡述了網(wǎng)站開發(fā)在技術、功能等方面的需求及開發(fā)語言與平臺。 第三章根據(jù)網(wǎng)站總體要求，完成網(wǎng)站的總體設計、功能設計 、數(shù)據(jù)庫設計。 第四章介紹網(wǎng)站主要模塊的實現(xiàn)及網(wǎng)站的整體運行 最后對全文進行了總結，并對課題的進一步研究以及后期目標提出了個人的意見。 同濟大學 碩士學位論文 基于 站設計與實現(xiàn) 8 8 第 2 章 需求分析 能與性能需求 他的 書中，提及 一個優(yōu)秀的電子商務網(wǎng)站需要滿足顧客所需的一下幾大要求 ： 對于購物車中任何商品信息是否完整保存的信息提醒 將商品添加入購物車后，返 回至頁面的不同位置 方便用戶瀏覽，將商品成列表狀顯示 合理的商品目錄分類 首頁的簡易信息導航和商品詳情的訂單鏈接 顯而易見的購物鏈接或按鈕 最小但有效的安全性通知和信息 商品信息展示的不斷更新 根據(jù)以上要求結合之間的總結，可將網(wǎng)站的總體需求確定如下： 即從實際出發(fā)，注重網(wǎng)站的功能實現(xiàn)，盡量滿足用戶購物的實際需求，實現(xiàn)從用戶注冊到在線訂購的所有流程，并完善后臺管理，使整個系統(tǒng)實現(xiàn)一個整體的正常運作。 以實際應用為設計考量，在設計和開發(fā)的過程中考慮可能出現(xiàn)的異常狀況，第 2 章 需求分析 9 9 保證 網(wǎng)站運行的順暢，各種數(shù)據(jù)的完整性和安全性。 盡可能創(chuàng)造一個友好簡潔的客戶端頁面，使得操作簡便，上手迅速。 子商城主要的功能需求為前臺消費者實現(xiàn)完整的購物流程和管理員進行的后臺管理 。 消費者可以進行注冊，登陸，修改個人信息等行為，屬于個人管理?？梢詫ι唐愤M行瀏覽和購買，在購物車模塊對于商品進行數(shù)量的增減，訂單信息的修改及查看以及網(wǎng)上留言功能， 如圖 2 1 系統(tǒng)用例圖所示 。 管理員有權限進行訂單的管理，商品信息和類別的修改，會員管理，管理員管理和網(wǎng)上留言功能的管理， 如 圖 2 1 和圖 2 2 系統(tǒng)用例圖所示 。 圖 2臺系統(tǒng)用例圖 he f 濟大學 碩士學位論文 基于 站設計與實現(xiàn) 10 10 圖 2臺系統(tǒng)用例圖 he f 發(fā)語言與平臺 介 一個全局的分布式系統(tǒng)，以 基礎，以 務為核心，是建立在開放體系結構基礎之上的用來運行新一代 用程序的開發(fā)平臺。 第 2 章 需求分析 11 11 述 縮寫，是微軟公司推出的 用程序開發(fā)技術，用來建立動態(tài) 站。 對 何提供動態(tài) 發(fā)環(huán)境這一功能的跳躍式發(fā)展，是建立在公共語言運行庫上的編程框架，可用于在服務器上生成強大的 用程序，及符合公共語言規(guī)范的任何語言，如 C#，。 （本網(wǎng)站使用 C#語言進行編程） 界面設計和程序設計以不同的文件分離，代碼的重用性和維護性得到了提高。我們通過安裝立 開發(fā)環(huán)境 。 同濟大學 碩士學位論文 基于 站設計與實現(xiàn) 12 12 第 3 章 系統(tǒng)設計 統(tǒng)體系結構設計 本文的 站采用 計，系統(tǒng)結構分為三層 :、業(yè)務邏輯層、數(shù)據(jù)層。 主要是前臺界面交互，接受外界數(shù)據(jù)信息，再將 的數(shù)據(jù)返回給用戶。 邏輯層主要負責接受瀏覽器的請求，將其傳到數(shù)據(jù)層并進行處理，之后將結果發(fā)回瀏覽器。 本文的 供相關數(shù)據(jù)服務，例如存儲數(shù)據(jù)，數(shù)據(jù)運算，數(shù)據(jù)檢索等。 能設計 (1)用戶注冊 (2)用戶登錄 (3)熱門，最新，推薦商品 查看 (4)商品分類查看 (5)查看商品詳細情況 (6)選購商品 (7)購物車功能 (8)修改用戶訂單 (9)修改用戶個人信息 (10)網(wǎng)上留言 第 3 章 系統(tǒng)設計 13 13 (11)購物導航功能 (1)訂單管理查詢，包括：是否確認，是否發(fā)貨，是否歸檔 (2)庫存管理，包括：商品添加，信息修改，商品類別添加和管理 (3)管理員管理 (4)用戶管理 (5)系統(tǒng)管理：上傳管理，留言管理等網(wǎng)站管理 圖 3臺界面系統(tǒng)功能模塊圖 濟大學 碩士學位論文 基于 站設計與實現(xiàn) 14 14 圖 3臺管理系統(tǒng)功能模塊圖 據(jù)庫設計 數(shù)據(jù)庫在一個網(wǎng)站系統(tǒng)中占有非常重要的地位，數(shù)據(jù)庫結構設計的優(yōu)劣直接影響整個網(wǎng)站的正常運營以及功能實現(xiàn)的效果。合理的數(shù)據(jù)庫結構設計保證了數(shù)據(jù)存儲的安全和效率，完整性以及一致性。在進行數(shù)據(jù)庫設計之前首先要充分了解用戶作為買家和網(wǎng)站運營者作為賣家各自的需求，包括現(xiàn)有的以及未來可能增加的需求。數(shù)據(jù)庫的設計 包含以下幾個步驟： (1)數(shù)據(jù)庫需求分析 (2)數(shù)據(jù)庫概念結構設計 (3)數(shù)據(jù)庫邏輯結構設計 據(jù)庫需求分析 首先，作為用戶來講，進行網(wǎng)上購物的基本需求體現(xiàn)在包括對商品信息和個人信息的提供，保存，更新與查詢。數(shù)據(jù)庫必須能充分滿足各種信息的輸入和第 3 章 系統(tǒng)設計 15 15 輸出。因此，需要收集基本數(shù)據(jù)，確立數(shù)據(jù)處理的流程，組成數(shù)據(jù)字典，為具體設計打下基礎。 通過前面的網(wǎng)站功能分析，針對 城，有以下需求信息： (1)管理員信息數(shù)據(jù)項： 戶名，密碼等 (2)注冊用戶數(shù)據(jù)項： 戶名，密碼等 (3)商品信息數(shù)據(jù)項：商 品 稱，類別等 (4)商品分類數(shù)據(jù)項：類別 稱等 (5)訂單列表信息數(shù)據(jù)項： 品 量，訂單 價，備注 (6)訂單詳細信息數(shù)據(jù)項：訂單 單日期，貨品總額，運費，總金額，配送方式，收貨人，聯(lián)系電話，訂單狀態(tài)，是否確認，是否發(fā)貨，是否歸檔，跟單員，確認日期 據(jù)庫概念結構設計 根據(jù)設計可以產(chǎn)生一下實體：管理員信息實體，用戶信息實體，商品實體，商品類別實體，訂單信息實體。 管理員信息 ，如圖所示 圖 3理員信息 戶信息實體 ，如圖所示 同濟大學 碩士學位論文 基于 站設計與實現(xiàn) 16 16 圖 3戶信息實體 品信息實體 ，如圖所示 圖 3品信息實體 of 品類別實體 ，如圖所示 圖 3品類別實體 of of 3 章 系統(tǒng)設計 17 17 訂單列表信 息實體 ，如圖所示 圖 3單列表信息實體 of 單詳細信息實體 ，如圖所示 圖 3單詳細信息實體 of 數(shù)據(jù)庫邏輯設計 在完成數(shù)據(jù)庫的概念結構設計之后，將以上結構轉化為實際數(shù)據(jù)庫系統(tǒng)支持的數(shù)據(jù)模型，即數(shù)據(jù)庫的邏輯結構。 城數(shù)據(jù)庫的相關表設計如圖所示。（注：允許為空一欄，若空白為不允許為 空） (1)管理員表（ 理員名，密碼，實名，郵箱，注冊日期） 主鍵： 非空 說明：管理員表儲存網(wǎng)站后臺管理員信息，表結構如下 表 3理員表 同濟大學 碩士學位論文 基于 站設計與實現(xiàn) 18 18 段名 數(shù)據(jù)類型 長度 允許空 備注 鍵 ) 0 管理員名 0 密碼 0 實名 0 郵箱 注冊日期 (2)用戶表（會員 戶名，密碼，實名，性別，號碼，郵箱，地址，郵編，注冊日期） 主鍵：會員 空 說明：該表記錄網(wǎng)站注冊用戶的詳細信息，表結構如下 表 3戶表 段名 數(shù)據(jù)類型 長度 允許空 備注 會員 鍵 ) 0 用戶名 0 密碼 0 實名 性別 0 電話 0 郵箱 00 地址 0 郵編 注冊日期 第 3 章 系統(tǒng)設計 19 19 (3)商品信息表（商品 品類型 品名稱，商品簡介，備注，商城，圖片路徑，市場價，熱賣價，是否新品，是否熱銷，是否特價，上架日期） 主鍵：商品 空 說明：該表儲存所有商品信息，表結構如下 表 3品信息表 段名 數(shù)據(jù)類型 長度 允許空 備注 商品 鍵） 商品類型 0 商品名稱 6 商品簡介 0 備注 0 商城 00 圖片路徑 市場價 熱賣價 是否新品 是否熱銷 是否特價 上架日期 (4)商品類型表（類型 型名稱，相關圖片信息） 主鍵：類型 空 說明：該表記錄商品所有分類，表結構如下 表 3品類別表 同濟大學 碩士學位論文 基于 站設計與實現(xiàn) 20 20 段名 數(shù)據(jù)類型 長度 允許空 備注 類別 鍵 ) 0 類別名稱 0 相關圖片信息 (5)訂單表（ 品 量，訂單 價，備注） 主鍵： 單唯一標示，非空 說明：該表記錄用戶的一個訂單的某一個商品訂貨信息，表結構如下 表 3單表 段名 數(shù)據(jù)類型 長度 允許空 備注 鍵 ) 商品 um 數(shù)量 訂單 總價 00 是 備注 發(fā)貨訂單表（訂單 單日期，貨品總額，運費，總金額，配送方式，收貨人，聯(lián)系電話，郵編，地址，郵箱，是否確認，是否發(fā)貨，是否歸檔，跟單員，確認日期） 主鍵：訂單 空 明：該表記錄用戶所下訂單的詳細信息，表結構如下 第 3 章 系統(tǒng)設計 21 21 表 3貨訂單表 段名 數(shù)據(jù)類型 長度 允許空 備注 訂單 鍵 ) 下單日期 貨品總額 運費 總金額 0 配送方式 0 收貨人 0 聯(lián)系電話 0 郵編 00 收件人地址 0 收件人郵箱 是否確認 是否發(fā)貨 是否歸檔 是 跟單員 是 確認日期 同濟大學 碩士學位論文 基于 站設計與實現(xiàn) 22 22 第 4 章 系統(tǒng)實現(xiàn) 站主要模塊實現(xiàn) 概括來說，分層式設計可以達到如下目的：分散關注、松散耦合、邏輯復用、標準定義。 該模塊主要實現(xiàn)：訂單列表顯示（ 訂單狀態(tài)管 理，訂單詳細信息顯示 ,包括修改狀態(tài)，刪除訂單以及打印訂單（ 記錄了所有數(shù)據(jù)庫操作的方法，它調(diào)用 完成數(shù)據(jù)庫連接的打開和關閉。函數(shù) 和 分別執(zhí)行存儲過程語句和查詢語句。 返回數(shù)據(jù)源的相關數(shù)據(jù)表。將所有訂單信息的相關數(shù)據(jù)，封裝成 及 個類，分別對應了訂單列表和訂單詳情里的數(shù)據(jù)信息。 供訂單搜索功能，搜索關鍵字分別為訂單號，收貨人以及訂單狀態(tài)。 例如，當我們分別選擇左側邊欄的已確認、未確認等訂單狀態(tài)時，函數(shù)根據(jù)查詢條件做出 詢，并將結果通過 件綁定成數(shù)據(jù)表顯示出來如圖 4（具體函數(shù)見附錄） 圖 4單查詢列表 供訂單具體信息和狀態(tài)。 和 分別向訂單明細表和訂單信息表第 4 章 系統(tǒng)實現(xiàn) 23 23 中添加參數(shù)。 調(diào)用 對象，綁定訂單狀態(tài)，函數(shù)用來修改訂單狀態(tài)，如圖 4示。 圖 4單詳情顯示 該模塊提供商品信息的添加（ 及管理，包括修改（ 索（ 商品管理中的信息顯示，主要通過 和實現(xiàn)默認的數(shù)據(jù)綁定，以及全局的關鍵字搜索數(shù)據(jù)綁定。 函數(shù)調(diào)用公共類中的 回數(shù)據(jù)源的數(shù)據(jù)表。庫存管理部分的搜索采用的是全局模糊搜索，即匹配所有相關關鍵字。其中的刪除功能，在 函數(shù)中實現(xiàn)，當明細訂單中含有要刪除的商品信息時，刪除操作無法進行。圖 4商品信息的添加（ 其中必須添加的屬性包括，類別，名稱、編注、商城、市場價格、熱門價格，圖像（圖片均來自于上傳文件）以及簡單描述。若名稱相同則提示商品已存在，若符合添加 條件，則將商品信息寫入數(shù)據(jù)庫。其中價格文本，由正則表達式定義合法表示形式，若輸入內(nèi)容不符，給出提示。 信息的修改與添加基本一致。 商品類別的添加 (及管理（ 實現(xiàn)方式與同濟大學 碩士學位論文 基于 站設計與實現(xiàn) 24 24 商品信息板塊相似。 其中類別名稱具有唯一性，不可重名。實行刪除類別名動作時，系統(tǒng)將查找是否與之相關的商品正在銷售中，即在 品表中存在要刪除的 無法刪除該類別名。 圖 4品管理列表與搜索 圖 4品信息修改 該模塊主要涉 及的公共類有 中 含第 4 章 系統(tǒng)實現(xiàn) 25 25 了數(shù)據(jù)庫的連接查詢和讀寫操作。管理員和用戶管理界面都可以實現(xiàn)相關信息的查詢和刪除 ( 但是在刪除管理員時，無法刪除正登陸中的管理員賬號， 函數(shù)會查詢該賬號是否登陸中，以此判斷是否有刪除的權限。 管理員模塊還可以實現(xiàn)管理員添加功能（ 圖 4理員添加 圖 4理員列表 同濟大學 碩士學位論文 基于 站設計與實現(xiàn) 26 26 該模塊包含圖片上傳功能與留言管理功能。 圖片上傳模塊（ 面主要使用 現(xiàn)圖片上傳和數(shù)據(jù)綁定。 的函數(shù) 實現(xiàn)了 默 認 條 件 下 的 圖 片 數(shù) 據(jù) 綁 定 ， 和分別實現(xiàn)圖片的上傳和縮略圖的形成，以及刪除功能。對于上傳圖片的擴展名指定 種格式，若出現(xiàn)其他未知擴展名，則拋出異常，提 示錯誤。 將圖片通過 件上傳到服務器指定目錄下，然后將圖片路徑讀入數(shù)據(jù)庫，實現(xiàn)圖片的存儲。上傳過程中，可以調(diào)用系統(tǒng)函數(shù)，生成縮略圖。 留言管理模塊主要通過 面實現(xiàn)，對于用戶留言的瀏覽回復和刪除。 圖 4片上傳管理 第 4 章 系統(tǒng)實現(xiàn) 27 27 圖 4言板信息管理 圖 4戶留言查看與回復 前臺界面使用了統(tǒng)一的模板頁 商品按照熱門，特價和同濟大學 碩士學位論文 基于 站設計與實現(xiàn) 28 28 推薦進行分類，同時可以按照 類別瀏覽，主要相關頁面為（ 其中 的 實現(xiàn)了獲取數(shù)據(jù)源表并綁定商品信息的功能， 和 函數(shù)分別實現(xiàn)查看詳情和添加商品入購物車的功能。商品顯示模塊向所有在線用戶開放，用戶可以點擊查看詳情，若點擊確認購買， 而該用戶未登錄， 則系統(tǒng)通過一個示用戶登錄或者注冊，以便繼續(xù)購物。 圖 4品信息顯示 戶更新模塊 使用 件建立登陸頁面， 別對應用戶注冊和賬戶信息更新模塊。公共類 件提供了封裝了用戶注冊信息和更新信息的函數(shù)。 函數(shù)向數(shù)據(jù)表添加新用戶， 和函數(shù)讀取和修改用戶賬戶信息。文本框綁定數(shù)據(jù)，并在網(wǎng)頁腳本編輯中使用正則表達式檢測輸入信息的合理性。例如必須滿足郵箱基本的格式條件，否則提示輸入錯誤。若滿足文本綁定的信息更新后，即被寫入數(shù)據(jù)庫的中，會員信息更新如圖 4示。 第 4 章 系統(tǒng)實現(xiàn) 29 29 圖 4員信息更新 購物車模塊主要相關頁面為 面查看已經(jīng)加入購物車的商品，修改商品數(shù)量或刪除購物車中的商品。 將購物車模塊的狀態(tài)分為未進行購物，購物車被清空以及存在商品三種情況。若顧客未登錄，則無法查看購物車，給出對話框提示；若已登錄未購物，則顯示購物車為空。若已購物商品，則使用 立購物車相關的相關信息，并對相關數(shù)據(jù)表進行遍歷，為每一 個已購商品信息設置新的一列。使用此方法實現(xiàn)購物車信息的更新刪除。 要包括確認訂單信息并填寫收件人相關信息，付貨方式等。根據(jù)購物車中的信息進行數(shù)據(jù)綁定，若用戶正確填寫了送貨信息點擊確認之后，即將訂單的每一個貨物插入訂單詳細表中最后清空購物車。此時用戶可以在我的訂單中查看到已經(jīng)存在的訂單。若用戶未正確填寫信息，則給出相應提示。訂單確認后，為網(wǎng)上銀行支付預留接口。如圖 4示，可以在購物車一欄的數(shù)據(jù)中修改數(shù)量，而不需要反復點擊購買按鈕。 同濟大學 碩士學位論文 基于 站設計與實現(xiàn) 30 30 圖 4物車信息 圖 4交訂單 第 4 章 系統(tǒng)實現(xiàn) 31 31 術實現(xiàn)及相關功能改進 本設計在登陸模塊上，使用數(shù)字和大小英文字母結合的驗證碼來對用戶登陸信息進行驗證。其方法是，定義一個由包括數(shù)字 、 大小寫英文字母組成的字符串 將其轉化為數(shù)組 用 法返回實例中的子字符串的數(shù)組，使用隨機函數(shù)，和 環(huán)得到生成的 4 位隨機數(shù) 法返回一個小于指定最大數(shù)的非負隨機數(shù)。當用戶登陸時，在其他登陸信息正確的前提下，輸入驗證碼與系統(tǒng)自 動生成的驗證碼相匹配，則成功登陸，否則提示出錯，返回原登陸界面，驗證碼改變。 (相關代碼見附錄 ) 隨機驗證碼的使用有效的預防了惡意代碼進入網(wǎng)站內(nèi)部，防止惡意的自動化操作，保證了用戶賬戶信息的安全 ， 降低了單純密碼驗證可能存在的風險 。 如果想讓驗證碼更難被破解，可以使用 和 函數(shù)生成驗證圖片，可以對字體和格式進行修改，輸出不同大小和字體的驗證碼，這樣驗證碼的嚴密性更高。 圖 4證碼功能 站的前臺提供了留言板功能，用戶可以在線留言并得 到管理員的反饋。在制作留言板的時候，本網(wǎng)站并未使用傳統(tǒng)的文本框加數(shù)據(jù)綁定的形式，而是使用第三方接口 件，將其添加到 進行引用。 同濟大學 碩士學位論文 基于 站設計與實現(xiàn) 32 32 一個基于 術的 源服務器控件。我們可以輕松將其嵌入 實現(xiàn) 容的在線編輯，適用于多種 統(tǒng)。 在 加入以下代碼，該控件功能類似以提供包括文本編輯和圖片上傳等功能 ，比單純的 本使用更簡單和方便 ,如圖 4示 。 圖 4言板插件 電子在線支付接口 網(wǎng) 上購物一個十分方便的地方，就是可以選擇在線支付。通過銀行提供的網(wǎng)銀接口，完成付費。本網(wǎng)站在進行訂單支付設計的時候考慮到了使用網(wǎng)上銀行電子支付的方式，（本網(wǎng)站只模擬使用工行的網(wǎng)銀接口）， 件中。核心函數(shù)在 中。 （ 1）網(wǎng)銀接口與標識 工行的 銀接口數(shù)據(jù)通過接口名稱和接口版本號來標識，以便將來的第 4 章 系統(tǒng)實現(xiàn) 33 33 擴展；以下數(shù)據(jù)格式為“ 的“ 口定義。各種變量定義在類 ，具體屬性值見附錄表格。 記錄的是商戶提交訂單的 關要求有： 1) 訂單只能使用 式提交，使用 議通訊。 2) 接收 稱固定為： /) 銀行地址如果是生產(chǎn)則為 “若為模擬測試環(huán)境則為“（ 2） 使用說明 生