今天給各位分享網(wǎng)站建設課程設計報告購物車的知識，其中也會對購物車系統(tǒng)課程設計進行解釋，如果能碰巧解決你現(xiàn)在面臨的問題，別忘了關注本站，現(xiàn)在開始吧！

本文目錄一覽：

• 1、一個網(wǎng)站設計過程舉例
• 2、求一個ASP課程設計 網(wǎng)上購物系統(tǒng) 做過的朋友們拜托給發(fā)下 791419843@qq.com
• 3、網(wǎng)頁設計與開發(fā)

一個網(wǎng)站設計過程舉例

一、網(wǎng)站的規(guī)劃要求:選準主題，優(yōu)化內(nèi)容；計劃書的內(nèi)容：

1、你所選網(wǎng)站的主題和內(nèi)容簡介；2、網(wǎng)站的結(jié)構(gòu)（最好能是一個完整的結(jié)構(gòu)，因為這樣對你后面的設計有較大的幫助。）；3、網(wǎng)站能包含的功能；4、哪些地方計劃使用數(shù)據(jù)庫；5、如何安排進度和計劃完成時間？6、如果是兩個人合作的，每個人的分工如何？二、網(wǎng)站的設計

設計語言：

1、HTML2、ASP——Active Server Pages，是服務器端腳本編程環(huán)境。使用ASP可將HTML、腳本命令和ActiveX組件組合起來，創(chuàng)建動態(tài)、交互的網(wǎng)站。3、VBScript——是ASP事務處理的核心。是VB的簡化版本，用于對HTML和ASP進行處理的編程語言，支持嵌入HTML和ASP文件中。4、SQL——結(jié)構(gòu)化查詢語言，在網(wǎng)站中盡量使用數(shù)據(jù)庫可以使維護更加方便，查詢功能強大。建立運行環(huán)境：

1、建站環(huán)境：Windows 2000 + IIS2、數(shù)據(jù)庫：可選用Access或sqlserverASP程序三個特點:1、純文本文件；2、文件擴展名為.asp；3、文件中相關的asp程序代碼包含在% %當中。學習ASP的方法：1、全面了解一下ASP的基本概念（如：asp的特點、運行環(huán)境等）、基本設計方法（如：編寫ASP的基本框架、與HTML的關系等）、基本指令和一些特殊文件（如Global.asa等）。2、學習一些腳本語言（如：VBScript、JScript等），我們選VBScript是在于它的結(jié)構(gòu)與VB類似，大家都學過VB，并且ASP與它同是Microsoft的產(chǎn)品，結(jié)合能力較強。三、題目

小型電子商務網(wǎng)站的規(guī)劃與設計

四、設計目的

網(wǎng)站的建設是各個企業(yè)投身Internet的第一步，本畢業(yè)設計希望通過對電子商務網(wǎng)站的'規(guī)劃與設計來培養(yǎng)學生綜合運用所學知識分析和解決實際問題的能力，掌握相關網(wǎng)頁制作軟件，強化計算機實際應用技能訓練，為今后開展網(wǎng)站規(guī)劃、設計和開發(fā)打下初步的基礎。1、 運用Dreamwearer等網(wǎng)絡制作軟件制作主頁及其相關鏈接的頁面。2、 主頁要求：清純簡潔、主題鮮明、內(nèi)容編排得當合理、有一定的藝術(shù)感，美觀、實用，相關鏈接正常，能體現(xiàn)網(wǎng)站首頁的基本功能。3、 網(wǎng)站具備的基本功能：用戶注冊、公司簡介、產(chǎn)品目錄、商品展示、訂購及查看購物車等。4、 選題要得當，形式可以多樣，但內(nèi)容要健康。5、 網(wǎng)站建立后要完成測試，最后將運行穩(wěn)定的網(wǎng)站所有文件用磁盤或光盤拷貝給指導老師。五、 論文書寫內(nèi)容要求：

1、 封面2、 目錄3、 論文摘要、關鍵詞4、 建立該網(wǎng)站的目的、意義；5、 當前網(wǎng)站建設的基本情況，本網(wǎng)站的總體規(guī)劃、功能和設計目標，包含網(wǎng)站的結(jié)構(gòu)圖；6、 本網(wǎng)站設計中具體實現(xiàn)的幾個關鍵功能和相關技術(shù)說明；7、 使用數(shù)據(jù)庫的部分要列出相關數(shù)據(jù)結(jié)構(gòu)及實現(xiàn)的算法；8、 網(wǎng)站測試及發(fā)布的情況（含測試環(huán)境、條件、性能的分析等）；9、 網(wǎng)站建設的心得體會和擴展性分析；10、致謝；11、參考文獻。

求一個ASP課程設計 網(wǎng)上購物系統(tǒng) 做過的朋友們拜托給發(fā)下 791419843@qq.com

4.2 功能模塊設計

