1、網上購物畢業(yè)設計摘要隨著信息技術在國際貿易和商業(yè)領域的廣泛應用，利用計算機技術、網絡通信技術和internet來實現商務活動的國際化、信息化和無紙化，已成為現代商務發(fā)展的方向。電子商務(electronic commerce)正是為了適應這種以全球為市場的變化而出現和發(fā)展起來的。它可以使銷售商與供應商更緊密地聯系起來，以更有效地滿足客戶的需求，也可以讓商家在全球范圍內選擇最佳供應商，在全球市場上銷售產品。電子商務基于網絡技術網絡技術提供了實現電子商務的技術平臺，而電子商務是網絡技術的最新應用和最終目標。網上超市是一個電子商務平臺。在這里，消費者足不出戶就可以瀏覽各個超市、賣場、連鎖店中的商品信

2、息、打折商品和促銷活動等一系列消費信息。消費者能夠方便地查找到自己的需要的商品，圖片和文字介紹，能夠使訪問者很直觀地了解到商品的詳細信息，訪問者還可以在網上與我們的后臺管理人員進行溝通和交流，詢問自己感興趣的問題，甚至可以通過網上轉賬直接購買商品！關鍵詞： 網上購物 購物車 asp.net sql數據庫 javascript目 錄第一章 緒論11.1 網上超市系統(tǒng)的概述1第二章 開發(fā)技術概述22.1 開發(fā)運行環(huán)境介紹22.1.1 硬件需求22.1.2 軟件需求22.2 技術概述22.2.1 asp.net技術22.2.2 sqlserver2005數據庫3第三章 功能需求及業(yè)務流程43.1 功

3、能模塊劃分43.2 功能模塊描述43.2.1 前臺功能43.2.2 后臺管理功能43.3 系統(tǒng)功能模塊用例圖63.4 前臺功能圖73.5 后臺管理功能圖7第四章 數據庫設計84.1 數據庫需求分析84.2 數據庫概念結構設計（e-r圖）84.3 數據庫邏輯結構設計94.4 數據庫物理結構設計11第五章 系統(tǒng)功能的實現135.1 前臺功能的實現135.1.1 首頁135.1.2 登陸界面155.1.3 購物車界面175.1.4 我的訂單界面205.2 后臺功能的實現235.2.1 后臺模板和導航界面235.2.2 新進手機入庫界面245.2.3 發(fā)貨管理界面265.2.3 付貨管理界面27第六章

4、 系統(tǒng)總結286.1 系統(tǒng)的優(yōu)點286.2 系統(tǒng)的不足28致謝29參考文獻30第一章 緒論1.1 網上超市系統(tǒng)的概述隨著社會經濟的迅速發(fā)展和科學技術的全面進步，計算機事業(yè)得到了飛速發(fā)展，internet網和信息高速公路的逐步延伸，人類社會現今已昂首步入信息社會時代，而商品交易的模式在不斷地發(fā)生著變化。在社會化大生產以及社會分工日趨專業(yè)化，網上超市成為占據主要地位！網上超市系統(tǒng)，是在網絡上建立一個虛擬購物商場，避免了挑選商品的繁瑣的過程，使顧客的購物過程變得輕松、快捷！網上超市管理系統(tǒng)是一個針對網上銷售商品、管理商品的一個專業(yè)軟件，隨著網絡的廣泛普及，網絡支付手段的逐步完善，習慣于鼠標點擊下訂單

5、的，送貨上門的快捷便利的購物方式。傳統(tǒng)的購物觀念，正在被網上購物這種快捷的方式所沖擊。現在的網上超市，具有強大的功能，在線展示商品，在線購買商品，在線交易，在線網店的管理等，借助網絡的跨地域特點，更是傳統(tǒng)的商店的地域限制加以突破，全國各地的顧客都可以通過網絡在同一個網上超市購買商品，從而大大增加了客戶的數量。網上超市可以確信網上購物無容置疑是未來的發(fā)展方向。網上超市系統(tǒng)，致力于提供商品展示及訂購為核心的網上購物服務宣傳自己商品的產品并將自己的產品展示給客戶，讓客戶通過網站便能對自由的選擇的購買商品！該網站是通過用戶瀏覽商品及詳細參數，選擇登錄、購買、確定購買、提交信息生成訂單、付款、退貨，后臺

