網(wǎng)上數(shù)碼商城設(shè)計方案_第1頁
網(wǎng)上數(shù)碼商城設(shè)計方案_第2頁
網(wǎng)上數(shù)碼商城設(shè)計方案_第3頁
網(wǎng)上數(shù)碼商城設(shè)計方案_第4頁
網(wǎng)上數(shù)碼商城設(shè)計方案_第5頁
已閱讀5頁,還剩20頁未讀, 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進行舉報或認領(lǐng)

文檔簡介

1、.網(wǎng)上數(shù)碼商城摘 要 21世紀,網(wǎng)絡(luò)的普及和高速發(fā)展,讓網(wǎng)上購物也成為一個潮流,越來越多的電子商務(wù)平臺大量涌現(xiàn),當前,網(wǎng)絡(luò)化和全球化已成為不可抗拒的世界潮流。伴隨著網(wǎng)絡(luò)技術(shù)的迅速發(fā)展,信息的處理和傳遞突破了時間和地域的局限,信息作為一項產(chǎn)業(yè)也隨之得到迅速發(fā)展。它對數(shù)碼家電產(chǎn)品生產(chǎn)、銷售領(lǐng)域產(chǎn)生的影響也是顯而易見的。同時隨著我國電子商務(wù)建設(shè)的不斷完善和人們對電子商務(wù)的不斷熟習,越來越多的生產(chǎn)銷售商通過網(wǎng)站銷售商品,越來越多的消費者通過網(wǎng)站購買商品。網(wǎng)上數(shù)碼家電商城建設(shè)就是為了滿足生產(chǎn)銷售商和消費者各自需要而生產(chǎn)的。 本文首先介紹了在線購物系統(tǒng)的現(xiàn)狀及開發(fā)的可行性,然后論述了系統(tǒng)的設(shè)計目的,系統(tǒng)需

2、求和概要設(shè)計方案,較詳細的論述了系統(tǒng)的需求分析、概要設(shè)計和數(shù)據(jù)庫的設(shè)計,以及系統(tǒng)的實現(xiàn)。最后,本文對在線購物系統(tǒng)進行了總結(jié)。 在線購物系統(tǒng)主要為用戶提供在線查看產(chǎn)品,在線購買商品等功能,為管理員提供了添加、刪除、修改產(chǎn)品信息,用戶信息,管理員以及定單信息等功能。在設(shè)計方面,本系統(tǒng)采用B/S二層結(jié)構(gòu),實現(xiàn)使用C#代碼與SQL2005進行連接,在ASP中使用CSS+DIV進行對頁面的布局。 【關(guān)鍵詞】: B/S結(jié)構(gòu)、C#、ASP、SQL2005、CSS、DIV目錄摘 要1第1章引言21.1在線購物系統(tǒng)的可行性分析31.2 在線購物系統(tǒng)的現(xiàn)狀31.3 在線購物系統(tǒng)設(shè)計的目的41.4 在線購物系統(tǒng)的設(shè)

3、計的意義4第2章 在線購物系統(tǒng)的需求分析42.1 緒論4圖2-1系統(tǒng)結(jié)構(gòu)圖52.2 任務(wù)概述62.2.1 功能說明62.2.2 運行環(huán)境7第3章 在線購物系統(tǒng)的概要設(shè)計83.1 概述83.2 系統(tǒng)流程圖及功能分解10第4章 數(shù)據(jù)庫設(shè)計114.1 數(shù)據(jù)庫設(shè)計的目的114.2 模塊描述134.3 數(shù)據(jù)字典164.3 數(shù)據(jù)及數(shù)據(jù)庫的描述16第五章 詳細設(shè)計185.1母板界面代碼19圖5-1:母板界面圖215.2會員登錄代碼21圖5-3:登陸界面圖245.3首頁25圖5-3:首頁界面圖25第5章 總結(jié)26致 謝27參考文獻28第1章 引言隨著互連網(wǎng)的快速發(fā)展和普及,電子商務(wù)網(wǎng)站大量涌現(xiàn),網(wǎng)上銷售和網(wǎng)上