層次模塊結(jié)構(gòu)是將系統(tǒng)劃分為若干子系統(tǒng)，子系統(tǒng)下再劃分為若干的模塊。而模塊是指具備有輸入輸出、邏輯功能、運行程序和內(nèi)部數(shù)據(jù)四種屬性的一組程序。在結(jié)構(gòu)化系統(tǒng)設計中，模塊一般都是按功能劃分的，通常稱為功能模塊。合理的功能模塊的劃分能夠極大限度地減少重復勞動、提高開發(fā)工作的效率并增大系統(tǒng)的可維護性。

以前面的系統(tǒng)分析為基礎，將系統(tǒng)分為兩大模塊，即前臺模塊和后臺模塊。

網(wǎng)絡購物中心的功能結(jié)構(gòu)如圖4.1所示。

圖 4.1 網(wǎng)絡購物中心功能結(jié)構(gòu)圖

4.2.1 前臺模塊的功能模塊設計

前臺模塊主要為登陸網(wǎng)站的用戶提供商品和服務的信息，填寫并提交訂單的服務。這樣，將前臺模塊再細分為用戶管理模塊、訂單查詢模塊、購物車模塊、修改個人資料模塊、留言板模塊。顧名思義，這些模塊的名稱基本概括了它們的功能。下面詳細說明一下這些功能模塊的設計：

（1）用戶管理模塊：

為了方便于網(wǎng)站的管理，必須由一套完整的用戶管理體系。該網(wǎng)站用戶管理模塊主要實現(xiàn)用戶的注冊、登錄、找回密碼3方面功能。

（2）購物車模塊：

在超市購物，可以根據(jù)自己的需要將很多種商品挑選至購物車或購物籃中，然后到收銀臺結(jié)款。而在網(wǎng)上虛擬的商城中，當然沒有辦法使用真正的購物工具，因此，通常都會采用一種被稱為“購物車”的技術(shù)來模擬現(xiàn)實生活。在網(wǎng)上商城中，所選商品須通過購物車進行暫存，然后生產(chǎn)訂單。這種技術(shù)使用起來十分方便，不但可以隨時添加、查看、修改、清空購物車中的內(nèi)容，還可以隨時去收銀臺結(jié)款。

（3）訂單管理模塊：

用戶提交訂單后，通過產(chǎn)生的訂單號查詢訂單信息及執(zhí)行狀態(tài)。只需要根據(jù)用戶錄入的訂單號在數(shù)據(jù)表中查詢處對應的貨品信息即可。

（4）個人資料管理模塊：

用戶資料修改時為用戶更改個人信息所提供的窗口，為了保護用戶信息部受非法侵害，用戶只有登錄網(wǎng)頁后才有權(quán)限修改個人資料。

（5）留言板管理模塊：

留言板是一個商務網(wǎng)站中不可缺少的組成部分，它可以增進用戶與網(wǎng)站之間的交流。在現(xiàn)實網(wǎng)絡開發(fā)中存在著各種各樣的留言板，但它們都由基于瀏覽留言板及添加留言板2部分組成。

這樣，子模塊各自的內(nèi)容基本設計好。下面可以設計如何將這些模塊組織在一起，構(gòu)成一個結(jié)構(gòu)比較合理的前臺了。除了在主頁中建立面向其他模塊的鏈接外，也要在其他模塊中建立返回主頁面的鏈接。另外各個模塊間也應該互相鏈接起來。

4.2.2 后臺管理模塊的功能模塊設計

后臺管理模塊的功能是對站內(nèi)的資源進行管理和維護。以后臺的業(yè)務流程分析和前臺各個模塊的設計為基礎、根據(jù)用戶的需求分析來確定后臺管理模塊應具有的功能。后臺管理模塊的各個子功能模塊如下：

（1） 管理員身份驗證模塊：

為合法用戶提供一個后臺入口。該模塊的功能是對管理員身份進行能夠驗證。用戶輸入登錄ID和密碼后，系統(tǒng)將判斷登錄ID及密碼的有效性，如果通過驗證則狀態(tài)后臺主頁，反之則提示錯誤。

（2） 商品管理模塊：

向商品表插入前臺首頁展示的商品信息，也就是添加商品信息的功能。

（3） 處理訂單模塊：

網(wǎng)站管理者對用戶訂單的執(zhí)行和編輯狀態(tài)。

（4） 用戶信息管理模塊：

查詢注冊所有用戶，對一些非法或失信用戶進行刪除操作 。

（5） 公告信息管理模塊：

網(wǎng)站向用戶發(fā)布最新公告信息。

（6） 鏈接信息管理模塊：

管理員向前臺首頁添加友情鏈接信息。

4.3 數(shù)據(jù)庫設計

數(shù)據(jù)庫是數(shù)據(jù)庫應用程序的重要組成部分。一個設計結(jié)構(gòu)合理的數(shù)據(jù)庫對于應用程序的開發(fā)效率和程序的性能都是非常重要的。數(shù)據(jù)庫的設計過程大致如下：

（1） 根據(jù)用戶需求，確定數(shù)據(jù)庫中要保存的數(shù)據(jù)信息。對用戶需求進行分析時數(shù)據(jù)庫設計的第一個階段。不斷的調(diào)查與研究用戶需求，了解企業(yè)運作流程等系統(tǒng)需求，使設計概念模型的基礎。