6、新增商品、查看庫存、發(fā)貨、管理員信息管理！第二章 開發(fā)技術概述2.1 開發(fā)運行環(huán)境介紹2.1.1 硬件需求筆記本電腦(pc)最低要求：2ghz cpu、120g硬盤、1g ddr2內存、1024*786顯示器等 2.1.2 軟件需求操作系統(tǒng)：windows xp數據庫：sqlserver2005開發(fā)工具：microsoftvisualstudio20102.2 技術概述2.2.1 asp.net技術visualstudio是微軟公司推出的開發(fā)環(huán)境。是目前最流行windows平臺應用程序開發(fā)環(huán)境。visualstudio2010版本于2010年4月12日上市，其集成開發(fā)環(huán)境（ide）的界面被重新

7、設計和組織，變得更加簡單明了。visualstudio2010同時帶來了netframework4.0、microsoftvisualstudio2010ctp(communitytechnologypreview-ctp)，并且支持開發(fā)面向win7的應用程序。除了microsoftsqlserver,他還支持ibmdb2和oracle數據庫。它將是經典的一個版本，相當于當年的6.0版。而且它可以自定義開始頁；新功能還包括：(1)c#4.0中的動態(tài)類型和動態(tài)編程；(2)多顯示器支持；(3)使用visualstudio2010的特性支持tdd；(4)支持office；(5)quicksearch

8、特性；(6)c+0x新特性；(7)ide增強；(8)使用visualc+2010創(chuàng)建ribbon界面；(9)新增基于.net平臺的語言f#；2.2.2 sqlserver2005數據庫microsoftsqlserver2005是一個全面的數據庫平臺，使用集成的商業(yè)智能(bi)工具提供了企業(yè)級的數據管理。microsoftsqlserver2008數據庫為關系型數據和結構化數據提供了更安全可靠的存儲功能，使您可以構建和管理用于業(yè)務的高可用和高性能的數據應用程序。此外microsoftsqlserver2005結合了分析、報表、集成和通知功能。這使您的企業(yè)可以構建和部署經濟有效的bi解決方案，幫

9、助您的團隊通過記分卡、dashboard、webservices和移動設備將數據應用推向業(yè)務的各個領域。第三章 功能需求及業(yè)務流程3.1 功能模塊劃分網上手機超市分兩個部分，一者為前臺購物部分,包括：瀏覽商品、客戶注冊、客戶登錄、我的購物車、我的訂單、付款（金額變動、商品數量變動）等操作；二者為后臺管理功能，包括：商品入庫、更新、查詢，訂單的管理、用戶的管理、商品類別的管理等等。3.2 功能模塊描述3.2.1 前臺功能1. 瀏覽商品：顧客瀏覽網上商店的商品，將自己需求的產品放入到購物車中，可連續(xù)添加商品。2. 顧客注冊： 顧客可以瀏覽商品但必須注冊后才可購物。注冊時要填寫自己相關的信息，例如用

10、戶名、密碼、手機號碼、身份證號等一系列信息即可。3.客戶登錄顧客瀏覽網上的商品，查看詳細信息，登陸后，可以將相中的產品進行立即購買商品、加入購物車操作！4.購物車功能：顧客選擇完商品后可加入購物車里面，查看自己要購買的商品，可修改要買的數量、刪除和清空購物車記錄！5.填寫收貨人信息加入購物車的商品，然后點擊購買，進入下個頁面，填寫收貨人的信息(收貨人的地址、收貨人的聯系方式、收貨人的名稱)。6.生成訂單當顧客選擇完商品后，確定購買商品，根據顧客選擇的商品，產生訂單，把商品的部分信息如數量，購買總價保存起來。3.2.2 后臺管理功能1.管理員部分：管理員擁有最高權限，可訪問所有訂單，訂單處理，可

11、瀏覽、查詢、修改訂單，可進行界面管理，可瀏覽、修改客戶的一些資料！2.訂單管理管理員根據客戶的訂單，修改訂單的狀態(tài)，是否已發(fā)貨。以及顧客以收到商品后改該顧客的付款狀況。3商品管理1).添加新產品2).修改產品信息3).刪除商品4).商品類別的管理3.3 系統(tǒng)功能模塊用例圖圖3-1系統(tǒng)功能模塊用例圖業(yè)務流程：網上超市系統(tǒng)的主要業(yè)務流程分為前臺和后臺。前臺：顧客在前臺先瀏覽本網店的商品，發(fā)現比較中意的手機時，可以點擊進入，查看商品更為詳盡的參數，提供給顧客更多的參考；另外如果你是剛進入本網店的顧客，可以選擇注冊一個賬號，方便操作更多的關于網店功能；如果你已注冊了本店的賬號，那么你可以進行購物了，把