4、購物以其便捷性正被越來越多的人接受。網(wǎng)上購物系統(tǒng)是一種具有交互功能的B2C類型的電子商務(wù)的網(wǎng)站,它可以在網(wǎng)上建立一個虛擬的購物商店,是購物過程便得更加輕松,快捷,方便。在線購物系統(tǒng)作為B2B,B2C(Business to Customer,即企業(yè)對消費者),C2C(Customer to Customer,即消費者對消費者)電子商務(wù)的前端商務(wù)平臺,在其商務(wù)活動全過程中起著舉足輕重的作用。本文主要考慮的是如何建設(shè)B2C的在線購物系統(tǒng)。在線購物是一種具有交互功能的商業(yè)信息系統(tǒng)。它向用戶提供靜態(tài)和動態(tài)兩類信息資源。所謂靜態(tài)信息是指那些比經(jīng)常變動或更新的資源,如公司簡介、管理規(guī)范和公司制度等等;動態(tài)

5、信息是指隨時變化的信息,如商品報價,會議安排和培訓信息等。在線購物系統(tǒng)具有強大的交互功能,可使商家和用戶方便的傳遞信息,完成電子貿(mào)易或EDI交易。這種全新的交易方式實現(xiàn)了公司間文檔與資金的無紙化交換。1.1 在線購物系統(tǒng)的可行性分析由于現(xiàn)在大量的電子商務(wù)的發(fā)展,網(wǎng)上銷售和網(wǎng)上購物越來越多。因而通過使用動態(tài)和靜態(tài)結(jié)合的方式實現(xiàn)的網(wǎng)上數(shù)碼產(chǎn)品,不但解決了高訪問量的負擔問題和自動化水平問題,同時也解決了安全問題。使我們能夠全身心的投入到網(wǎng)站的運營上去。另外,通過使用全面的統(tǒng)計系統(tǒng),使我們能夠準確的得到各個欄目和頁面訪問情況,從而加以調(diào)整。更使我們評價編輯的工作有了一個科學、合理和有說服力的依據(jù)。1.

6、2 在線購物系統(tǒng)的現(xiàn)狀網(wǎng)絡(luò)數(shù)據(jù)庫有兩種模式:一類是Client/Server(客戶機/服務(wù)器)模式;另外一類就是Browser/Server(瀏覽器/服務(wù)器)模式,也叫基于Web的網(wǎng)絡(luò)數(shù)據(jù)庫應(yīng)用模式,典型的例子是在互聯(lián)網(wǎng)上訂票、購物等使用的數(shù)據(jù)庫系統(tǒng)。這種B/S模式的數(shù)據(jù)庫系統(tǒng)無須在每臺計算機上安裝專門的軟件,利用Windows系列操作系統(tǒng)自帶的IE或免費的Netscape等瀏覽器軟件按照Web頁面的方式存取后臺數(shù)據(jù)庫服務(wù)器的數(shù)據(jù),面向的是不特定的用戶,主要是基于Internet/Intranet應(yīng)用,客戶機無須維護和升級。目前流行的開發(fā)基于Web的網(wǎng)絡(luò)數(shù)據(jù)庫系統(tǒng)主要有三種解決方案:PHP,A

7、SP和JSP,但本系統(tǒng)采用ASP模式。ASP(Active Server Pages)是一種服務(wù)器端腳本程序的執(zhí)行環(huán)境。ASP是獨立于語言的。理論上講,任何支持組件和對象的語言都可以用來開發(fā)ASP程序,前提是具有該語言相對應(yīng)的解釋器。ASP內(nèi)置了VBScript和JScript兩種腳本程序的解釋器。ASP提供了豐富的對象來進行Web服務(wù)器端程序的開發(fā),利用腳本語言就可以控制這些對象來處理Web程序設(shè)計中需要解決的大多數(shù)問題。通過ASP可以輕松地使用可用的COM組件,這是ASP具有十分強大的功能??梢哉f,它就像一座熔爐,可以把傳統(tǒng)的HTML、客戶端腳本、服務(wù)端Script代碼和COM組件組合成功