（2） 設計數(shù)據(jù)庫的概念模型。概念模型是按用戶的觀點來對數(shù)據(jù)建模，使用與進行信息世界建模的工具。它對整個數(shù)據(jù)庫的設計具有深刻的影響。

（3） 邏輯結(jié)構(gòu)設計。邏輯結(jié)構(gòu)是把概念結(jié)構(gòu)轉(zhuǎn)化為與所采用的數(shù)據(jù)庫管理系統(tǒng)所支持的數(shù)據(jù)模型相符合的過程。

（4） 數(shù)據(jù)庫的實施和維護。

在設計好前臺與后臺的功能模塊后，就開始進行數(shù)據(jù)庫的設計了。根據(jù)網(wǎng)站系統(tǒng)的分析，數(shù)據(jù)庫是整個網(wǎng)站的核心。從前臺顯示的信息到后臺操作的對象，都是圍繞數(shù)據(jù)庫展開的。

4.3.1 E-R圖

E-R圖是一種概念模型。概念模型實際上是現(xiàn)實世界到機器世界的一個中間層次。概念模型用于信息世界的建模，是顯示世界到信息世界的第一層抽象，使數(shù)據(jù)庫設計人員進行數(shù)據(jù)庫設計的有利工具，也是數(shù)據(jù)庫設計人員和用戶之間進行交流的語言，因此概念模型一方面應該具有較強的語義表達能力，能夠方便、直接的表達應該用眾的各種語義知識，另一方面他還應該簡單、清晰并且易于用戶理解[7]。以下是各個數(shù)據(jù)表的實體圖。

（1）商品信息表tb_Ware的實體圖

圖 4.2 商品信息表tb_Ware的實體圖

（2）用戶信息表tb_User的實體圖

圖 4.3 用戶信息表tb_User的實體圖

（3）留言信息表tb_Text的實體圖

圖 4.4 留言信息表tb_Text的實體圖

(4) 訂單生成表tb_Sub的實體圖

圖 4.5 訂單生成表tb_Sub的實體圖

（5）訂單商品表tb_Shop的實體圖

圖 4.6 訂單商品表tb_Shop的實體圖

（6）超級鏈接表tb_Link的實體圖

圖 4.7 超級鏈接表tb_Link的實體圖

（7）管理員信息表tb_Admin的實體圖

圖 4.8 管理員信息表tb_Admin的實體圖

（8）公告信息表tb_Affiche的實體圖

圖 4.9 公告信息表tb_Affiche的實體圖

（9）總體E_R圖

圖 4.10 總體E-R圖

4.3.2 基本表設計

表的設計是這次設計的一個核心內(nèi)容。根據(jù)前面對網(wǎng)站前臺與后臺功能模塊的分析和對數(shù)據(jù)庫中實體關系的設計，可以看到網(wǎng)站中所用到的數(shù)據(jù)信息基本包括：商品信息、用戶信息、留言信息、訂單信息、超級鏈接信息、管理員信息、公告信息等。下面是為數(shù)據(jù)庫設計的表：

（1） 商品信息表tb_Ware

商品信息表tb_Ware用來保存商品的基礎信息。結(jié)構(gòu)如表4.1所示。

表4.1 tb_Ware的結(jié)構(gòu)

字段名稱 數(shù)據(jù)類型 長度 是否允許空 是否為主鍵 字段描述

Wareid Int 4 否 是 貨物編號

Warename Varchar 50 否 否 貨物名稱

Wareprice Bigint 8 否 否 貨物價格

Waretype Varchar 20 否 否 貨物類型

Wareintro Text 16 否 否 貨物介紹

Wareimage Varchar 50 否 否 圖片路徑

Wareif Int 4 否 否 是否推薦

Dattime Datetime 8 否 否 發(fā)布時間

（2） 用戶信息表tb_User

用戶信息表tb_User用來保存用戶信息。表tb_User的結(jié)構(gòu)如表4.2下。

表4.2 tb_User的結(jié)構(gòu)

字段名稱 數(shù)據(jù)類型 長度 是否允許空 是否為主鍵 字段描述

Userid Int 4 否 是 用戶ID

Username Varchar 50 否 否 用戶名

Rname Varchar 40 否 否 真實姓名

Userpass Varchar 16 否 否 用戶密碼

Email Varchar 50 否 否 Email

Address Varchar 80 否 否 用戶地址

Photo Varchar 30 否 否 聯(lián)系電話

Question Varchar 50 否 否 密碼問題

Result Varchar 50 否 否 答案

Dattime Datetime 8 否 否 注冊時間

（3） 留言信息表tb_Text

留言信息表tb_Text用來記錄留言信息。表tb_Text的結(jié)構(gòu)如表4.3所示。

表4.3 tb_Text的結(jié)構(gòu)

字段名稱 數(shù)據(jù)類型 長度 是否允許空 是否為主鍵 字段描述

Textid Int 4 否 是 主題ID

Username Varchar 20 否 否 作者姓名

Email Varchar 50 否 否 Email

Dattime Datetime 8 否 否 發(fā)布時間

