(精品論文)商城購物電子商務網(wǎng)站畢業(yè)設(shè)計論文

畢業(yè)論文商城購物電子商務網(wǎng)站的設(shè)計與實現(xiàn) 技術(shù)學院摘 要隨著Internet技術(shù)的進一步成熟，電子商務成為現(xiàn)代商業(yè)發(fā)展的一個重要里程碑。電子商務是現(xiàn)代商業(yè)發(fā)展的新模式。各行業(yè)的企業(yè)都將通過互聯(lián)網(wǎng)緊密地連在一起，使得各種現(xiàn)實與虛擬的合作都成為可能。一個供應鏈上的所有企業(yè)都可以成為一個協(xié)調(diào)的合作整體，企業(yè)的雇員也可以參與到供應商的業(yè)務流程中。面對當前新形勢的發(fā)展需要，我們選擇開發(fā)了基于Internet的電子商務平臺,無論是終端客戶在什么地方都可以隨時隨地進行事務處理，實現(xiàn)動態(tài)交互。整個系統(tǒng)運行于Asp和Access環(huán)境下，前臺運用界面設(shè)計、頁面構(gòu)架和色彩理論并結(jié)合使用Dreamweaver、Firework、Flash等可視化編輯軟件對系統(tǒng)進行設(shè)計制作，后臺運用比較前端的數(shù)據(jù)庫技術(shù)進行開發(fā)設(shè)計，使終端的用戶能夠在友好的交互環(huán)境中進行商品交易和事務處理。在系統(tǒng)分析設(shè)計上，我們采用模塊組合設(shè)計技術(shù)、考慮到整個系統(tǒng)在今后可能被升級，因此特別設(shè)計了系統(tǒng)的兼容接口并保證系統(tǒng)有相當?shù)臄U展性能。關(guān)鍵詞: ASP 系統(tǒng)開發(fā) 數(shù)據(jù)庫 DreamweaverAbstractWith the Internet technology to mature, e-commerce to become a modern commercial development is an important milestone. E-commerce is a new model of modern business development. Companies of various industries will be closely linked through the Internet, making all kinds of reality and virtual cooperation would have been possible. A supply chain, all companies can become a coordinated and cooperative as a whole, corporate employees can also participate in the suppliers business processes. Faced with the current development needs of the new situation, we chose to develop Internet-based e-commerce platform,Whether the terminal where customers can conduct transactions anytime, anywhere to achieve dynamic interaction. The whole system runs on Asp and the Access environment, the front desk to use interface design, page architecture and color theory, combined with the use Dreamweaver, Firework, Flash and other visual editing software on the system design production, the background to use more front-end development and design of database technology , so that terminal users to interact in a friendly environment for the conduct of commodity trading and transaction processing. In the System Analysis and Design, we have a modular combination of design techniques, taking into account the entire system may be upgraded in the future, it is compatible with the system specially designed interface, and to ensure that there is a considerable expansion of the system performance.Key words: ASP system development database Dreamweaver1目 錄第1章緒論11.1網(wǎng)站的設(shè)計思想11.2網(wǎng)站開發(fā)工具的選用和介紹11.2.1Macromedia Dreamweaver MX 2004簡介11.2.2ASP工具的介紹21.2.3ACCESS簡介2第2章購物的概要設(shè)計42.1項目背景介紹42.2模塊設(shè)計42.2.1用戶模塊42.2.2新聞模塊42.2.3后臺模塊52.3網(wǎng)站結(jié)構(gòu)圖5第3章詳細設(shè)計63.1數(shù)據(jù)庫設(shè)計63.1.1普通用戶信息表us63.1.2后臺管理員用戶表hus63.1.3新聞信息表news63.1.4分類信息表zfl73.1.5分類信息表ffl73.1.6商品信息表 shangpin73.1.7問答信息表 wenda73.1.8購物信息表 gouwuche83.2主頁(index.asp)設(shè)計83.3最新新聞gengduoxinwen.asp123.4商品展示173.5購物車系統(tǒng)19第4章結(jié)束語21謝辭22參考文獻23附錄24第1章 緒論1.1 網(wǎng)站的設(shè)計思想本網(wǎng)站是為了方便人們網(wǎng)上購物而設(shè)計的，也為了響應社會的發(fā)展潮流而建設(shè)，本網(wǎng)站是一個不斷發(fā)展的過程，網(wǎng)站是從事電子商務活動的基本平臺，能進行B2B、B2C交易。建成后，人們能通過Internet瀏覽器訪問其他不同的網(wǎng)站，進行信息交流，查詢產(chǎn)品信息，下定單，資金確認，物質(zhì)運輸?shù)龋瓿梢淮紊虅栈顒拥娜窟^程。1.2 網(wǎng)站開發(fā)工具的選用和介紹1.2.1 Macromedia Dreamweaver MX 2004簡介一個可視化的網(wǎng)頁設(shè)計和網(wǎng)站管理工具，支持最新的Web技術(shù)，包含HTML檢查、HTML格式控制、HTML格式化選項、HomeSite/BBEdit捆綁、可視化網(wǎng)頁設(shè)計、圖像編輯、全局查找替換、全FTP 功能、處理Flash和Shockwave等富媒體格式和動態(tài)HTML、基于團隊的Web創(chuàng)作。在編輯上你可以選擇可視化方式或者你喜歡的源碼編輯方式。 Dreamweaver MX 2004 的十大新特性: 1.動態(tài)跨瀏覽器驗證:自動檢測標簽和CSS規(guī)則來適應所有主流瀏覽器! 2.更強大的CSS支持! 3.內(nèi)建的圖形編輯引擎:修剪,改變大小,尺寸,旋轉(zhuǎn)角度,調(diào)節(jié)明暗度都不需要離開Dreamweaver環(huán)境,因為它本身集成了FW的基本圖形編輯技術(shù).(這一點有模仿FrontPage的嫌疑,但這個功能確實很實用)! 4.安全FTP:完全加密傳輸保證文件和帳號信息的安全! 5.增強對當今技術(shù)的支持:支持當今主流的開放環(huán)境:ColdFusion,J2EE,PHP,.NET,和其他主流的服務器技術(shù).Dreamweaver現(xiàn)在加入了XML命名空間支持,ASP.NET表單控件對象,新的參考書內(nèi)容和新的PHP服務器端行為! 6.無縫整合外部文件和代碼:直接將Word和Excel文檔復制和粘貼到Dreamweaver中,會保留字體,顏色,CSS樣式表信息。使用,使用系統(tǒng)支持的編碼保存任何字體,包括雙字節(jié)字符集。7.緊密整合MM的其他工具:加強了和MM其他幾款產(chǎn)品的協(xié)同工作能力。例如:你可以通過DW直接設(shè)置Flash組件的參數(shù)。 8.基本支持改良:插入條,表格工具都有改進! 9.增強代碼編寫工具:編輯代碼更省時,例如右鍵編寫代碼工具,增強的查找和替換,高效的屬性面板。10.改進的設(shè)計開放環(huán)境:一個改良的用戶界面,更高的實用性,非常親切和有邏輯,讓你快速找到你想要的東西,一個新的開始屏幕讓你快速訪問最近的文件和教程資源。1.2.2 ASP工具的介紹Microsoft Active Server Pages 即我們所稱的 ASP ，其實是一套微軟開發(fā)的服務器端腳本環(huán)境， ASP 內(nèi)含于 IIS 3.0 和 4.0 之中 , 通過 ASP 我們可以結(jié)合 HTML 網(wǎng)頁、 ASP 指令和 ActiveX 元件建立動態(tài)、交互且高效的 WEB 服務器應用程序。有了 ASP 你就不必擔心客戶的瀏覽器是否能運行你所編寫的代碼，因為所有的程序都將在服務器端執(zhí)行，包括所有嵌在普通 HTML 中的腳本程序。當程序執(zhí)行完畢后，服務器僅將執(zhí)行的結(jié)果返回給客戶瀏覽器，這樣也就減輕了客戶端瀏覽器的負擔，大大提高了交互的速度。 以下羅列了 Active Server Pages 所獨具的一些特點：1. 使用 VBScript 、 JScript 等簡單易懂的腳本語言，結(jié)合 HTML 代碼，即可快速地完成網(wǎng)站的應用程序。 2. 無須 compile 編譯，容易編寫，可在服務器端直接執(zhí)行。 3. 使用普通的文本編輯器，如 Windows 的記事本，即可進行編輯設(shè)計。 4. 與瀏覽器無關(guān) (Browser Independence), 用戶端只要使用可執(zhí)行 HTML 碼的瀏覽器，即可瀏覽 Active Server Pages 所設(shè)計的網(wǎng)頁內(nèi)容。 Active Server Pages 所使用的腳本語言 (VBScript 、 Jscript) 均在 WEB 服務器端執(zhí)行，用戶端的瀏覽器不需要能夠執(zhí)行這些腳本語言。 5.Active Server Pages 能與任何 ActiveX scripting 語言相容。除了可使用 VBScript 或 JScript 語言來設(shè)計外，還通過 plug-in 的方式，使用由第三方所提供的其他腳本語言，譬如 REXX 、 Perl 、 Tcl 等。腳本引擎是處理腳本程序的 COM(Component Object Model) 物件。 6.Active Server Pages 的源程序，不會被傳到客戶瀏覽器，因而可以避免所寫的源程序被他人剽竊，也提高了程序的安全性。 7. 可使用服務器端的腳本來產(chǎn)生客戶端的腳本。 8. 物件導向（ Object-oriented ）。 9.ActiveX Server Components(ActiveX 服務器元件 ) 具有無限可擴充性?？梢允褂?Visual Basic 、 Java 、 Visual C+ 、 COBOL 等編程語言來編寫你所需要的 ActiveX Server Component 。1.2.3 ACCESS簡介Microsoft Office Access（前名 Microsoft Access）是由微軟發(fā)布的關(guān)聯(lián)式數(shù)據(jù)庫管理系統(tǒng)。它結(jié)合了 Microsoft Jet Database Engine 和 圖形用戶界面兩項特點，是 Microsoft Office的成員之一。Access能夠存取 Access/Jet、Microsoft SQL Server、Oracle，或者任何 ODBC 兼容數(shù)據(jù)庫內(nèi)的資料。熟練的軟件設(shè)計師和資料分析師利用它來開發(fā)應用軟件，而一些不熟練的程序員和非程序員的進階用戶則能使用它來開發(fā)簡單的應用軟件。雖然它支援部份面向?qū)ο螅∣O）技術(shù)，但是未能成為一種完整的面向?qū)ο箝_發(fā)工具。其實Access 也是微軟公司另一個通訊程序的名字，想與 ProComm 以及其他類似程序來競爭?？墒鞘潞笪④涀C實這是個失敗計劃，并且將它中止。數(shù)年后他們把名字重新命名于數(shù)據(jù)庫軟件。Access 是微軟公司推出的基于Windows的桌面關(guān)系數(shù)據(jù)庫管理系統(tǒng)（RDBMS），是Office系列應用軟件之一。它提供了表、查詢、窗體、報表、頁、宏、模塊7種用來建立數(shù)據(jù)庫系統(tǒng)的對象；提供了多種向?qū)?、生成器、模板，把?shù)據(jù)存儲、數(shù)據(jù)查詢、界面設(shè)計、報表生成等操作規(guī)范化；為建立功能完善的數(shù)據(jù)庫管理系統(tǒng)提供了方便，也使得普通用戶不必編寫代碼，就可以完成大部分數(shù)據(jù)管理的任務。Microsoft Access在很多地方得到廣泛使用，例如小型企業(yè)，大公司的部門，和喜愛編程的開發(fā)人員專門利用它來制作處理數(shù)據(jù)的桌面系統(tǒng)。它也常被用來開發(fā)簡單的WEB應用程序這些應用程序都利用ASP技術(shù)在Internet Information Services運行比較復雜的WEB應用程序則使用PHP/MySQL或者ASP/Microsoft SQL Server它的使用方便程度和強大的設(shè)計工具為初級程序員提供許多功能。不過，這種便于使用可能使人誤解。這類開發(fā)者都是沒有在應用或者數(shù)據(jù)設(shè)計方面訓練的辦公室從業(yè)人員。因此許多人以為這樣的開發(fā)者能夠創(chuàng)造可用的系統(tǒng)，但也有很多人認為工具本身的局限性產(chǎn)生了這樣的誤導。一些專業(yè)的應用程序開發(fā)人員使用 Access 用作 快速應用開發(fā)，特別是給街道上的推銷員制作一個初型或獨立應用程序的工具?？墒侨绻峭競€網(wǎng)絡(luò)存取數(shù)據(jù)的話，Access 的可擴放性并不高因此當程序被較多使用者使用時，他們的選擇多會是傾向于一些客戶端-服務器為本的方案，例如 Oracle、DB2、Microsoft SQL Server、Windows SharePoint Services、PostgreSQL、MySQL、Alpha Five、MaxDB，或者Filemaker。無論如何，不少 Access 的功能（表單，報告，序列和VB代碼）可以用作其他數(shù)據(jù)庫的后期應用，包括 JET（檔案為主的數(shù)據(jù)庫引擎，Access 缺省使用）、Microsoft SQL Server、Oracle和任何其他跟ODBC兼容的產(chǎn)品。這種方法允許開發(fā)者把一個成熟的應用的數(shù)據(jù)移動到一臺更大功率的服務器而沒有已經(jīng)在適當?shù)奈恢脿奚l(fā)展。很多開發(fā)者誰使用Microsoft Access使用Leszynski命名約定，雖然這不普遍；它是一次編程大會，并非一個DBMS實施的規(guī)章。20第2章 購物的概要設(shè)計2.1 項目背景介紹網(wǎng)上購物在線網(wǎng)站致力于提供產(chǎn)品展示 及訂購為核心的網(wǎng)上購物服務，宣傳自己的產(chǎn)品將自己的產(chǎn)品展現(xiàn)給客戶，讓客戶通過網(wǎng)站便能對自由的選擇地購買產(chǎn)品。該網(wǎng)站屬于B2C電子網(wǎng)站。通過用戶登錄瀏覽商品、查看公告、購買、確定購買、實現(xiàn)用戶模塊功能。其中訂單的生成，網(wǎng)站后臺系統(tǒng)，通過系統(tǒng)管理員管理商品、訂單、用戶來實現(xiàn)。網(wǎng)站的建立充分展示了企業(yè)形象，是企業(yè)貿(mào)易的窗口，使傳統(tǒng)的營銷渠道得到最有效的發(fā)揮。企業(yè)網(wǎng)站是公司重要的對外窗口，通過該網(wǎng)站，應能很好地對訪問者傳達企業(yè)的基本情況、曾經(jīng)獲取的榮譽和獎項、企業(yè)經(jīng)營理念、企業(yè)最新動態(tài)、企業(yè)的產(chǎn)品供求狀況。是與日益全面發(fā)展的信息時代與不斷完善電子商務接軌作緊迫性與必要性準備，且又節(jié)省了大量通訊費用。因此設(shè)計了此企業(yè)網(wǎng)站。本網(wǎng)站的主要功能是：用戶可以分類瀏覽商品，查看商品詳細信息。管理員可以進行產(chǎn)品的添加、修改、刪除；公司新聞的修改、添加、刪除；網(wǎng)上訂單；留言管理等。根據(jù)上述需求分析，畫出了網(wǎng)站的功能模塊設(shè)計思路，網(wǎng)站需要包含下列模塊：登錄模塊、產(chǎn)品管理模塊、企業(yè)新聞模塊、網(wǎng)上訂單模塊和用戶留言模塊。2.2 模塊設(shè)計網(wǎng)站的建立充分展示了企業(yè)形象，是企業(yè)貿(mào)易的窗口，使傳統(tǒng)的營銷渠道得到最有效的發(fā)揮。企業(yè)網(wǎng)站是公司重要的對外窗口，通過該網(wǎng)站，應能很好地對訪問者傳達企業(yè)的基本情況、曾經(jīng)獲取的榮譽和獎項、企業(yè)經(jīng)營理念、企業(yè)最新動態(tài)、企業(yè)的產(chǎn)品供求狀況。是與日益全面發(fā)展的信息時代與不斷完善電子商務接軌作緊迫性與必要性準備，且又節(jié)省了大量通訊費用。因此設(shè)計了此企業(yè)網(wǎng)站。本網(wǎng)站的主要功能是：用戶可以分類瀏覽商品，查看商品詳細信息。管理員可以進行產(chǎn)品的添加、修改、刪除；公司新聞的修改、添加、刪除；網(wǎng)上訂單；留言管理等。根據(jù)上述需求分析，畫出了網(wǎng)站的功能模塊設(shè)計思路，網(wǎng)站需要包含下列模塊：登錄模塊、產(chǎn)品管理模塊、企業(yè)新聞模塊、網(wǎng)上訂單模塊和用戶留言模塊。2.2.1 用戶模塊1. 用戶注冊、登錄、驗證模塊：主要用于管理用戶的注冊信息、登錄信息以及各種校驗模塊，同時添加保密模塊增加用戶信息的安全性。2. 商品瀏覽： 用于對商品的瀏覽和搜索，方便客戶尋找商品3. 購物車模塊： 主要是對用戶購得商品后的后續(xù)工作2.2.2 新聞模塊新聞瀏覽部分主要有公司新聞管理、公司新聞增加、業(yè)內(nèi)資訊管理。選中需要修改的數(shù)據(jù)，如果修改了相應的數(shù)據(jù)，則顯示“數(shù)據(jù)修改成功”。可以通過企業(yè)新聞了解最新或最近公司里所發(fā)生的一些大事。管理員在后臺可以發(fā)布信息，修改新聞、刪除新聞、查詢新聞等?？梢园l(fā)布新聞圖片。2.2.3 后臺模塊1. 用戶管理模塊：包括添加和刪除2. 新聞管理模塊：包括添加、修改和刪除3. 問答管理：回答用戶的提問和刪除用戶體溫4. 商品管理：管理商品的添加、刪除、修改2.3 網(wǎng)站結(jié)構(gòu)圖根據(jù)上述模塊分析，得出功能模塊，如圖2.1所示：天緣購物網(wǎng)站公司簡介站內(nèi)新聞普通用戶可以瀏覽以下頁面內(nèi)容產(chǎn)品展示購物車客戶留言管理員可以進行以下操作新聞管理訂單管理產(chǎn)品管理客戶管理留言管理圖2.1網(wǎng)站結(jié)構(gòu)圖第3章 詳細設(shè)計3.1 數(shù)據(jù)庫設(shè)計數(shù)據(jù)庫采用Access。創(chuàng)建8張表，分別命名為：us、hus、gouwuche、news、shangpin、wenda、ffl、zfl。3.1.1 普通用戶信息表us用于存放普通用戶信息，其表結(jié)構(gòu)如表3.1所示：表 3.1普通用戶信息表字段名稱數(shù)據(jù)類型說明id自動編號用戶標志yhm備注用戶名mm備注密碼qx數(shù)字用戶權(quán)限1表示會員0表示普通用戶email備注郵箱lx備注聯(lián)系號碼3.1.2 后臺管理員用戶表hus用于存放管理員用戶信息，其表結(jié)構(gòu)如表 3.2所示：表 3.2 管理員信息表字段名稱數(shù)據(jù)類型說明id自動編號標識admin備注用戶名pass備注密碼3.1.3 新聞信息表news用于存放新聞用戶信息，其表結(jié)構(gòu)如表 3.3所示：表 3.3 新聞信息表字段名稱數(shù)據(jù)類型說明Newsid自動編號標識Newsname文本新聞主題Addname文本新聞發(fā)表人Adddate日期/時間發(fā)表日期newsneirong備注新聞內(nèi)容3.1.4 分類信息表zfl用于存放商品主要分類信息，其表結(jié)構(gòu)如表 3.4所示：表 3.4 分類信息表字段名稱數(shù)據(jù)類型說明zflid自動編號標識zfnr備注分類內(nèi)容3.1.5 分類信息表ffl用于存放商品次要分類信息，其表結(jié)構(gòu)如表 3.5所示：表 3.5 分類信息表字段名稱數(shù)據(jù)類型說明Fflid自動編號標識flnr備注分類內(nèi)容zflid數(shù)字Zfl表的標識3.1.6 商品信息表 shangpin用于存放商品信息，其表結(jié)構(gòu)如表 3.6所示：表 3.6 商品信息表字段名稱數(shù)據(jù)類型說明Id自動編號標識zflid數(shù)字Zfl表標識fflid數(shù)字 Ffl表標識Name備注商品名稱Riqi日期/時間商品上市的時間Ptjiage數(shù)字普通用戶的商品價格Hyjiage數(shù)字會員用戶的商品價格Tupian備注圖片的存放路徑Beizhu備注商品備注Dianjilv數(shù)字商品的點擊率3.1.7 問答信息表 wenda用于存放顧客的疑問和管理員的回答信息，其表結(jié)構(gòu)如表 3.7所示：表 3.7 問答信息表字段名稱數(shù)據(jù)類型說明id自動編號標識Wenti備注用戶的疑問jieda備注管理員的解答3.1.8 購物信息表 gouwuche用于存放顧客的購物信息，其表結(jié)構(gòu)如表 3.8 所示：表 3.8 購物信息表字段名稱數(shù)據(jù)類型說明Id自動編號標識Usid數(shù)字用戶標識Spid數(shù)字商品標識連接數(shù)據(jù)庫將連接數(shù)據(jù)庫代碼放在一個cnn.asp之內(nèi)，避免重復使用Cnn.asp3.2 主頁(index.asp)設(shè)計網(wǎng)站首頁是一個網(wǎng)站最重要的一個頁面，它能準確地反映出一個網(wǎng)站的具體內(nèi)容。本網(wǎng)站的首頁設(shè)計比較簡單，主要是用表格的形式來制作的，有寫部分是動態(tài)生成。先設(shè)計了一個頭和尾：圖3.1 頭部設(shè)計代碼為：Tou.asp 我的訂單 修改資料 首頁 關(guān)于我們 常見問題 最新新聞 定