8、能強大的Web應(yīng)用程序。ASP有著以下特點:第一,運行在服務(wù)端。在服務(wù)端生成HTML代碼,并可以接受和處理客戶端提交的數(shù)據(jù),然后將結(jié)果返回到客戶端。因此,ASP可以生成動態(tài)的交互式的網(wǎng)頁,并使Web程序能夠充分地利用服務(wù)器端豐富的資源和服務(wù),訪問數(shù)據(jù)庫,處理郵件。第二,使用VBScript和Jscript等簡單的腳本語言編寫。也就是說,編寫好的ASP文件是一個以*.asp命名的文本文件,形式上和HTML文件十分相似,只是在Web服務(wù)器處理不同,程序的管理、維護和修改很方便。第三,內(nèi)置功能強大的對象和組件。這是開發(fā)人員能夠利用它們快速地建立功能強大的Web應(yīng)用程序。第四,與Microsoft強大

9、的COM組件技術(shù)精密結(jié)合,使ASP具有無窮的擴充性和良好的可重用性。但ASP技術(shù)也并非完美無缺,由于它基本上是局限于微軟的操作系統(tǒng)平臺,主要的工作環(huán)境是微軟的IIS,又因ActiveX對象具有平臺特性,所以ASP要實現(xiàn)在跨平臺Web服務(wù)器上工作是比較困難的。IIS是Internet Information Server的英文簡稱,譯為因特網(wǎng)信息服務(wù)器,是微軟發(fā)布的、主要用于Windows系列操作系統(tǒng)的Web服務(wù)器軟件。IIS提供WWW服務(wù)器、FTP服務(wù)器和Gopher服務(wù)器。1.3 在線購物系統(tǒng)設(shè)計的目的 由于網(wǎng)絡(luò)經(jīng)濟的崛起,為了加強的競爭力與拓展業(yè)務(wù)的需要,所以探討并建立網(wǎng)上電子商務(wù)網(wǎng)站系統(tǒng)

10、。讓用戶購物過程便得更加輕松,快捷,方便。1.4 在線購物系統(tǒng)的設(shè)計的意義該項目直接面向所有消費者,購物形式和在外購物一樣,都提供大量的貨物商品,用戶可以注冊會員,是會員后瀏覽挑選商品,然后下訂單,雙方確認后付款交貨,完成交易。讓用戶不出門也可以購買自己喜歡的商品。第2章 在線購物系統(tǒng)的需求分析2.1 緒論網(wǎng)上數(shù)碼商城分為兩部份,前臺模塊和后臺模塊。前臺模塊主要是瀏覽者瀏覽商品內(nèi)容、注冊會員、會員登錄、會員購買商品、會員查看商品信息等。后臺模塊主要是對商品管理(添加商品、刪除商品、修改商品信息)、管理員管理(添加管理員、刪除管理員、查看會員信息、刪除會員)、定單管理(查看定單詳細信息)。根據(jù)需

11、求分析,系統(tǒng)結(jié)構(gòu)圖以及功能流程圖,如下面圖,圖:圖2-1系統(tǒng)結(jié)構(gòu)圖網(wǎng)上購物網(wǎng)站商品瀏覽購物注冊管理員商品分類商品查詢購物車清空購物更改購物生成訂單商品瀏覽商品修改商品添加商品刪除圖2-2 功能流程圖此系統(tǒng)可以實現(xiàn)以下功能:(1)系統(tǒng)支持SQL Server數(shù)據(jù)庫,即裝即用。(2)可以在線添加、刪除、修改商品;(3)注冊用戶、商品信息的輕松維護;(4)用戶免費注冊及用戶信息修改功能;(5)購物流程簡單快捷;(6)商品呢搜索功能,使您更快捷地查找到您所要的商品信息;(7)面向消費者的訂單查詢功能;(8)界面友好,可以根據(jù)用戶需要定制界面;2.2 任務(wù)概述 對整個系統(tǒng)的功能進行概述:會員管理、商品展