Textname Varchar 50 否 否 主題名稱

Textgut Text 16 否 否 留言內(nèi)容

（4） 訂單生成表tb_Sub

訂單生成表tb_Sub用來記錄新生成的訂單。表tb_Sub的結(jié)構(gòu)如表4.4所示。

表4.4 tb_Sub的結(jié)構(gòu)

字段名稱 數(shù)據(jù)類型 長度 是否允許空 是否為主鍵 字段描述

Sub Varchar 50 否 是 訂單編號

Username Varchar 20 否 否 用戶名

Rname Varchar 50 否 否 真實姓名

Spdate Datetime 8 否 否 訂購日期

Email Varchar 50 否 否 Email

Address Varchar 80 否 否 地址

Post Varchar 50 否 否 郵編

Payment Char 12 否 否 付款方式

Photo Varchar 30 否 否 聯(lián)系方式

Carry Varchar 30 否 否 運送方式

Spif Int 4 否 否 訂單核對

Other Text 16 否 否 其它

（5） 訂單商品表tb_Shop

訂單商品表tb_Shop用來記錄某一訂單中所定購的商品的詳細信息。表tb_Shop的結(jié)構(gòu)如表4.5所示。

表4.5 tb_Shop的結(jié)構(gòu)

字段名稱 數(shù)據(jù)類型 長度 是否允許空 是否為主鍵 字段描述

Subid Varchar 50 否 否 訂單id

Warename Varchar 50 否 否 貨物名稱

Price Bigint 8 否 否 貨物價格

Wsum Bigint 8 否 否 貨物數(shù)量

Wcount Bigint 8 否 否 統(tǒng)計

（6） 超級鏈接表tb_Link

超級鏈接表tb_Link主要用于記錄調(diào)價的超級鏈接信息。表tb_Link的結(jié)構(gòu)如表4.6所示。

表4.6 tb_Link的結(jié)構(gòu)

字段名稱 數(shù)據(jù)類型 長度 是否允許空 是否為主鍵 字段描述

Lname Varchar 50 否 否 鏈接名

Laddress Varchar 50 否 否 鏈接網(wǎng)址

Ldatetime Datetime 8 否 否 發(fā)布時間

（7） 管理員信息表tb_Admin

管理員信息表tb_Admin主要用于記錄管理員的信息。表tb_Admin的結(jié)構(gòu)如表4.7所示。

表4.7 tb_Admin的結(jié)構(gòu)

字段名稱 數(shù)據(jù)類型 長度 是否允許空 是否為主鍵 字段描述

Id Int 4 否 否 管理員ID

Admin Varchar 30 否 否 管理員名

Adminpass Varchar 16 否 否 管理員密碼

（8） 公告信息表tb_Affiche

公告信息表tb_Affiche主要用于記錄后臺調(diào)價的公共信息。表tb_Affiche的結(jié)構(gòu)如表4.8所示。

表4.8 tb_Affiche的結(jié)構(gòu)

字段名稱 數(shù)據(jù)類型 長度 是否允許空 是否為主鍵 字段描述

Test Text 16 否 否 公告內(nèi)容

Dattime Datetime 8 否 否 公告時間

第5章 系統(tǒng)實現(xiàn)

在上一章著重討論了系統(tǒng)各個模塊功能的設計，并詳細分析了每一個模塊的功能。在本章將具體討論如何實現(xiàn)功能模塊，最終實現(xiàn)整個系統(tǒng)。經(jīng)過這個階段的設計工作，應該得出對目標系統(tǒng)的描述，從而在編碼階段可以把這個描述直接翻譯成用JSP網(wǎng)頁設計語言書寫的程序。

5.1 程序設計

本系統(tǒng)設計的網(wǎng)站在設計過程中包含頁面（HTML）的設計以及客戶端驗證機制（JavaScript）的設計。JavaScript也叫小腳本語言，他是一種非常流行的動態(tài)網(wǎng)頁技術(shù)。他不僅能夠?qū)崿F(xiàn)網(wǎng)頁的動態(tài)效果，而且能夠在一定程度上檢測網(wǎng)頁的錯誤，從而在一定程度上實現(xiàn)網(wǎng)站的安全。本系統(tǒng)應用服務器端JSP動態(tài)網(wǎng)頁技術(shù)，以及在Serverlet和JavaBean的可重用組件技術(shù)的支持下，結(jié)合客戶端動態(tài)網(wǎng)頁技術(shù)Javascript以及與HTML的無縫結(jié)合的設計，從而方便系統(tǒng)的實現(xiàn)[10]。

5.2 系統(tǒng)頁面的設計與實現(xiàn)

如果將網(wǎng)站比作一個人的話，服務器就像大腦，數(shù)據(jù)庫就像五臟六腑，其內(nèi)嵌的Java和JavaScript組合起來就像是細胞與神經(jīng)，而網(wǎng)頁就是這個人的皮肉。網(wǎng)頁將網(wǎng)站的各個組成部分包裹起來，形成易懂并且美觀的外表展示給大家。瀏覽者登陸網(wǎng)站后看到的就是一個個網(wǎng)頁的組合。所以設計和實現(xiàn)每一個網(wǎng)頁也是非常重要的工作。