12、你喜歡的商品放進自己的“購物車”，或者你想馬上就購買，那么你也可以選擇“立即購買”，這時你就可以在第一刻得到自己中意的商品了。后臺：在后臺系統(tǒng)管理員可以對用戶的信息進行管理，然后對于新商品進行入庫，查詢商品的信息，如果商品的信息有誤，可以修改，到了月底，清理庫存！對于客戶的訂單進行發(fā)貨，查詢已經付款的客戶訂單和已經退貨的客戶的訂單。查詢某個操作系統(tǒng)的手機的品牌，添加一個手機的品牌！3.4 前臺功能圖圖3-2前臺功能圖3.5 后臺管理功能圖圖3-3后臺功能圖第四章 數據庫設計4.1 數據庫需求分析1.標識實體2.標識每個實體需要存儲的詳細信息3.標識實體間的聯系4.2 數據庫概念結構設計（e-r

13、圖）實體：客戶、管理員、供應商、手機、訂單、購物車、手機配件；圖4-1網上超市系統(tǒng)e-r圖4.3 數據庫邏輯結構設計網上超市系統(tǒng)總共有10個表：供應商信息表、手機信息表、操作系統(tǒng)表、品牌類型表、顧客信息表、管理員信息表、購物車信息表、訂單信息表、第三方支付表、網上銀行表。表4-1商品信息表名稱列名數據類型是否為空約束手機編號phoneidintno null標識遞增手機名稱phonenamenvarchar(50)no null手機類型phonebriefnvarchar(50)no null手機價格pricefloatno null上市時間uptime datetimeno null默認當前

14、時間外觀設計adesignvarchar(50)no null主屏尺寸mscreensizevarchar(50)no null攝像頭像素cpixelsvarchar(50)no null屏幕screenvarchar(50)no null操作系統(tǒng)osystemvarchar(50)no null網絡類型webtypevarchar(50)no null運存romcapacityvarchar(50)no null商品積分integralintno null銷售量salesintno null庫存量amountintno null大圖urlbpictureurlvarchar(100)no n

15、ull小圖urlsmallmapurlvarchar(100)no nullgps類型statusbitno null表4-2供應商信息表名稱列名數據類型是否為空約束供應商編號supplieridintno null供應商名稱suppliernamenvarchar(50)no null供應商地址supplieradressnvarchar(50)no null供應商電話supplierphoneintno null11位供應商郵箱supplieremailnvarchar(50)no null表4-3品牌類型表名稱列名數據類型是否為空約束品牌編號phonetypeidintno null標識

16、遞增品牌名稱phonetypenamenvarchar(50)no null表4-4管理員信息表名稱列名數據類型是否為空約束管理員編號manageridintno null標識遞增管理員名稱managernamevarchar(30)no null管理員密碼managerpwdvarchar(20)no null權限jurisdictionnchar(4)no null注冊時間rtimesmalldatetimeno null默認當前時間表4-5顧客信息表名稱列名數據類型是否為空約束顧客編號useridintno null顧客名稱usernamevarchar(30)no null顧客密碼us

17、erpwdvarchar(20)no null用戶電話userphonenvarchar(12)null購物積分userscorenumeric(18,0)null表4-6購物車信息表名稱列名數據類型是否為空約束購物車編號shoppingcartrecordidintno null標識遞增用戶編號useridintno null手機編號phoneidintno null數量countintno null加入購物車時間shoppingdatedatetimeno null表4-7訂單信息表名稱列名數據類型是否為空約束訂單編號orderidintno null標識遞增用戶編號useridintno

18、 null手機價格phoneunitpricefloatno null數量phonecountfloatnull收貨地址orderaddressnvarchar(50)no null聯系方式telnvarchar(12)no null訂單日期orderdatedatetimenull訂單狀態(tài)orderstatechar(10)null當前日期條形碼ordercodechar(10)null手機編號phoneidintnull收貨時間getphonedatedatetimenull付款時間paymentdatedatetimenull收貨人consigneechar(10)null4.4 數據庫