12、示、購物車、后臺管理等功能進行敘述。2.2.1 功能說明該在線購物系統(tǒng)分兩部分,前臺功能(用戶模塊),后臺功能(管理員模塊)。前臺部分包括如下模塊:會員管理、商品展示、購物車、歷史訂單。后臺功能包括如下模塊:修改商品資料、會員管理、查看訂單。數(shù)據(jù)庫采用SQL2005。1、用戶模塊:(1)會員管理會員進行注冊,并可修改自己的信息以及實行會員登錄。(2)商品展示 察看商品列表,商品搜索以及商品的選購。(3)購物車查看購物車,修改商品數(shù)量,確認購買,查詢消費記錄。2、管理員模塊:(1)修改商品信息:1)增加產(chǎn)品(為某個分類增加產(chǎn)品,包括產(chǎn)品基本信息,圖片,介紹,廠家地址等。2)修改/刪除產(chǎn)品(包括產(chǎn)

13、品分類,基本信息,圖片,介紹,廠家地址等)。(2)對會員進行管理:1)修改/刪除會員。2)修改用戶的權(quán)限。(2)查看訂單:1)查看訂單。2.2.2 運行環(huán)境目前,網(wǎng)絡(luò)應(yīng)用軟件運行的模式主要有二類:Client/server模式,Browser/Web模式。前者主要的缺點是維護、升級較麻煩,后者是近幾年伴隨Internet迅速發(fā)展起來的一種技術(shù),它與客戶/服務(wù)器方式類似,客戶端是一個標準的瀏覽器,服務(wù)器端是Web Server ,而Web Server與數(shù)據(jù)庫和應(yīng)用服務(wù)器的緊密結(jié)合,使得這種模式的應(yīng)用范圍不斷擴大,它已不僅僅用于在線查詢,有很多部門的業(yè)務(wù)系統(tǒng)、企業(yè)的MIS系統(tǒng)紛紛采用這種模式,它

14、的主要優(yōu)點是便于擴充應(yīng)用、升級維護簡便。另外,在線購物系統(tǒng)的軟件也必將不斷的更新;同時軟件產(chǎn)品本身就要經(jīng)過一個不斷自我完善的過程?;谏鲜隹紤],用Browser/Web模式來設(shè)計在線購物系統(tǒng)比較合適,服務(wù)器端我們采用SQL數(shù)據(jù)庫系統(tǒng)和ASP技術(shù)來構(gòu)成購物的應(yīng)用服務(wù)系統(tǒng);客戶端采用瀏覽器來完成購物全過程,同時可進行遠程系統(tǒng)維護和管理。利用網(wǎng)絡(luò)和數(shù)據(jù)庫技術(shù),結(jié)合目前硬件價格普遍下跌與寬帶網(wǎng)大力建設(shè)的有利優(yōu)勢,我開發(fā)了基于B/S模式多用戶在線購物系統(tǒng)這一程序。它運用方便、操作簡單,效率很高(但是,它要求計算機配置并不高)。實現(xiàn)了會員管理,商品展示,購物車,后臺管理。ASP是一種服務(wù)器端腳本程序的執(zhí)行

15、環(huán)境。ASP是獨立于語言的。理論上講,任何支持組件和對象的語言都可以用來開發(fā)ASP程序,前提是具有該語言相對應(yīng)的解釋器。ASP提供了豐富的對象來進行Web服務(wù)器端程序的開發(fā),利用腳本語言就可以控制這些對象來處理Web程序設(shè)計中需要解決的大多數(shù)問題。通過ASP可以輕松地使用可用的COM組件,這是ASP具有十分強大的功能??梢哉f,它就像一座熔爐,可以把傳統(tǒng)的HTML、客戶端腳本、服務(wù)端Script代碼和COM組件組合成功能強大的Web應(yīng)用程序。(1)服務(wù)器:中英文Windows / 2000server/ NTserver/及XPserver建議配置:CPU:奔騰III1000Mhz內(nèi)存:512M

16、B顯示卡:SVGA,16K色以上顯示模式硬盤: 20GB驅(qū)動器:50倍速CD-ROM以上其它設(shè)備:鼠標器,刻錄機,磁帶機,UPS(2)客戶端:中英文Windows95/98/98/2000/NT/XP 建議配置:CPU:奔騰III500或更高內(nèi)存:256MB以上顯示卡:SVGA,16K色以上顯示模式硬盤:20GB驅(qū)動器:50倍速CD-ROM以上其它設(shè)備:鼠標器,UPS第3章 在線購物系統(tǒng)的概要設(shè)計3.1 概述 本節(jié)概要設(shè)計是為了開發(fā)在線系統(tǒng)功能設(shè)計的,主要面向系統(tǒng)分析員、程序員、測試員、實施員和最終用戶。它對以后階段的工作起指導作用。本文也是項目完成后系統(tǒng)驗收的依據(jù)。同時本說明書還是用戶手冊指