隨著科技的高速發(fā)展，眾多網(wǎng)頁制作的應用軟件應運而生。相對于傳統(tǒng)的動態(tài)網(wǎng)頁開發(fā)工具而言，由于繼承了Java語言的許多優(yōu)點，用JSP開發(fā)動態(tài)網(wǎng)站十分方便，開發(fā)效率較高。此外，JSP還具有強大的組件（Java Bean）支持功能，可以方便地實現(xiàn)組件復用，進一步提高了開發(fā)效率。

在整個網(wǎng)頁的制作過程中，都是結(jié)合使用HTML語言來實現(xiàn)設計的。系統(tǒng)的頁面設計決定了網(wǎng)站的風格, 制作好的網(wǎng)站不僅提供給營銷商，更多的要供瀏覽者瀏覽。所以整個網(wǎng)站系統(tǒng)應注重的是：易導航性、易操作性和友好的交互界面。因此，網(wǎng)站的設計最好要簡潔、明了、格調(diào)清新、實用、易于使用和維護。在頁面的風格上應保持統(tǒng)一，這里采用CSS樣式表將所有頁面的字體、字號、顏色以及超鏈接的樣式做統(tǒng)一定義。

5.3 前臺功能模塊的實現(xiàn)

整個系統(tǒng)分為了前臺功能模塊和后臺功能模塊。下面詳細討論主要的幾個功能模塊的程序?qū)崿F(xiàn)。在每個模塊的介紹中，將具體說明一些涉及要點。

前臺功能模塊分為用戶管理模塊、訂單查詢模塊、購物車模塊、修改個人資料模塊、留言板模塊5個部分。前臺首頁主要有以下幾個部分：

（1）網(wǎng)站導航：主要用戶顯示網(wǎng)站的旗幟廣告、各功能模塊導航；

（2）用戶登錄：用戶在此注冊、登錄或找回密碼；

（3）商品分類搜索：用戶按商品類別進行搜索顯示；

（4）銷售排行榜：按照商品的銷售數(shù)量顯示銷售排行信息；

（5）商品展示區(qū)：按后臺添加商品的時間順序展示商品；

（6）友情鏈接：顯示友情鏈接信息；

（7）后臺登錄入口：管理員可以通過該入口登錄后臺。

首頁運行結(jié)果如圖5.1所示。

圖 5.1 首頁運行結(jié)果

5.3.1 用戶管理模塊

用戶管理模塊主要實現(xiàn)用戶的注冊、登錄、找回密碼等功能。

1、 用戶注冊

當用戶第一次登錄時首先要在網(wǎng)站上注冊，成為會員用戶才可以在網(wǎng)站上購物，注冊頁面必須填寫一些用戶的基本信息，如用戶名、密碼、聯(lián)系電話等信息。要注意的是，在用戶注冊頁面user/index.htm中用戶自定義JavaScript檢驗用戶注冊信息不允許為空。

用戶注冊頁面user/index.htm如圖5.2所示。

圖 5.2 用戶注冊頁面運行結(jié)果

為了便于網(wǎng)站對用戶的管理，在index.htm用戶注冊頁面接收到的注冊信息要經(jīng)過嚴格的過濾，保證注冊用戶名的唯一性，在提交表單后需要對數(shù)據(jù)表中的數(shù)據(jù)進行查詢，如果沒有找到，則在插入數(shù)據(jù)表時提示注冊成功，否則提示此用戶已被占用請重新注冊。

用戶注冊的流程圖如圖5.3所示。

圖 5.3用戶注冊系統(tǒng)流程圖

2、用戶登錄

用戶登錄窗口設置在首頁上，主要用來接收用戶錄入的用戶名及密碼。單擊“注冊”按鈕時，會提交到user/index.htm頁面執(zhí)行；單擊“登錄”按鈕時，系統(tǒng)將對輸入的用戶名和密碼進行驗證，如果數(shù)據(jù)表中用戶名和密碼存在就顯示登陸成功，并返回首頁，否則彈出錯誤提示信息。

用戶登錄的流程圖如圖5.4所示。

圖 5.4 用戶登錄系統(tǒng)流程圖

3、找回密碼

當密碼以外丟失會給用戶帶來不必要的麻煩，重新注冊一個新的用戶即浪費了時間，也浪費網(wǎng)站的資源，如果用戶只記住自己注冊的用戶名及電子郵箱名并提供密碼提示的問題和答案就可以找回密碼。找回密碼頁面user/pass.htm如圖5.5所示。

圖 5.5找回密碼頁面運行結(jié)果

用戶單擊“查找”按鈕，系統(tǒng)會將傷表中所示的數(shù)據(jù)表單提交到user/res.jsp中。user/res.jsp頁用來驗證提交過來的四個條件是否完全符合數(shù)據(jù)庫中的查找條件，只有符合才能顯示密碼結(jié)果，否則彈出“你輸入信息有誤”的提示對話框。

