畢業論文商城購物電子商務網站的設計與實現 紹興托普信息職業技術學院摘 要隨著Internet技術的進一步成熟，電子商務成為現代商業發展的一個重要里程碑。電子商務是現代商業發展的新模式。各行業的企業都將通過互聯網緊密地連在一起，使得各種現實與虛擬的合作都成為可能。一個供應鏈上的所有企業都可以成為一個協調的合作整體，企業的雇員也可以參與到供應商的業務流程中。面對當前新形勢的發展需要，我們選擇開發了基于Internet的電子商務平臺,無論是終端客戶在什么地方都可以隨時隨地進行事務處理，實現動態交互。整個系統運行于Asp和Access環境下，前臺運用界面設計、頁面構架和色彩理論并結合使用Dreamweaver、Firework、Flash等可視化編輯軟件對系統進行設計制作，后臺運用比較前端的數據庫技術進行開發設計，使終端的用戶能夠在友好的交互環境中進行商品交易和事務處理。在系統分析設計上，我們采用模塊組合設計技術、考慮到整個系統在今后可能被升級，因此特別設計了系統的兼容接口并保證系統有相當的擴展性能。關鍵詞: ASP 系統開發 數據庫 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網站的設計思想11.2網站開發工具的選用和介紹11.2.1Macromedia Dreamweaver MX 2004簡介11.2.2ASP工具的介紹21.2.3ACCESS簡介2第2章購物的概要設計42.1項目背景介紹42.2模塊設計42.2.1用戶模塊42.2.2新聞模塊42.2.3后臺模塊52.3網站結構圖5第3章詳細設計63.1數據庫設計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)設計83.3最新新聞gengduoxinwen.asp123.4商品展示173.5購物車系統19第4章結束語21謝辭22參考文獻23附錄24第1章 緒論1.1 網站的設計思想本網站是為了方便人們網上購物而設計的，也為了響應社會的發展潮流而建設，本網站是一個不斷發展的過程，網站是從事電子商務活動的基本平臺，能進行B2B、B2C交易。建成后，人們能通過Internet瀏覽器訪問其他不同的網站，進行信息交流，查詢產品信息，下定單，資金確認，物質運輸等，完成一次商務活動的全部過程。1.2 網站開發工具的選用和介紹1.2.1 Macromedia Dreamweaver MX 2004簡介一個可視化的網頁設計和網站管理工具，支持最新的Web技術，包含HTML檢查、HTML格式控制、HTML格式化選項、HomeSite/BBEdit捆綁、可視化網頁設計、圖像編輯、全局查找替換、全FTP 功能、處理Flash和Shockwave等富媒體格式和動態HTML、基于團隊的Web創作。在編輯上你可以選擇可視化方式或者你喜歡的源碼編輯方式。 Dreamweaver MX 2004 的十大新特性: 1.動態跨瀏覽器驗證:自動檢測標簽和CSS規則來適應所有主流瀏覽器! 2.更強大的CSS支持! 3.內建的圖形編輯引擎:修剪,改變大小,尺寸,旋轉角度,調節明暗度都不需要離開Dreamweaver環境,因為它本身集成了FW的基本圖形編輯技術.(這一點有模仿FrontPage的嫌疑,但這個功能確實很實用)! 4.安全FTP:完全加密傳輸保證文件和帳號信息的安全! 5.增強對當今技術的支持:支持當今主流的開放環境:ColdFusion,J2EE,PHP,.NET,和其他主流的服務器技術.Dreamweaver現在加入了XML命名空間支持,ASP.NET表單控件對象,新的參考書內容和新的PHP服務器端行為! 6.無縫整合外部文件和代碼:直接將Word和Excel文檔復制和粘貼到Dreamweaver中,會保留字體,顏色,CSS樣式表信息。使用,使用系統支持的編碼保存任何字體,包括雙字節字符集。7.緊密整合MM的其他工具:加強了和MM其他幾款產品的協同工作能力。例如:你可以通過DW直接設置Flash組件的參數。 8.基本支持改良:插入條,表格工具都有改進! 9.增強代碼編寫工具:編輯代碼更省時,例如右鍵編寫代碼工具,增強的查找和替換,高效的屬性面板。10.改進的設計開放環境:一個改良的用戶界面,更高的實用性,非常親切和有邏輯,讓你快速找到你想要的東西,一個新的開始屏幕讓你快速訪問最近的文件和教程資源。1.2.2 ASP工具的介紹Microsoft Active Server Pages 即我們所稱的 ASP ，其實是一套微軟開發的服務器端腳本環境， ASP 內含于 IIS 3.0 和 4.0 之中 , 通過 ASP 我們可以結合 HTML 網頁、 ASP 指令和 ActiveX 元件建立動態、交互且高效的 WEB 服務器應用程序。有了 ASP 你就不必擔心客戶的瀏覽器是否能運行你所編寫的代碼，因為所有的程序都將在服務器端執行，包括所有嵌在普通 HTML 中的腳本程序。當程序執行完畢后，服務器僅將執行的結果返回給客戶瀏覽器，這樣也就減輕了客戶端瀏覽器的負擔，大大提高了交互的速度。 以下羅列了 Active Server Pages 所獨具的一些特點：1. 使用 VBScript 、 JScript 等簡單易懂的腳本語言，結合 HTML 代碼，即可快速地完成網站的應用程序。 2. 無須 compile 編譯，容易編寫，可在服務器端直接執行。 3. 使用普通的文本編輯器，如 Windows 的記事本，即可進行編輯設計。 4. 與瀏覽器無關 (Browser Independence), 用戶端只要使用可執行 HTML 碼的瀏覽器，即可瀏覽 Active Server Pages 所設計的網頁內容。 Active Server Pages 所使用的腳本語言 (VBScript 、 Jscript) 均在 WEB 服務器端執行，用戶端的瀏覽器不需要能夠執行這些腳本語言。 5.Active Server Pages 能與任何 ActiveX scripting 語言相容。除了可使用 VBScript 或 JScript 語言來設計外，還通過 plug-in 的方式，使用由第三方所提供的其他腳本語言，譬如 REXX 、 Perl 、 Tcl 等。腳本引擎是處理腳本程序的 COM(Component Object Model) 物件。 6.Active Server Pages 的源程序，不會被傳到客戶瀏覽器，因而可以避免所寫的源程序被他人剽竊，也提高了程序的安全性。 7. 可使用服務器端的腳本來產生客戶端的腳本。 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）是由微軟發布的關聯式數據庫管理系統。它結合了 Microsoft Jet Database Engine 和 圖形用戶界面兩項特點，是 Microsoft Office的成員之一。Access能夠存取 Access/Jet、Microsoft SQL Server、Oracle，或者任何 ODBC 兼容數據庫內的資料。熟練的軟件設計師和資料分析師利用它來開發應用軟件，而一些不熟練的程序員和非程序員的進階用戶則能使用它來開發簡單的應用軟件。雖然它支援部份面向對象（OO）技術，但是未能成為一種完整的面向對象開發工具。其實Access 也是微軟公司另一個通訊程序的名字，想與 ProComm 以及其他類似程序來競爭。可是事后微軟證實這是個失敗計劃，并且將它中止。數年后他們把名字重新命名于數據庫軟件。Access 是微軟公司推出的基于Windows的桌面關系數據庫管理系統（RDBMS），是Office系列應用軟件之一。它提供了表、查詢、窗體、報表、頁、宏、模塊7種用來建立數據庫系統的對象；提供了多種向導、生成器、模板，把數據存儲、數據查詢、界面設計、報表生成等操作規范化；為建立功能完善的數據庫管理系統提供了方便，也使得普通用戶不必編寫代碼，就可以完成大部分數據管理的任務。Microsoft Access在很多地方得到廣泛使用，例如小型企業，大公司的部門，和喜愛編程的開發人員專門利用它來制作處理數據的桌面系統。它也常被用來開發簡單的WEB應用程序這些應用程序都利用ASP技術在Internet Information Services運行比較復雜的WEB應用程序則使用PHP/MySQL或者ASP/Microsoft SQL Server它的使用方便程度和強大的設計工具為初級程序員提供許多功能。不過，這種便于使用可能使人誤解。這類開發者都是沒有在應用或者數據設計方面訓練的辦公室從業人員。因此許多人以為這樣的開發者能夠創造可用的系統，但也有很多人認為工具本身的局限性產生了這樣的誤導。一些專業的應用程序開發人員使用 Access 用作 快速應用開發，特別是給街道上的推銷員制作一個初型或獨立應用程序的工具。可是如果是透個網絡存取數據的話，Access 的可擴放性并不高因此當程序被較多使用者使用時，他們的選擇多會是傾向于一些客戶端-服務器為本的方案，例如 Oracle、DB2、Microsoft SQL Server、Windows SharePoint Services、PostgreSQL、MySQL、Alpha Five、MaxDB，或者Filemaker。無論如何，不少 Access 的功能（表單，報告，序列和VB代碼）可以用作其他數據庫的后期應用，包括 JET（檔案為主的數據庫引擎，Access 缺省使用）、Microsoft SQL Server、Oracle和任何其他跟ODBC兼容的產品。這種方法允許開發者把一個成熟的應用的數據移動到一臺更大功率的服務器而沒有已經在適當的位置犧牲發展。很多開發者誰使用Microsoft Access使用Leszynski命名約定，雖然這不普遍；它是一次編程大會，并非一個DBMS實施的規章。20第2章 購物的概要設計2.1 項目背景介紹網上購物在線網站致力于提供產品展示 及訂購為核心的網上購物服務，宣傳自己的產品將自己的產品展現給客戶，讓客戶通過網站便能對自由的選擇地購買產品。該網站屬于B2C電子網站。通過用戶登錄瀏覽商品、查看公告、購買、確定購買、實現用戶模塊功能。其中訂單的生成，網站后臺系統，通過系統管理員管理商品、訂單、用戶來實現。網站的建立充分展示了企業形象，是企業貿易的窗口，使傳統的營銷渠道得到最有效的發揮。企業網站是公司重要的對外窗口，通過該網站，應能很好地對訪問者傳達企業的基本情況、曾經獲取的榮譽和獎項、企業經營理念、企業最新動態、企業的產品供求狀況。是與日益全面發展的信息時代與不斷完善電子商務接軌作緊迫性與必要性準備，且又節省了大量通訊費用。因此設計了此企業網站。本網站的主要功能是：用戶可以分類瀏覽商品，查看商品詳細信息。管理員可以進行產品的添加、修改、刪除；公司新聞的修改、添加、刪除；網上訂單；留言管理等。根據上述需求分析，畫出了網站的功能模塊設計思路，網站需要包含下列模塊：登錄模塊、產品管理模塊、企業新聞模塊、網上訂單模塊和用戶留言模塊。2.2 模塊設計網站的建立充分展示了企業形象，是企業貿易的窗口，使傳統的營銷渠道得到最有效的發揮。企業網站是公司重要的對外窗口，通過該網站，應能很好地對訪問者傳達企業的基本情況、曾經獲取的榮譽和獎項、企業經營理念、企業最新動態、企業的產品供求狀況。是與日益全面發展的信息時代與不斷完善電子商務接軌作緊迫性與必要性準備，且又節省了大量通訊費用。因此設計了此企業網站。本網站的主要功能是：用戶可以分類瀏覽商品，查看商品詳細信息。管理員可以進行產品的添加、修改、刪除；公司新聞的修改、添加、刪除；網上訂單；留言管理等。根據上述需求分析，畫出了網站的功能模塊設計思路，網站需要包含下列模塊：登錄模塊、產品管理模塊、企業新聞模塊、網上訂單模塊和用戶留言模塊。2.2.1 用戶模塊1. 用戶注冊、登錄、驗證模塊：主要用于管理用戶的注冊信息、登錄信息以及各種校驗模塊，同時添加保密模塊增加用戶信息的安全性。2. 商品瀏覽： 用于對商品的瀏覽和搜索，方便客戶尋找商品3. 購物車模塊： 主要是對用戶購得商品后的后續工作2.2.2 新聞模塊新聞瀏覽部分主要有公司新聞管理、公司新聞增加、業內資訊管理。選中需要修改的數據，如果修改了相應的數據，則顯示“數據修改成功”。可以通過企業新聞了解最新或最近公司里所發生的一些大事。管理員在后臺可以發布信息，修改新聞、刪除新聞、查詢新聞等。可以發布新聞圖片。2.2.3 后臺模塊1. 用戶管理模塊：包括添加和刪除2. 新聞管理模塊：包括添加、修改和刪除3. 問答管理：回答用戶的提問和刪除用戶體溫4. 商品管理：管理商品的添加、刪除、修改2.3 網站結構圖根據上述模塊分析，得出功能模塊，如圖2.1所示：天緣購物網站公司簡介站內新聞普通用戶可以瀏覽以下頁面內容產品展示購物車客戶留言管理員可以進行以下操作新聞管理訂單管理產品管理客戶管理留言管理圖2.1網站結構圖第3章 詳細設計3.1 數據庫設計數據庫采用Access。創建8張表，分別命名為：us、hus、gouwuche、news、shangpin、wenda、ffl、zfl。3.1.1 普通用戶信息表us用于存放普通用戶信息，其表結構如表3.1所示：表 3.1普通用戶信息表字段名稱數據類型說明id自動編號用戶標志yhm備注用戶名mm備注密碼qx數字用戶權限1表示會員0表示普通用戶email備注郵箱lx備注聯系號碼3.1.2 后臺管理員用戶表hus用于存放管理員用戶信息，其表結構如表 3.2所示：表 3.2 管理員信息表字段名稱數據類型說明id自動編號標識admin備注用戶名pass備注密碼3.1.3 新聞信息表news用于存放新聞用戶信息，其表結構如表 3.3所示：表 3.3 新聞信息表字段名稱數據類型說明Newsid自動編號標識Newsname文本新聞主題Addname文本新聞發表人Adddate日期/時間發表日期newsneirong備注新聞內容3.1.4 分類信息表zfl用于存放商品主要分類信息，其表結構如表 3.4所示：表 3.4 分類信息表字段名稱數據類型說明zflid自動編號標識zfnr備注分類內容3.1.5 分類信息表ffl用于存放商品次要分類信息，其表結構如表 3.5所示：表 3.5 分類信息表字段名稱數據類型說明Fflid自動編號標識flnr備注分類內容zflid數字Zfl表的標識3.1.6 商品信息表 shangpin用于存放商品信息，其表結構如表 3.6所示：表 3.6 商品信息表字段名稱數據類型說明Id自動編號標識zflid數字Zfl表標識fflid數字 Ffl表標識Name備注商品名稱Riqi日期/時間商品上市的時間Ptjiage數字普通用戶的商品價格Hyjiage數字會員用戶的商品價格Tupian備注圖片的存放路徑Beizhu備注商品備注Dianjilv數字商品的點擊率3.1.7 問答信息表 wenda用于存放顧客的疑問和管理員的回答信息，其表結構如表 3.7所示：表 3.7 問答信息表字段名稱數據類型說明id自動編號標識Wenti備注用戶的疑問jieda備注管理員的解答3.1.8 購物信息表 gouwuche用于存放顧客的購物信息，其表結構如表 3.8 所示：表 3.8 購物信息表字段名稱數據類型說明Id自動編號標識Usid數字用戶標識Spid數字商品標識連接數據庫將連接數據庫代碼放在一個cnn.asp之內，避免重復使用Cnn.asp3.2 主頁(index.asp)設計網站首頁是一個網站最重要的一個頁面，它能準確地反映出一個網站的具體內容。本網站的首頁設計比較簡單，主要是用表格的形式來制作的，有寫部分是動態生成。先設計了一個頭和尾：圖3.1 頭部設計代碼為：Tou.asp 我的訂單 修改資料 首頁 關于我們 常見問題 最新新聞 定單查詢