17、導說明書。明確用戶對在購物管理系統(tǒng)的功能需求和性能需求,并將這些需求用規(guī)范化的語言和規(guī)范化的結(jié)構(gòu)完整、準確地表達清楚,以此統(tǒng)一軟件開發(fā)者和用戶對該在線購物管理軟件系統(tǒng)的理解和認識。這是開發(fā)該在線購物管理系統(tǒng)的基礎(chǔ)。編寫概要設(shè)計的目的就在于此。完整在線購物流程:第一步:瀏覽商品如果有你選中的商品請先放入購物車,沒有會員登錄則提示登錄會員。第二步:添加商品到購物車當會員登錄后,單擊商品的購買按鈕,就可將商品添加到會員的購物車中。第三步: 查看購物車單擊查看購物車按鈕進入購物車頁面可以看到用戶選購的商品。第四步 去收銀臺收貨信息必須認真、如實地填寫。因收貨信息填寫錯誤,而導致的一切后果,本商城概不負

18、責,如果因此需要重新發(fā)貨,則用戶必須支付相應(yīng)的配送費。 第五步 提交訂單確認收貨信息后單擊確認按扭,系統(tǒng)將自動產(chǎn)生訂單號,并保存到訂單表中。第六步 訂單查詢輸入用戶名或訂單號即可查訂單發(fā)送情況。 圖3-1 購物系統(tǒng)的流程圖3.2 系統(tǒng)流程圖及功能分解用戶會員注冊會員登錄瀏覽商品修改個人資料添加到購物車圖3-2 會員管理功能模塊圖用戶瀏覽商品最新商品關(guān)鍵字查看分類查看圖3-3 商品展示功能模塊圖查看商品會員登錄添加到購物車購買圖3-4 購物車功能模塊圖會員管理權(quán)限修改商品管理訂單查看管理員管理圖3-5 管理員管理功能模塊圖第4章 數(shù)據(jù)庫設(shè)計4.1 數(shù)據(jù)庫設(shè)計的目的數(shù)據(jù)庫是信息系統(tǒng)的核心和基礎(chǔ),把

19、信息系統(tǒng)中大量的數(shù)據(jù)按一定的模型組織起來,提供存儲、維護、檢索數(shù)據(jù)的功能,使信息系統(tǒng)可以方便、及時、準確地從數(shù)據(jù)庫中獲得所需的信息。數(shù)據(jù)庫是信息系統(tǒng)的各個部分能否緊密地結(jié)合在一起以及如何結(jié)合的關(guān)鍵所在。數(shù)據(jù)庫設(shè)計是信息系統(tǒng)開發(fā)和建設(shè)的重要組成部分。而數(shù)據(jù)庫的設(shè)計就是為該系統(tǒng)提供所需的數(shù)據(jù)信息。在設(shè)計數(shù)據(jù)庫時要有相應(yīng)的圖解,下面就是相關(guān)的系統(tǒng)關(guān)系流程圖: 用戶會員注冊會員登錄瀏覽商品購買圖4-1 客戶注冊登陸關(guān)系圖E-R圖是用來描述現(xiàn)實世界的概念模型,E(Entity)表示實體,R(Relationship)表示聯(lián)系,本系統(tǒng)的E-R圖如下: 圖4-2實體關(guān)系E-R圖4.2 模塊描述模塊描述:(1

20、)用戶注冊 功能編號 1.1功能名稱用戶注冊所屬部門調(diào)查者 調(diào)查時間審核人功能描述實現(xiàn)注冊。輸入項注冊名、密碼、會員的真實姓名、年齡、性別、地址、聯(lián)系電話及電子郵箱。處理描述輸入上述信息。輸出項顯示主界面界面要求1、按鈕名稱:注冊,取消2、按鈕功能:注冊:對輸入正確的個人信息。 取消:退出系統(tǒng)。(2)用戶登錄功能編號 1.2功能名稱用戶登錄所屬部門調(diào)查者 調(diào)查時間審核人功能描述實現(xiàn)登錄。輸入項用戶名,密碼。處理描述輸入上述信息。輸出項顯示主界面界面要求1、按鈕名稱:注冊,登錄2、按鈕功能:注冊:到會員注冊頁面。 登錄 :進入個人中心。(3)會員信息功能編號 1.3功能名稱會員信息所屬部門調(diào)查者