5.3.2 用戶資料修改模塊

用戶資料修改時為用戶更改個人信息所提供的窗口，用戶只有登錄網(wǎng)頁后才有權(quán)限修改個人資料信息。

用戶資料修改模塊在前臺主頁的導航條上，單擊“修改資料”鏈接，進入用戶資料修改頁面，該頁面主要用戶修改用戶信息。用戶資料修改頁面如圖5.6所示。

圖 5.6 用戶資料修改頁面運行結(jié)果

個人信息修改完畢后，要將修改后的數(shù)據(jù)信息更新到注冊數(shù)據(jù)表中，單擊“修改”按鈕，如果提交的數(shù)據(jù)無誤，將彈出“數(shù)據(jù)更新成功”的消息對話框；否則將彈出“更新失敗”的消息對話框。

用戶資料修改模塊流程圖如圖5.7所示。

圖 5.7 用戶資料修改模塊流程圖

5.3.3 購物車模塊

購物車模塊中，主要包含以下幾個功能，即：添加購物車、查看購物車、生成訂單和清空購物車。

購物車頁運行結(jié)果如圖5.8所示。

圖 5.8 購物車頁面運行結(jié)果

1、 添加購物車

添加購物車就是把用戶選中的商品暫時存放在購物車中，當用戶在前臺首頁中單擊商品展示區(qū)的“購買”按鈕時，系統(tǒng)會將該商品的詳細信息展示在查看物品清單頁面中。用戶在單擊物品清單頁面下方的“放入購物車”鏈接，便可以將該商品放入購物車中。

添加商品的代碼流程是從session中讀取shop對象，如果為空則說明還沒有進行購物或者已經(jīng)清空了購物車，需要新建購物車對象；將商品名稱與購物車列表中的商品名稱對比，如果已經(jīng)存在，則把商品數(shù)量加1。

在這段代碼流程中，還使用了集合類型。集合類型在Java中又稱為向量，是一元集合，可以加入重復數(shù)據(jù)，它的作用和數(shù)組相同，可以保存一系列數(shù)據(jù)，但集合類型也有它獨特的優(yōu)點，就是可以方便地對集合內(nèi)的數(shù)據(jù)進行查找、增加、刪除和修改等操作。

2、 查看購物車

為了方便用戶隨時查看購物情況，在網(wǎng)站的首頁加入了查看購物車的鏈接，通過它可以將用戶所有選中的商品信息放入購物車中顯示出來。在程序中使用了一組文本框記錄用戶購買的商品數(shù)量，用戶可以在文本框中輸入想要購買的數(shù)量然購單擊“修改”按鈕。如果欲刪除該商品，可以在數(shù)量文本框里輸入“0”，并需要單擊“修改”按鈕來更新購物車中商品的數(shù)量。

系統(tǒng)每次只會將1個商品放入購物車中，如果用戶需要多個同種商品，可以通過修改商品信息右側(cè)相應文本框的值來完成。操作完成后需要通過單擊“修改”按鈕來保存操作。

3、 生成訂單

生成訂單時網(wǎng)上購物商城的最終目的，前面所有功能的實現(xiàn)都是為最后生成一個用戶滿意的訂單作基礎，在此要生成一個可供用戶隨時查詢的訂單號，還要保存用戶訂單中所購買的商品信息。當用戶確認對購物車不再改變以后，就可以到收銀臺結(jié)帳并生成訂單。結(jié)帳的流程為：從購物車中讀取商品名稱，商品數(shù)量，商品價格信息，生成一個唯一的訂單號，同時也把用戶注冊的基本信息讀取出來，形成一個完整的訂單寫入數(shù)據(jù)庫。

在生成訂單模塊中主要使用了調(diào)出用戶信息并生成唯一訂單號，調(diào)出用戶信息就是完全的對數(shù)據(jù)庫進行操作，利用session對象把登錄后的用戶名保存起來，在訂單生成時把保存的用戶名從數(shù)據(jù)庫的用戶標中取出即可；生成唯一訂單號方法有很多，只要確保訂單號碼的唯一性及方便用戶記錄以便于查詢自己訂單的執(zhí)行狀態(tài)即可。

訂單生成后，用戶單擊“提交”按鈕，便可以將錄入的訂單信息保存到數(shù)據(jù)庫中。

4、 清空購物車

清空購物車是指當用戶訂單生成后，倘若還想繼續(xù)購物一定要清空購物車再進行選購商品，這樣防止重復購物，其實清空購物車實現(xiàn)起來非常簡單，只需要將session中存儲的shop對象清空即可。

購物車模塊流程圖如圖5.9所示。

圖 5.9購物車模塊流程圖

5.3.4 訂單查詢模塊

用戶提交訂單后，通過產(chǎn)生的訂單號查詢訂單信息及執(zhí)行狀態(tài)。用戶在購物中心首頁中單擊“訂單查詢”超鏈接，就可以進入輸入訂單號頁面，在頁面的文本框中輸入訂單號并單擊“提交”按鈕，如果訂單號輸入無誤，系統(tǒng)將根據(jù)用戶錄入的訂單號在數(shù)據(jù)表中查詢處對應的貨品信息并轉(zhuǎn)到訂單查詢顯示頁面將貨品信息顯示出來。