19、物理結構設計圖4-2 網上超市系統(tǒng)物理表第五章 系統(tǒng)功能的實現5.1 前臺功能的實現5.1.1 首頁圖5-1網上超市系統(tǒng)首頁網頁設計：網頁的主色調為灰褐色，給人一種穩(wěn)重的感覺，讓消費者感到我們帶給他們的真實，而且在長時間瀏覽網頁時容易眼疲勞，灰褐色給人很養(yǎng)眼。給人視覺上的享受！功能簡介：網上手機店首頁顯示了本網店的一些商品的信息，可以登錄系統(tǒng)，客戶還可以根據操作系統(tǒng)和品牌的不同，在首頁點擊某商品顯示商品的詳細信息。首頁導航的代碼，主要采用了css+div進行網頁布局，外部樣式表，再單獨的.css文件中定義所需的樣式，在要使用的htl文檔中使用已定義的css樣式。使用最為靈活。在標題欄中拖入.c

20、ss文件，會產生的代碼在.css文件中輸入樣式代碼：.promo_slider .slider_border background: url(./img/bg_slider.png) repeat top left; padding: 3px; border-radius: 5px;.promo_slider .slides_container height: 385px; display: block;.promo_slider .slides_container div text-align: center;.promo_slider .slides_container img max-w