21、 調(diào)查時間審核人功能描述會員可以修改個人信息,也可以對商品進行查看,購買,還可以查看購買信息。輸入項密碼,性別,郵寄地址,郵編,電話,Email處理描述輸入上述信息。輸出項顯示主界面界面要求1、按鈕名稱:注冊,取消2、按鈕功能:提交:將輸入信息存在數(shù)據(jù)庫中。 取消:退出頁面。編輯:進入用戶修改資料。(4)管理員信息功能編號 1.4功能名稱管理員信息所屬部門調(diào)查者 調(diào)查時間審核人功能描述管理員對產(chǎn)品進行管理,管理員管理,定單管理,用戶管理輸入項管理員用戶名,密碼,郵箱。處理描述輸入上述信息。輸出項顯示主界面界面要求1、按鈕名稱:詳細,刪除、添加2、按鈕功能:詳細:到詳細信息頁面。 刪除 :刪除定

22、單、刪除產(chǎn)品等。添加:添加商品、添加管理員等。(5)訂單信息功能編號 1.5功能名稱定單信息所屬部門調(diào)查者 調(diào)查時間審核人功能描述查看個人定單輸入項無。處理描述輸入上述信息。輸出項顯示主界面界面要求1、按鈕名稱:查看個人定單,詳細信息2、按鈕功能:查看個人定單:看定單信息。 詳細信息 :查看定單詳細信息。 (6)商品信息功能編號 1.6功能名稱商品信息所屬部門調(diào)查者 調(diào)查時間審核人功能描述查看商品信息,以及商品詳細信息輸入項商品名稱。處理描述輸入上述信息。輸出項顯示主界面界面要求1、按鈕名稱:搜索,詳細信息2、按鈕功能:搜索:查詢商品。 詳細信息 :查看商品詳細信息。 (7)商品類別信息功能編

23、號 1.7功能名稱商品類別信息所屬部門調(diào)查者 調(diào)查時間審核人功能描述分類查看商品信息輸入項商品類型。處理描述輸入上述信息。輸出項顯示主界面界面要求按鈕名稱:手機4.3 數(shù)據(jù)字典 總流程圖注冊網(wǎng) 站商品購買登錄: 4.3 數(shù)據(jù)及數(shù)據(jù)庫的描述對于系統(tǒng)用戶信息數(shù)據(jù)庫,有以下數(shù)據(jù)項和數(shù)據(jù)結(jié)構(gòu):(1) 用戶信息:用戶ID(自動編號)、用戶姓名、用戶密碼、性別、郵箱、地址、郵編、電話。表4-1登陸表(2) 用戶信息:管理員ID(自動編號)、管理員名稱、管理員密碼、管理員郵箱、入時間。表4-2 用戶信息表(3) 定單信息:定單ID(自動編號)、定單號、商品號、訂購數(shù)量、總價。表4-3 訂單信息表(4) 定單

24、詳細信息:定單ID(自動編號)、訂購時間、是否確認、確認時間、確認人、發(fā)送情況、收貨人、收獲地址、收獲郵編、購買用戶、總價、電話、郵箱。表4-4購物車表(5) 商品記錄信息:商品的ID(自動編號)、商品名稱、商品類型、錄入時間、商品介紹、定單類型、商品單價、商品圖樣、是否特價、特價。表4-5 商品信息表第五章 詳細設(shè)計根據(jù)整個系統(tǒng)的設(shè)計,首先我是將整個頁面的母板設(shè)計出來,然后開始設(shè)計首頁,以及添加其他頁面。在分析之后,首先要做會員注冊以及登錄模塊,管理員登錄需要做管理員登錄模塊。再添加其他鏈接頁面,以及添加一些靜態(tài)頁面。在首頁中會員正確輸入登錄名和登錄密碼并確認無誤以后,進入商品選購區(qū)界面,其