訂單查詢模塊流程圖如圖5.10所示。

圖 5.10 訂單查詢模塊流程圖

5.3.5 留言板模塊

留言板模塊由瀏覽留言板和添加留言板兩部分組成。下面分別對這兩部分進行介紹。

1、瀏覽留言板

單擊網(wǎng)站首頁的“留言板”超鏈接進入留言板頁面，在該頁面中，主要顯示用戶所填寫的留言，以便其他用戶查閱。

留言板中顯示的數(shù)據(jù)是從數(shù)據(jù)表中檢索出來并顯示在網(wǎng)頁中的，為了方便查看網(wǎng)頁信息，使用了分頁顯示功能。對網(wǎng)頁進行分頁顯示首先要確定記錄跨度，就是每頁所顯示的記錄數(shù)，在這個網(wǎng)站的留言板中，設定了int pagesize=4，即每頁中只允許顯示4條留言信息，用戶可以通過單擊“上一頁”、“下一頁”、“最后一頁”、“第一頁”或則從文本框中鍵入一個數(shù)值跳轉(zhuǎn)到相應頁瀏覽留言信息。

記錄的總條數(shù)可以從數(shù)據(jù)庫中通過查詢語句rs.last();rowcount=rs.getRow得到，而計算總頁數(shù)時，根據(jù)總頁數(shù)=總記錄數(shù)/跨度，如果除不盡就加1的原理，設計代碼為：

pagecount=((rowcount%pagesize)==0?(rowcount/pagesize);(rowcount/pagesize)+1)。

如果獲取文本框中的數(shù)據(jù)不為空就把它轉(zhuǎn)換成整型數(shù)據(jù)，然后賦值給當前獲取頁再做進一步判斷；如果獲取的頁數(shù)大于總頁數(shù)就把總頁數(shù)賦給獲取頁數(shù)，否則就把獲取頁數(shù)值賦為1。而計算當前記錄數(shù)時，當前記錄數(shù)=（獲取頁數(shù)-1）*跨度+1。代碼如下所示。

int showpage=1;

if(topage!=null){

showpage=Integer.parseInt(topage);

if(showpagepagecount){

showpage=pagecount;

}else if(showpage=0){

showpage=1;

}

}

rs.absolute((showpage-1)*pagesize+1);

有了以上這幾個關鍵變量，網(wǎng)頁分頁顯示功能基本上已經(jīng)實現(xiàn)了，下一步就是在當前記錄數(shù)位置開始循環(huán)，當數(shù)據(jù)庫沒有記錄的時候一定要終止循環(huán)程序。代碼如下：

for(int i=1;i=pagesize;i++){

……

if(!rs.next())

break;

}

2、添加留言

添加留言是用戶與用戶，以及用戶與網(wǎng)站之間的一種交流模式，只有把用戶想要表達的內(nèi)容添加至數(shù)據(jù)庫中，才能在瀏覽留言板中進行顯示。

用戶在留言板中單擊“添加留言”超鏈接就可以打開添加留言頁面，該頁面主要用來提交用戶輸入的留言信息。用戶在添加留言頁中單擊“提交”按鈕，系統(tǒng)會將數(shù)據(jù)表單提交到admin/addle.jsp頁，該頁用來實現(xiàn)江留言內(nèi)容存入到數(shù)據(jù)庫中。

留言板模塊的流程圖如圖5.11所示。

圖 5.11 留言板模塊流程圖

5.4 后臺功能模塊的實現(xiàn)

后臺功能只允許具有管理員權(quán)限的用戶使用，它是實現(xiàn)前臺功能的基礎。后臺包括管理員身份驗證、添加商品模塊、訂單信息管理模塊、查詢用戶信息管理模塊、添加鏈接模塊、公告信息管理模塊。后臺首頁主要有以下幾個部分。

（1）后臺導航區(qū)：放置管理員可操作項目的鏈接；

（2）操作區(qū)：顯示所有后臺導航的鏈接信息。

5.4.1 管理員登錄模塊

在前臺首頁單擊管理員入口，將轉(zhuǎn)到管理員登錄頁面，該頁面的功能是對管理員身份進行驗證。在管理登錄頁面中，是通過JavaScript來實現(xiàn)錄入數(shù)據(jù)完整性驗證的。用戶輸入登錄ID和密碼后單擊“登錄”按鈕時，如果錄入數(shù)據(jù)完整性驗證通過，系統(tǒng)會將數(shù)據(jù)提交到Acheck.jsp登錄頁面，該頁面用來判斷輸入信息在數(shù)據(jù)庫中tb_Admin表是否存在提交的用戶名和密碼，如果登錄ID及密碼有效，就保存用戶名信息，管理員有權(quán)對網(wǎng)站進行維護；反之則提示錯誤。

登錄頁面如圖5.12所示。

圖 5.12 管理員登錄頁面運行結(jié)果

流程圖如圖5.13所示。