21、idth: 921px;.promo_slider .next, .promo_slider .prev position: absolute; top: 50%; height: 105px; width: 54px; cursor: pointer; z-index: 100; margin-top: -52px;jquery代碼這里就省略不寫了在源代碼里添加如下代碼： 得到如下效果：圖5-2jquery+css+div5.1.2 登陸界面圖5-3登錄界面登錄界面的功能：登錄界面用于登錄系統(tǒng)，登錄系統(tǒng)后，可以查看自己的信息、購物車以及訂單。登錄界面代碼(為節(jié)省篇幅只顯主要代碼)： if (

22、txtusername.text = string.empty | txtpwd.text = string.empty) page.clientscript.registerstartupscript(this.gettype(), showkey, alert(用戶名或密碼不能為空，請?zhí)顚懞笤诘卿洠?; else userbll ophoneshoponnet = new userbll(); string username = this.txtusername.text.trim(); string pwd = this.txtpwd.text.trim(); int userid =

23、ophoneshoponnet.user_login(username, pwd); if (userid = 0) response.write(alert(用戶名或者密碼錯誤，請認真填寫！); else string s = sessionstr.tostring(); if (txtcheckcode.text.trim().tolower() = s.tolower() usermodel ousermodel = ophoneshoponnet.user_getmodelbyid(userid); session.add(usermodel, ousermodel); txtuser

24、name.text = ousermodel.username; response.write(alert(登錄成功); response.redirect(index.aspx); 5.1.3 購物車界面購物車功能：在瀏覽商品時，可以選擇“立即購買”和“加入購物車”，購物車的功能是類似現實大型超市中，顧客用于暫時存放所選商品的一種手推車。在網上商店所說的購物車，像超市一樣，隨意的添加、刪除商品，選購完畢后，統(tǒng)一下訂單！網上商店的購物車要能過跟蹤顧客所選的商品，記錄下所選商品，還能隨意的更新，可以支付購買，能給客戶提供很大的方便！圖5-4購物車界面u 清空購物車的主要代碼： foreach (

25、datalistitem i in dl_shoppingcart.items) checkbox cb1 = (checkbox)i.findcontrol(ckshopingcartrecordid); if (cb1.checked) usermodel oshopusermodel = (usermodel)sessionusermodel; int userid = oshopusermodel.userid; viewstatetime = userid; shoppingcartbll oshoppingcartbll = new shoppingcartbll(); int r

26、esult = oshoppingcartbll.shoppingcart_clearbyuserid(userid); u 更新購物車的主要代碼： checkbox cb_spcarrt = e.item.findcontrol(ckshopingcartrecordid) as checkbox; if (cb_spcarrt.checked) int shoppingcartrecordid =convert.toint32(this.dl_shoppingcart.datakeyse.item.itemindex); int phoneid = convert.toint32(e.it

27、em.findcontrol(lblphoneid) as label).text); int quantity = convert.toint32(e.item.findcontrol(txtgoodsnum) as textbox).text); phonebll ophonebll = new phonebll(); phonemodel ophonemodel = ophonebll.phone_getmodelbyid(phoneid); int amount = convert.toint32(ophonemodel.amount); if (amount quantity) dl

28、_shoppingcart.edititemindex = -1; shoppingcartlist(); response.write(alert(庫存量不足，你不能購買這么多手機！); return; shoppingcartbll oshoppingcartbll = new shoppingcartbll(); int result = oshoppingcartbll.shoppingcart_updatebyid(shoppingcartrecordid, quantity); if (result 0) /response.write(alert(更新成功|); dl_shopp

29、ingcart.edititemindex = -1; shoppingcartlist(); 刪除購物車的記錄 int shoppingcartrecordid = convert.toint32(dl_shoppingcart.datakeyse.item.itemindex.tostring (); shoppingcartbll oshoppingcartbll = new shoppingcartbll(); int result = oshoppingcartbll.shoppingcart_deletebyid(shoppingcartrecordid); if (result

30、0) /response.write(alert(刪除成功); shoppingcartlist(); 5.1.4 我的訂單界面我的訂單功能:我的訂單的功能可以查詢訂單，還采用了復選框的方式，讓顧客有更多的選擇，去選擇自己喜歡進行結算，不喜歡的進行退貨，不過本次操作是最后一次的確認付款，點擊后，即為最終操作，請用戶謹慎！另外顧客對已經付款和退貨的訂單不能進行操作；將復選框的變成不可選，讓其失去效用來完成這個操作，不過必須等管理員已經完成發(fā)貨才能完成此操作！圖5-5我的訂單我的訂單的主要功能包括，付款和退貨； 訂單的付款功能的代碼： usermodel ousermodel = (usermod

31、el)sessionusermodel; int userid = ousermodel.userid; ordersbll oordersbll = new ordersbll(); gvuserorders.datasource = oordersbll.orders_getallorderslistbyuserid(userid); gvuserorders.databind(); if (e.commandname = detele) int orderid = convert.toint32(e.commandargument); ordersbll oordersbll = new

32、 ordersbll(); int result = oordersbll.orders_dealgetgoodsstatusforgoods(orderid, datetime.now); 訂單的退貨功能的代碼：system.text.stringbuilderquery=newsystem.text.stringbuilder();for(inti=0;i=gvorderdetail.rows.count-1;i+)intorderid=convert.toint32(gvorderdetail.datakeysi.value);ordersdetailsblloordersdetails

33、bll=newordersdetailsbll();ordersdetailsmodeloordersdetailsmodel=oordersdetailsbll.getphoneidbyphoneid(orderid);checkboxcbox=(checkbox)gvorderdetail.rowsi.findcontrol(chkitem);if(oordersdetailsmodel.orderstate.trim()=已發(fā)貨?！)if(cbox.checked=true)datetimepaymentdate=convert.todatetime(datetime.now.tostr

34、ing();query.append(updateordersdetailssetorderstate=已退貨!whereorderid=+orderid);query.append(;);query.append(updatephonesetsellcount=sellcount-(selectphonecountfromordersdetailswhereorderid=+orderid);query.append(),storedcount=storedcount+(selectphonecountfromordersdetailswhereorderid=+orderid);query

35、.append();deletethirdpartypaymentwhereorderid=+orderid);executesql(query.tostring();displayordersdetails();5.2 后臺功能的實現5.2.1 后臺模板和導航界面后臺模板和導航界面的功能：模板的功能是為了多個具有相同的模塊的地方網頁避免重復的、累贅的代碼;導航主要是通過幾個div的關聯當點擊上一級的導航div會將他的下一級的導航的div的樣式變成顯示，再點擊就變成隱藏了！圖5-6后臺面板和導航界面核心代碼是模版布局和js代碼的調用模板和導航的源代碼： 5.2.2 新進手機入庫界面圖5-7新進

36、手機入庫界面stringnewfilename=datetime.now.tostring(yyyymmddhhmmss)+fileextension;fileupload1.saveas(path+newfilename);this.hiddenfield1.value=newfilename;this.imgphoneimage.imageurl=/upload/+newfilename;response.write(alert(照片上傳成功|！);5.2.3 發(fā)貨管理界面手機訂單管理：是對于手機訂單進行管理，包括手機的發(fā)貨的操作和付款、退貨的查詢功能，手機發(fā)貨之后，顧客可以對已發(fā)貨的訂單進行付款和退貨的結算！圖6-8訂單的發(fā)貨和發(fā)貨訂單的管理訂單發(fā)貨的是讓庫存內的庫存量和銷售量改變，同時保證庫存減少量和銷售增加量是一致的！如果已經發(fā)貨的訂單讓它的按鈕失效，不能再發(fā)貨！if (e.commandname = deal) int orderid = convert.toint32(e.commandargument); ordersbll oordersbll = new ordersbll(); int result = oordersbll.orders_dealcarry