25、中還有商品的詳細介紹頁面。選好商品后,放入購物車,就進入了購物車界面。還有一個支付界面,支付后還有一個提示頁面,一切購物活動結(jié)束后就退出本系統(tǒng)。在進行查看商品中,還有商品分類查看頁面,以及一些介紹該網(wǎng)站的靜態(tài)頁面,還可查看會員定單頁面等等。管理員登錄以后,應(yīng)該有一個管理項目選擇界面,其中包括管理對會員進行管理管理和對商品進行管理。管理會員的界面可以查詢、刪除用戶帳號,商品管理界面實現(xiàn),添加商品,查看、修改、刪除商品,管理員管理有產(chǎn)看管理員、刪除管理員,訂單管理有查看訂單、修改訂單、刪除訂單等頁面。在這次項目中,我主要負責頁面設(shè)計,其中部分界面如下:5.1母板界面代碼<% Page Lan

26、guage="C#" AutoEventWireup="true" CodeFile="Goods.aspx.cs" Inherits="Goods" %><!DOCTYPE html PUBLIC "-/W3C/DTD XHTML 1.0 Transitional/EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http:/www.w3.or

27、g/1999/xhtml" ><head runat="server"> <title>數(shù)碼商城商品</title> <link href="css/css.css" rel="stylesheet" type="text/css" /></head><body> <form id="form1" runat="server"> <div id="header&

28、quot;> <div class="header_top" > <div class="header_top_left"> 歡迎· <asp:LinkButton ID="LinkButton6" runat="server" CommandName="1" OnCommand="LinkButton5_Command">登陸</asp:LinkButton>· <asp:LinkButton

29、ID="LinkButton5" runat="server" CommandName="2" OnCommand="LinkButton5_Command">注冊</asp:LinkButton> </div> <div class="header_top_retin"> <asp:LinkButton ID="LinkButton4" runat="server" CommandName="3&

30、quot; OnCommand="LinkButton5_Command">首頁</asp:LinkButton>· <asp:LinkButton ID="LinkButton3" runat="server" CommandName="4" OnCommand="LinkButton5_Command">購物車</asp:LinkButton>· <asp:LinkButton ID="LinkButton2&qu

31、ot; runat="server" CommandName="5" OnCommand="LinkButton5_Command">聯(lián)系我們</asp:LinkButton>· <asp:LinkButton ID="LinkButton1" runat="server" CommandName="6" OnCommand="LinkButton5_Command">幫助</asp:LinkButton>

32、; </div> </div><div class="header_top_coent"></div> <div class="header_top_bottom"> <a href="index.aspx">首頁</a><a href="InquireGoos.aspx?ID=最">最新商品</a><a href="InquireGoos.aspx?ID=熱門">熱門商品&l

33、t;/a><a href="InquireGoos.aspx?ID=搜索">商品搜索</a><a href="Users/UserInfo.aspx">用戶中心</a><a href="Users/Order.aspx">訂單查詢</a><a href="Users/ShoppingCar.aspx">購物車</a> </div> <div class="header_top_down&

34、quot;> <div class="header_top_down_left"> <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> </div> <div class="header_top_down_cont"> <asp:ImageButton ID="ImageButton1" runat="server" ImageUrl=&quo

35、t;/Images/shou_shou.jpg" OnClick="ImageButton1_Click"/></div> <div class="header_top_down_rest"> <span>按品牌搜索:</span><a href="InquireGoos.aspx?ID=諾基亞">諾基亞</a>&nbsp;|&nbsp;<a href="InquireGoos.aspx?ID=聯(lián)想">

36、;聯(lián)想</a>&nbsp;|&nbsp;<a href="InquireGoos.aspx?ID=摩托羅拉">摩托羅拉</a>&nbsp;|&nbsp;<a href="InquireGoos.aspx?ID=中興">中興</a>&nbsp;|&nbsp;<a href="InquireGoos.aspx?ID=蘋果">蘋果</a>&nbsp;|&nbsp;<a href="

37、;InquireGoos.aspx?ID=華為">華為</a>&nbsp;|&nbsp;<a href="InquireGoos.aspx?ID=索愛">索愛</a> </div> </div> </div> <div id="Goods_cont"> <div id="Goods_cont_top">商品查看</div> <div id="Goods_cont_cont"