圖 5.13 管理員登錄系統(tǒng)流程圖

5.4.2 添加商品模塊

單擊導航區(qū)中的“添加商品”超鏈接，系統(tǒng)將打開添加商品頁面，該頁面主要用于將商品信息添加到數(shù)據(jù)庫中，以提供前臺首頁商品展示所需要的數(shù)據(jù)依據(jù)。用戶單擊“添加”按鈕后添加商品如圖5.14所示。

圖 5.14 添加商品信息頁面運行結(jié)果

為了減少人為錯誤，在提交商品信息時，需要對數(shù)據(jù)的合法性進行驗證，輸入的商品價格不能使字符型，而輸入的圖片只支持Gif格式等，這些任務由腳本語言JavaScript的函數(shù)check()來完成。代碼如下。

function check(){

……

if(form1.image.value==""){

alert("請輸入展示圖片的路徑");

form1.image.focus();

return false;

}

if(isNaN(form1.wareprice.value)){

alert("商品價格輸入不正確");

form1.wareprice.focus();

return false;

}

為了確保商品在數(shù)據(jù)表中的唯一性，在用戶提交表單時，需要先根據(jù)用戶輸入的商品名稱對數(shù)據(jù)表進行查詢，確保此商品在數(shù)據(jù)表中不存在后，方可執(zhí)行插入操作。這一功能由admin/wcheck.jsp來完成。

流程圖如圖5.15所示。

圖 5.15 添加商品信息模塊流程圖

5.4.3 訂單信息管理模塊

用戶在前臺購物所產(chǎn)生的訂單并不能立即執(zhí)行，需要系統(tǒng)管理員在后臺進行訂單信息管理審核以確認它的執(zhí)行性。用戶單擊導航區(qū)中的“訂單信息管理”超鏈接進入用戶訂單處理頁面，該頁面上會顯示近期所有沒被處理的訂單。用戶訂單處理頁面顯示的是用戶基本信息，要想知道訂單中所涉及的商品，需要單擊對應訂單號的超鏈接打開商品訂購詳單頁面才行。

商品訂購詳單主要通過提交的訂單號從tb_Shop表中查詢處對應的商品并顯示在頁面中，管理員審核后可通過復選框來設置訂單是否執(zhí)行。程序中利用admin/shop.jsp來完成這些功能。當選中“是/否”復選框時，系統(tǒng)會根據(jù)提交的訂單號更新數(shù)據(jù)表，如果更新成功，則轉(zhuǎn)到spif.jsp也執(zhí)行。

流程圖如圖5.16所示。

圖 5.16 訂單信息管理模塊流程圖

5.4.4 查詢用戶信息模塊

查詢用戶信息模塊用來完成對注冊用戶的瀏覽及刪除功能。如果用戶蓄意性注冊或者在很長時間內(nèi)沒有訂單產(chǎn)生，管理員就可以將該用戶信息刪除。單擊導航區(qū)中的“查詢用戶信息”超鏈接進入用戶信息頁面，就可以看到用戶信息。在這一部分的設計中，也使用了分頁顯示功能。對于一些失信用戶只需要單擊右側(cè)的“刪除”超鏈接，即可轉(zhuǎn)到admin/deluser.jsp頁中做刪除處理。

流程圖如圖5.17所示。

圖 5.17 查詢用戶信息模塊流程圖

5.4.5 添加鏈接模塊

用戶在后臺首頁導航區(qū)中單擊“添加鏈接”即可進入添加友情鏈接頁面，該頁面用戶在前臺顯示友情鏈接信息。添加鏈接頁面如圖5.18所示。

圖 5.18 添加鏈接頁面運行結(jié)果

用戶單擊“提交”按鈕后，系統(tǒng)將添加鏈接頁面的數(shù)據(jù)表單提交admin/addlink.jsp頁面處理。若添加失敗，則提示故障信息，并返回頁面。

網(wǎng)頁設計與開發(fā)

網(wǎng)頁制作：網(wǎng)頁的排版，根據(jù)美工的設計，把版面效果實現(xiàn)成html網(wǎng)頁。

相當于你定做衣服的時候，服裝設計師設計好了款式，由裁縫來裁剪并縫制成成品。網(wǎng)頁美工相當于服裝設計師，網(wǎng)頁制作人員就是裁縫。網(wǎng)站開發(fā)：顧名思義，網(wǎng)站是由很多網(wǎng)頁組成的，它包含了網(wǎng)頁制作。網(wǎng)站開發(fā)是按需求來設計版面，再來把一個個功能頁面鏈接起來的“超級網(wǎng)頁”。網(wǎng)站主要開發(fā)包含：版面設計(根據(jù)需求設計版面)、網(wǎng)頁制作(把版面實現(xiàn)成html網(wǎng)頁)、功能開發(fā)(比如留言評論、會員管理)這幾塊。

網(wǎng)站建設課程設計報告購物車的介紹就聊到這里吧，感謝你花時間閱讀本站內(nèi)容，更多關于購物車系統(tǒng)課程設計、網(wǎng)站建設課程設計報告購物車的信息別忘了在本站進行查找喔。