38、;> <div id="Goods_tu"><asp:ImageButton ID="ImageDpicture" runat="server" ImageUrl="/GoodsImg/da/03d0d4240640828a.jpg" /></div> <div class="Goods_zhi"> 商品編號:<asp:Label ID="Label1" runat="server" Text=&

39、quot;Label"></asp:Label> </div> <div class="Goods_zhi"> 商品品牌:<asp:Label ID="Label2" runat="server" Text="Label"></asp:Label> </div> <div class="Goods_zhi"> 商品價格:<asp:Label ID="Label3" run

40、at="server" Text="Label"></asp:Label> </div> <div class="Goods_zhi"> 生產(chǎn)地址:<asp:Label ID="Label4" runat="server" Text="Label"></asp:Label> </div> <div class="Goods_zhi"> 商品型號:<asp:Lab

41、el ID="Label5" runat="server" Text="Label"></asp:Label> </div> <div class="Goods_zhi"> 購買數(shù)量:<asp:TextBox ID="Textnumber" runat="server"></asp:TextBox> </div> <div class="Goods_zhi"> <

42、;asp:Button ID="Button1" runat="server" Text="確定購買" OnClick="Button1_Click" /> </div> </div> <div id="Goods_cont_bottom"></div> </div> <div id="bottom"> </div> </form></body></html

43、>圖5-1:母板界面圖5.2會員登錄代碼   <% Page Language="C#" AutoEventWireup="true" CodeFile="Login.aspx.cs" Inherits="dlmokuai_denglu" %><!DOCTYPE html PUBLIC "-/W3C/DTD XHTML 1.0 Transitional/EN" "/TR/xhtml1/DTD/xhtm

44、l1-transitional.dtd"><html xmlns="/1999/xhtml"><head runat="server"><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>登錄</title><link href="css/css1.css" rel="sty

45、lesheet" type="text/css" /><link href="css/css.css" rel="stylesheet" type="text/css" /></head><body><form runat="server" action=""> <div id="header"> <div class="header_top" >

46、<div class="header_top_left"> 歡迎· <asp:LinkButton ID="LinkButton6" runat="server" CommandName="1" OnCommand="LinkButton5_Command">登陸</asp:LinkButton>· <asp:LinkButton ID="LinkButton5" runat="server"

47、CommandName="2" OnCommand="LinkButton5_Command">注冊</asp:LinkButton> </div> <div class="header_top_retin"> <asp:LinkButton ID="LinkButton4" runat="server" CommandName="3" OnCommand="LinkButton5_Command">首

48、頁</asp:LinkButton>· <asp:LinkButton ID="LinkButton3" runat="server" CommandName="4" OnCommand="LinkButton5_Command">購物車</asp:LinkButton>· <asp:LinkButton ID="LinkButton2" runat="server" CommandName="5&quo

49、t; OnCommand="LinkButton5_Command">聯(lián)系我們</asp:LinkButton>· <asp:LinkButton ID="LinkButton1" runat="server" CommandName="6" OnCommand="LinkButton5_Command">幫助</asp:LinkButton> </div> </div><div class="heade

50、r_top_coent"></div> <div class="header_top_bottom"> <a href="index.aspx">首頁</a><a href="InquireGoos.aspx?ID=最">最新商品</a><a href="InquireGoos.aspx?ID=熱門">熱門商品</a><a href="InquireGoos.aspx?ID=搜索"

51、;>商品搜索</a><a href="Users/UserInfo.aspx">用戶中心</a><a href="Users/Order.aspx">訂單查詢</a><a href="Users/ShoppingCar.aspx">購物車</a> </div> <div class="header_top_down"> <div class="header_top_down_left&q

52、uot;> <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> </div> <div class="header_top_down_cont"> <asp:ImageButton ID="ImageButton1" runat="server" ImageUrl="/Images/shou_shou.jpg" OnClick="ImageButton1_Click"/></div> <div class="header_top_down_rest"> <span>按品牌搜索:</span><a href="InquireGoos.aspx?ID=諾基亞">諾基亞</a>&nbsp;|

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負責。
  • 6. 下載文件中如有侵權(quán)或不適當內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論