摘要
基于Internet的信息服務,商務服務已經成為現代企業一項不可缺少的內容。很多企業都已不滿足于建立一個簡單的僅僅能夠發布信息的靜態網站?,F代企業需要的是一個功能強大的,能提供完善的電子商務服務的動態商務網站。
關鍵字:ASP,ACCESS,Dreamweaver MX,系統模塊
一、引言
?。ㄒ唬┭芯楷F狀
電子商務具有開放性,國際性,實時性,互動性和低本性等特點,是”永不關門”的商場。隨著互聯網的普及和發展,它將是企業和商家的確最終選擇。一個企業要想在段時間內了解世界或讓世界了解自己,最好的方式就是登陸互聯網.互聯網開放性,交互性的特征不僅可以保證企業在互聯網中查詢到自己所要的信息,還容許企業發布自己的信息或進行網絡營銷.因此制定和實施電子商務發展戰略,已成為許多企業優先考慮的目標,唯有這樣才能站在未來企業發展的至高點,才能適應WTO和經濟一體化的發展趨勢,才能進一步提高企業核心競爭力。
近年來,前所未有的電子商務熱在世界各國蔓延開來,越來越多的企業開始建造自己的網站,向消費者展示出一片新鮮的購物大地。在美、日等信息化程度較高的國家和地區,網絡銷售發展速度迅猛,如沃爾瑪凱瑪特,家庭倉儲、等紛紛躋身于網絡經商的行列。我國政府也正全面、積極、穩妥地推進電子商務的發展。國內電子商務主要有B2B電子商務網站經營模式、B2C電子商務網站經營模式、C2C電子商務網站經營模式。在B2C模式中,網上書店和網上商店在增加網上支付功能、完善各項服務后以更大的勢頭發展:網上拍賣、網上商店、網上郵購等面向消費者的電子商務網站大量推出。不少電子商務企業和工商企業開始醞釀企業間電子商務。證券電子商務也有所發展,“網上炒股”對于有些股民已經成為現實?!熬W上購物”,這個逐漸流行于二十世紀的購物方式已經為越來越多的人所接受。不論是腰纏萬貫的大富翁、時尚的白領麗人還是普通的工薪階層,其中大部分人可能都有過網上購物的經歷。這其中有的也許僅僅想擁有這種體驗的感覺,有的可能將此作為一種“知識人士”的標志,有的則可能已將網上購物作為自己日常生活的重要組成部分而取代了傳統上街購物的方式。
網上銷售系統的交易缺乏規范,可靠性差??芍苯釉诰W上下定單,也可郵購,支付方式主要有信用卡支付,人民幣儲蓄網上支付、電匯、郵匯等。配送方式主要是郵寄??偟膩砜?,國內的網上銷售系統隨意性強,買賣雙方的權益得不到有效的保障。網上銷售系統有發展的必要,也有發展的基礎,它的條件也日趨成熟,但前提是必須解決好幾個關鍵問題:一是提供普遍的信用卡網上支付,制定方便的銀行間的結算方式;二是成立統一的,最具權威的CA認證,解決結算安全問題;三是構建高效率的配送系統。只有把這些問題解決好,才能保證網上銷售系統的安全、健康、蓬勃發展。
中國國情有其特殊性,網絡又是一片獨特的天空。怎樣將結合Internet和中國國情,充分發揮電子商務的優越性,實現極富意義的電子商務技術和商務模式的創新,是擺在中國電子商務業界人士面前的一大課題。
?。ǘ┭芯磕康?/strong>
隨著信息技術、Internet/Intranet技術、數據庫技術的不斷發展完善和網絡進程的加快,傳統的購物方式也越來越不能滿足人們快節奏的生活需求,電子商務就是在這樣一個背景下產生發展起來的。伴隨著電子商務技術的不斷成熟,電子商務的功能也越來越強大,注冊用戶可以在網上搜索購買到自己想要的各種商品,初步讓人們體會到了足不出戶,便可隨意購物的快感。人們日常生活中越來越多地使用這項新的技術來為自己的工作和學習服務。由于WEB頁面能把文本、圖像、聲音、動畫、視像等多種媒體信息集于一體,不但使信息的顯示更加生動,而且使信息的瀏覽更為方便,同時WEB頁能實現網上交易平臺、客戶信息反饋方便了企業與客戶之間信息交流,因此許多企業紛紛建設具有自己獨特風格的網站以增強企業知名度。網站是企業向用戶和網民提供信息(包括產品和服務)的一種方式,是企業開展電子商務的基礎設施和信息平臺。企業的網址被稱為“網絡商標”,也是企業無形資產的組成部分,而網站是Internet上宣傳和反映企業形象和文化的重要窗口。開展網上商店的主要目的是:
1、樹立良好的企業形象,提高企業知名度。作為第四媒體的互聯網,其特點就是可以跨越時空,正常情況下,網站無時無刻不在工作,通過企業的網站,用戶可以跨越時空了解企業,利用多媒體技術,企業可以向用戶展示產品、技術、經營理念、企業文化、企業形象,樹立現代企業形象,增值企業無形資產。
2、有利于拓展商城營銷渠道,擴大市場,提高營銷效率。企業通過網站可以開展電子營銷。首先,電子營銷作為傳統的營銷補充;其次,電子營銷可以拓展新的空間,增加銷售渠道,接觸更多的新客戶,擴大市場;再次,電子營銷可以減少環節、減少人員、節約費用、降低成本,有利于提高營效率。
3、有利于了解顧客的意見,掌握顧客的需求在不干擾顧客正常生活和工作的條件下,企業通過網站上的用戶評論可以傾聽顧客的意見,了解顧客的心聲,加強企業與顧客間的聯系建立良好的顧客關系。
4、有利于改善服務,提高企業服務質量,利用網站,通過電子溝通方式,企業開展的在線服務是傳統的溝通方式(如:郵件、電話、傳真等)所無法比擬的,在線服務能夠更加及時準確地掌握用戶的需求,通過網站的交互服務使得被動提供和主動獲得統一起來,從而實現售前、售中、售后的全過程和全方位的服務。
(三)研究思路和內容
基于Internet的信息服務,商務服務已經成為現代企業一項不可缺少的內容。很多企業都已不滿足于建立一個簡單的僅僅能夠發布信息的靜態網站?,F代企業需要的是一個功能強大的,能提供完善的電子商務服務的動態商務網站。
ASP(Active Server Pages)是Microsoft提出的一種網絡服務器端編程環境。ASP已經成為開發動態網站的重要而快速、有效的工具。ASP強大的功能使之成為一種優秀的服務器技術。隨著網絡技術的日益成熟,ASP技術在網絡編程中也變得越來越重要。在我的畢業設計中,應用了網頁設計工具Dreamweaver,使用ASP作為開發工具,并采用Microsoft Access數據庫構建了一個能實現簡單的電子商務的小型動態商務網站——購物網。該系統能實現游客瀏覽網站,用戶注冊、登錄、瀏覽網站,對自己的注冊資料進行修改,使用搜索引擎按特定的條件對所需商品進行搜索,下訂單購買商品,處理訂單,對商品發表評論、評級,查看訂單處理步驟,隨時修改自己的密碼和其它個人信息。還能夠實現管理員登陸,管理員權限:商品管理(添加/刪除商品、商品類別管理、商品信息處理)、管理用戶資料、管理定單、處理定單、管理評論,管理員在線編輯,管理工作輕松隨意。用戶購物積分功能,以次激勵用戶購物。該系統基本上具備一個網上商品銷售系統應該具備的功能,該設計項目基本上體現了構建一個動態商務網站所需要的技術,可以說,目前的大型商務網站也就是我這個小型網站在內容上的擴充和重復。
購物網屬于典型的B-C形式的電子商務交易,其主要特征是交易能夠一次完成,不需要太多的后續工作。這些虛擬的店面通過圖片和文字來描述其所提供的商品,進行促銷活動。商店銷售的絕大多數是有形商品或服務類商品,提供可直接下單的“購物車”系統和在線支付系統,所銷售的商品大都便于運送。當顧客實現了在線購買后,商店將以郵寄或專門運送的方式將商品送達顧客手中。
二、系統開發的關鍵技術研究
?。ㄒ唬〢SP簡介
ASP(Active Server Pages)實質是一種服務器端腳本環境。ASP腳本呈現將在服務器端運行??蛻舳酥灰褂每蓤绦蠬TML代碼的瀏覽器,即可瀏覽通過ASP設計出來的頁面內容。當程序執行完后,服務器僅將執行的結果返回給客戶端瀏覽器,這樣也就減輕了客戶端瀏覽器的負擔,大大提高了交互的速度。
ASP并不是一種純粹的編程語言,它使用的語言是:VBscript和Javascript語言。在一個ASP應用程序中可以用其中的一種腳本語言,也可以結合這兩種腳本語言使用。
1、ASP的優點:
(1)開放性
在IIS上,并不需要開發者使用一個專有的腳本語言來生成網絡應用程序,實際上Active Server Pages包括了對VBscript和Javascript/Jscript的本機支持。通過第三方組合組件,它還可以使用其他語言(如Perl、REXX和Tcl)。多個腳本語言甚至可以在相同的ASP文件中交替使用并相互調用。而ActiveXServer組件實際上可以用任何語言編寫,這些語言包括Java、VisualBasic、C++、COBOL等等。
(2)易操作性
ASP使HTML設計人員可以在服務器上方便地“激活”他們的Web頁,可以立刻對定制化網頁和簡單的應用程序進行開發。以往需要用Perl或C編寫的復雜的CGI程序來完成的功能(如數據庫連接),現在若使用ASP則只要幾行簡單的代碼就能實現。
(3)程序與外觀分離
通過使用腳本和組件,Active Server Pages允許用戶將編程工作與一個網頁的設計和其他工作分離開來。這就可以確保開發者能夠將主要的精力用來考慮編寫程序的邏輯,而不必擔心外觀是怎樣的。同時,它也使那些從事外觀設計的人員可以利用一些工具來對網頁進行修改,而不用過于關心編程問題。
(4)非手工編譯
ASP的即時編譯系統在被請求時自動對ASP源文件重新編譯,并將其載入服務器的高速緩存中。因此,開發者對ASP文件的修改可在瀏覽器中立即得到反映,只需要簡單地保存該文件并在瀏覽器中刷新即可。
(5)瀏覽器獨立性
ASP提供了一種瀏覽器中樞方案來完成應用程序的設計工作。因為用于生成動態內容的腳本可以在服務器上執行,所以開發者不必擔心客戶用什么瀏覽器來瀏覽網點。
2、簡介ASP的6大對象
ASP的編輯環境要求很底,任何一種文本編輯器都可以編寫ASP應用程序。ASP強大功能的實現離不開它的6個內部對象,其6大對象如下:
(1)Application對象
Application對象是在為響應一個ASP頁的首次請求而載入DLL時創建的,它提供了存儲空間用來存放變量和對象的引用,可用于所有的頁面。任何訪問者都可以打開它們。
(2)Request對象
Request對象為腳本提供客戶端在請求一個頁面或傳送一個窗體時提供的所有信息。這包括能夠標識瀏覽器和用戶的HTTP變量,存儲他們的瀏覽器對用于這個域的cookie,以及附在URL后面的值(查詢字符串或頁面中段中的HTML控件內的值)。它也給我們提供了通過Secure Socket Layer(SSL)或其他的加密通信協議訪問證書的能力,并提供有助于管理連接的屬性。
(3)Response對象
Response對象用來訪問所創建的并返回客戶端的響應。它為腳本提供了標識服務器和性能的HTTP變量,發送給瀏覽器的信息內容和任何將在Cookie中存儲的信息。它也提供了一系列用于創建輸出頁的方法,如無所不在的Response.Write方法。
(4)Server對象
Server對象提供了一系列的方法和屬性,在使用ASP編寫腳本時是非常有用的。最常用的是Server.CreateObject方法,它允許我們在當前頁的環境或會話中在服務器上實例化其他COM對象。還有一些方法能夠把字符串翻譯成在URL和HTML中使用的正確格式,它通過把非法字符轉換成為正確、合法的等價字符來實現。
(5)Session對象
Session對象是在每一位訪問者從Web站點或Web應用程序中首次請求一個ASP頁時創建的,它將保留到默認的期限結束(或者由腳本決定終止的期限)。它與Application對象一樣提供一個空間用來存放變量和對象的引用,但只能供目前的訪問者在會話的生命期中打開的頁面使用。
(6)ObjectContext對象
ObjectContext對象可以用來控制ASP的執行。這種執行過程Microsoft Transaction Server(MTS)來進行管理。
可以把這些對象看作是基于ObjectContext對象的一個層次關系的成員,這有助于理解它們與接受和響應客戶請求的過程之間的關系,如圖2-1所示。圖中表現了ASP和創建及服務于ASP頁的過程之間的關系。
圖2-1 B/S圖
3、ASP的使用環境
ASP的使用環境就是IIS,ASP網頁技術是一種需要服務器端支持的技術。它的執行過程是:
(1)瀏覽器端提出HTTP的請求送到服務器端,Web服務器先檢查網頁文件的類型,如果是.asp擴展名的文件,就提出ASP文件請求,Web確定讀取并處理請求文件。
(2)Web檢查所要求的文件有沒有被請求或有沒有更新,以決定是否重新分析。IIS的工作是這樣分工的:腳本代碼是由默認的腳本編程引擎如VBScript完成,然后經引擎翻譯轉換成服務器能執行的命令,而IIS則進一步為送入的Active對象處理輸入和輸出,出錯信息的輸出也是有IIS產生的。
4、配置Microsoft IIS
a、IIS是如何工作的
IIS是允許在公共Intranet或Internet上發布信息的Web服務器。IIS(Internet Information Server)ASP的的開發依賴于IIS,IIS可在多種平臺上運行:WindowsXP,Windows2000全系列包括Professional、server、Advanced Server三個版本,WindowsNT Server和Windows98上的Personal Web Server(PWS)等平臺上都可以。Web是基礎的請求和響應系統。Web瀏覽器通過將URL發送給Web服務器請求信息。Web服務器通過返回超文本標記語言(HTML)頁面響應。
安裝IIS
我安裝的是WindowsXP Professional版本的,所以以WindowsXP Professional版來介紹IIS的安裝方法。
在控制面版中選擇“添加/刪除程序”
點擊“添加/刪除Windows組件”
確認只選中第一項Internet信息服務(IIS),然后點擊下一步即可自行進行安裝。
系統配置安裝完成后,就會彈出一個安裝“完成”的對話框來提示安裝完成,只要點擊“完成”即可。這樣IIS安裝完畢。
5、ASP的腳本語言
在這里我們會了解到HTML語言、VBscript和Jscript的腳本語言。
HTML語言
HTML文件由瀏覽器解釋,通過網絡傳輸協議,可以從一臺機器傳輸到另一臺機器上。
VBscript語言
VBScript既可以作為客戶端編程語言,也可以作為服務器端編程語言??蛻舳司幊陶Z言是可以由瀏覽器解釋執行的語言。
c、JScript語言
JScript可以作為服務器端編程語言,也可以作為客戶端編程語言。
由于JScript不是ASP的默認腳本語言,所以要使用時必須事先聲明,如:
<Script language=”JavaScript”>
</Script>
語句<Script>…</Script>在這里聲明使用JScript。
(二)動態網頁開發工具Dreamweaver MX簡介
Macromedia Dreamweaver MX是建立Web站點和應用程序的專業工具。它將可視布局工具、應用程序開發功能和代碼編輯支持組合為一個功能強大的工具,使每個級別的開發人員和設計人員都可利用它快速創建界面吸引人并且基于標準的站點和應用程序。它從基于CSS的設計提供領先的支持到手動編碼功能,Dreamweaver在一個集成和高效的環境中為專業人員提供了所需的工具。開發人員可以將其選擇的服務器技術與Dreamweaver配合使用,建立將用戶連接到數據庫、Web服務和舊式系統的強大Internet應用程序。
Dreamweaver MX是一款專業的HEML編輯器,用于對Web站點、Web頁和Web應用程序進行設計、編碼和開發。無論您喜歡直接編寫HTML代碼的駕馭感還是偏愛在可視化編輯環境中工作,Dreamweaver都會為您提供幫助良多的工具,豐富您的Web創作體驗。
利用Dreamweaver中的可視化編輯功能,您可以快速地創建頁面而無需編寫任何代碼。不過,如果您更喜歡用手工直接編碼,Dreamweaver還包括許多與編碼相關的工具和功能。并且,借助Dreamweaver,您還可以使用服務器語言(例如ASP、ASP.NET、ColdFusion標記語言(CFML)、JSP和PHP)生成支持動態數據庫的Web應用程序。
(三)系統數據庫介紹
數據庫是以數據(數據就是對客觀事物的符號表示,是存儲在計算機中的模擬客觀事物的一系列信息。對于計算機科學而言,數據的含義極為廣泛,凡是可存儲的信息,如文本、圖像、聲音等都可以通過二進制編碼而形成數據)為對象,指指為了滿足某種特定應用的需要,按照一定的數據模型在計算機系統中組織、存儲和使用數據的數據集合。數據庫系統是管理大量的、持久的、可靠的和共享的數據的工具。數據庫有以下特點:
(1)集成性:數據有兩層含義,一個是數據本身,一個是數據之間的關系。集成就是指把數據集中到一起來,按照一定的結構形式進行存儲,并通過一系列的機制約束數據之間的關系,避免數據重復或不合要求。
(2)量大性:數據庫中存放的數據量一般都比較龐大,不能同時在內存中全部調用,而只能通過外部存儲器存儲,通常使用大容量的可移動磁盤或硬盤等設備。
(3)共享性:指多個不同的用戶,為了不同的目的,可以使用不同的語言,通過不同的方式,訪問同一個數據庫,而訪問的范圍、可執行的操作會有所區別。數據庫系統會提供相應的機制,保證這種共享在有序的條件下進行,可以避免因為同步而造成的錯誤。
(4)持久性:一般來說,數據庫中式數據都需要長期保存。
(四)ACCESS簡介
Microsoft Access是一種關系式數據庫,關系式數據庫由一系列表組成,表又由一系列行和列組成,每一行是一個記錄,每一列是一個字段,每個字段有一個字段名,字段名在一個表中不能重復。表與表之間可以建立關系(或稱關聯,連接),以便查詢相關聯的信息。Access數據庫以文件形式保存,文件的擴展名是MDB。
三、購物網的設計
?。ㄒ唬┬枨蠓治?/strong>
1、系統功能分析
本系統是一個中小型的電子商務系統—購物網,可以為各類用戶提供方便的在線購物環境,符合目前國內流行的電子商務莫斯。用戶可以在系統中實現注冊、瀏覽商品、搜索查詢商品、下訂單、處理訂單等功能;管理員可以通過用戶管理、訂單管理、商品管理、評論管理等管理功能來對系統進行維護更新。網站的組成由以下幾個子系統組成:
(1)主頁,顯示歡迎界面,提供近期的商品。
(2)留言板:用戶發表留言,反饋信息等
(3)查詢系統,通過商品類別、商品名稱、出產地址來查詢是否有自己需要的商品。
(4)購物車,處理訂購并顯示想要訂購的商品。
(5)用戶注冊系統,處理新用戶的注冊和老用戶購物時的確認。
(6)管理員系統,通過管理員對系統進行管理和定單處理
基本功能:
?游客可以瀏覽網站
?用戶注冊
?用戶登陸
?用戶能夠瀏覽網站
?提供搜索引擎,使用戶能夠按特定的條件對所需商品進行搜索
?用戶能夠對自己的注冊資料進行修改
?用戶下定單購買商品
?用戶處理定單
?用戶對商品發表評論、評級
?用戶查看定單處理步驟
高級功能:
?管理員登錄
?管理員權限:商品管理(添加/刪除商品、商品類別管理、商品信息處理)、管理用戶資料、管理定單、處理定單、管理評論;
?用戶可隨時修改自己的密碼和其他個人信息;
?管理員在線編輯,管理工作輕松隨意;
?用戶購物積分功能,以次激勵用戶購買;
2、系統設計分析
首先,我們需要描述的是系統的總的體系結構在系統的概要設計中我采用結構化設計。我首先將整個系統化分為幾個小問題,小模塊。在系統中,我把系統分為2大塊,用戶的前臺使用和管理員的后臺管理。在設計階段中,我從用戶的角度看待數據及處理要求和約束,產生一個反映用戶觀點的概念模式。然后再把概念模式轉換成邏輯模式。將概念設計從設計過程中獨立開來,使各階段的任務相對單一化,設計復雜程度大大降低,不受特定DBMS的限制。本系統的開發是基于現在電子商務應用最廣的B/S(Browser/Server)既瀏覽器/服務器結構,起原理圖示如圖3-1所示
圖3-1系統原理
應用系統體系設計主要考慮的業務技術因素包括:
?業務處理方式
?數據處理量,存儲量
?應用功能設計
?服務器設計
?存儲設計
?安全設計
(二)數據庫設計
1、數據庫表的介紹
本系統數據庫的功能主要是存儲網站中所有數據,以便進行操作。
本系統的數據庫文件名為db.mdb,保存在系統文件的db子目錄中。主要由Admin、Category、Delivery、Orders、Product、Sorts、Review、User八個表組成。下面將逐一介紹這八個表的意義和功能:
●Admin
該表比較簡單,主要用來存儲論壇管理員的帳號和密碼,該表的結構如表3-1所示:
表3-1數據表“admin”的結構
該表存儲了商品的大類別信息,該表結構如表3-2所示:
表3-2數據表“category”的結構
該表存儲了郵寄/付款信息,該表結構如表3-3所示:
表3-3數據表“delivery”的結構
該表存儲了客戶定單的資料,該表結構如表3-4所示:
表3-4數據表“order”的結構
該表存儲了商品的小類別信息,該表結構如表3-5所示:
表3-5數據表“sorts”的結構
該表存儲了商品的詳細信息,該表結構如表3-6所示:
表3-6數據表“product”的結構
該表存儲了用戶的個人詳細信息,該表結構如表3-7所示:
表3-7數據表“user”的結構
2、建立數據庫連接
(1)本系統使用了Microsoft的IIS5.0作為系統服務器。
(2)后臺數據庫的配置
本系統采用Access文件的相對路徑來實現讀取數據庫功能,代碼如下:
<%
‘打開數據庫連接
dim conn,connstr,db,rs
db=”db/db.mdb”
Set conn=Server.CreateObject(“ADODB.Connection”)
connstr=”Provider=Microsoft.Jet.OLEDB.4.0;Data Source=”&Server.MapPath(“”&db&””)
conn.Open connstr
%>
3、詳細設計
(1)系統模塊介紹
以表3-9對用戶模塊的文件進行簡要說明:
表3-9(系統模塊)
(2)系統模塊的程序流圖
本系統模塊的設計,其主要功能的程序流圖,如圖3-2所示:
圖3-2系統模塊的程序流圖
?。?)系統模塊需求分析
網上商店的需求,由用戶、管理人員兩方面。電子商務網站可簡單的劃分為2個部分,如圖3-3所示:
圖3-3系統模塊分析圖
管理人員的管理功能:
商店管理人員功能的信息量大,數據安全性和保密性要求最高。本功能實現對商店信息、購買者信息管理和統計查看及維護。商店管理員可以瀏覽、查詢、添加、刪除、修改、統計商品的基本信息。如圖3-4所示:
圖3-4管理人員的管理模塊
用戶的管理功能
用戶者的需求是查詢商店所存的商品、個人購買情況及個人信息的修改。
用戶可以在系統中實現注冊、瀏覽商品、搜索查詢商品、下定單、處理定單等功能。用戶的管理功能劃分如圖3-5所示:
圖3-5用戶管理
四、購物網的實現和效果分析
?。ㄒ唬┫到y平臺搭建
操作系統:Windows 9X、Windows NT Workstation/Server 4.0以上、Windows 2000 Server/Professional、Windows XP Professional。
CPU:沒有很高的要求,只要能夠順利運行Windows系列操作系統就可以了。
當然,CPU的處理速度越快,運行ASP代碼的效率越高。
內存:最低配置32MB,建議使用64MB以上內存,如果使用Windows2000或WindowsXP建議使用128MB以上內存。
硬盤空間:至少需要50MB以上的硬盤空間來安裝所需的組件。
運行ASP的服務端要求,如表4-1所示
表4-1運行ASP的服務端要求
?。ǘ┫到y功能實現和界面效果分析
1、用戶模塊的主要功能:
(1)用戶注冊
用戶要想在本網站購買商品就必須要去注冊成為本網站的會員,只需點擊“注冊”就可了解到成為會員的必要條約及其必須承擔的責任,作為一個電子商務網站,最基本的功能肯定就是注冊了。因為只有注冊用戶才能在網站內訂購自己想要購買的商品。
(2)用戶登錄
用戶一旦成為本網站的會員后,即可在登錄頁面中登錄,用戶只要輸入自己用戶名和密碼即可實現登錄。這里有ASP函數對用戶名和密碼進行判斷,以此來保證用戶的合法性。為了能方便地使用網站的各項功能,用戶登錄也是必不可少的。當用戶登錄以后,便可進行查閱/更改自己的個人資料、修改/處理個人訂單等操作。
(3)用戶注銷
若用戶登錄后要離開網站,可注銷個人帳號,以防他人修改或使用本人帳號。
(4)購物車
當用戶選好自己想要的商品后把商品放入購物車,購物車將自動產生相應的定單。當然,用戶也可以從購物車里刪除掉選好的商品,而相應定單的也會刪除。
(5)用戶查詢商品
查詢商品可以說是一個網站非常重要的一個功能,通過這一功能,用戶可以按照某些特定的條件搜索自己想要購買的商品,這無論為普通用戶還是管理員都提供了極大的方便。
(6用戶資料修改
用戶可以在登陸后使用用戶個人資料修改功能對自己的一切信息進行修改,密碼修改也包括在其中。也可以對用戶郵寄/付款資料、收貨資料等信息進行修改補充。
2、界面效果分析
(1)系統模塊的主頁面
在主頁面中我們可以閱覽到網站的部分新到商品和部分推薦商品,可以在商品搜索中通過快速搜索或者高級搜索功能搜索本網站擁有的商品,也可以看到本網站最新的商品銷售排行榜等信息,主頁面如圖4-1所示:
圖4-1主頁面
三個模塊的圖示如圖4-2、圖4-3、圖4-4:
圖4
<script language=”JavaScript”>
today=new Date();
var hours=today.getHours();
var minutes=today.getMinutes();
var seconds=today.getSeconds();
var timeValue=”<FONT COLOR=black>”+((hours>12)?hours-12:hours);timeValue+=((minutes<10)?”<BLINK><FONT COLOR=black>:</FONT></BLINK>0″:”<BLINK><FONT COLOR=black>:</FONT></BLINK>”)+minutes+”</FONT></FONT>”;
timeValue+=(hours>=12)?”PM”:”AM”;
function initArray(){
this.length=initArray.arguments.length
for(var i=0;i<this.length;i++)
this[i+1]=initArray.arguments<i>}
var d=new initArray(“<font color=RED>星期日”,”<font color=black>星期一”,”<font color=black>星期二”,”<font color=black>星期三”,”<font color=black>星期四”,”<font color=black>星期五”,”<font color=red>星期六”);document.write(“<font color=black>”,today.getYear(),”<font color=black>年”,”<font color=black>”,today.getMonth()+1,”<font color=black>月”,”<font color=black>”,today.getDate(),”<font color=black>日</FONT>”,d[today.getDay()+1],””,timeValue);//–>
</script>
在主頁中,我們可以看到網站部分商品,商品表中的“商品名”、“品牌”、“定價”、“優惠價”、“VIP價”、“商品描述”等詳細信息都是和數據表“product”中的相關內容相連接的。在所有的頁面中只要涉及商品的相關信息,都是調用數據庫的Product表中的儲存信息。
在主頁中,只要點擊導航條中的“新到商品”、“暢銷商品”、“推薦商品”
就可瀏覽到本網站所有的商品,并可點擊相應的商品圖片即可查看到該商品的
詳細資料。如果用戶想直接找到需要的商品資料,就可以點擊“搜索商品”去到search.asp頁面,填寫相關的商品信息后點擊“開始搜索”按鈕查找商品。
如圖4-6所示:
圖4-6搜索商品界面
此搜索功能由一個腳本函數實現,部分代碼如下:
<script language=javascript>
var whitespace=”tnr”;
function IsWhitespace(s)
{var i;
if(IsEmpty(s))return true;
for(i=0;i<s.length;i++)
{var c=s.charAt(i);
if(whitespace.indexOf(c)==-1)return false;
}
function search()
{
var name=document.forms[‘frmdata’].elements[‘name’].value;
var auth=document.forms[‘frmdata’].elements[‘author’].value;
var manufact=
document.forms[‘frmdata’].elements[‘manufacturer’].value;
var smallprice=document.forms[‘frmdata’].elements[‘smallprice’].
用戶還可以點擊“商品分類”按鈕查看本網站的所有商品的分類情況,通過分類這里也可以查找到想要的商品資料,如圖4-7所示:
圖4-7商品分類界面
?。?)新用戶注冊
用戶要想在本網站購買商品就必須要去注冊成為本網站的會員,只需點擊“注冊”就可了解到成為會員的必要條約及其必須承擔的責任,其內容如圖4-8所示:
圖4-8新用戶注冊界面
如果你同意就可點擊“我同意”繼續注冊,并來到添寫用戶信息頁面,如圖4-9所示:
圖4-9用戶注冊信息界面
用戶在填寫完信息后即可提交信息,如果發現填寫的信息有誤可以馬上點擊“清除”重添,用戶最好記住自己所添寫的信息,特別是“密碼提示”和“密碼答案”,因為這可以為你找回密碼。在提交的過程中將會有一個腳本語言函數對用戶提交的信息的要求及信息格式的正確性進行判斷,其函數代碼如下:
<!–
function check()
{if(checkspace(document.userinfo.username.value)){
document.userinfo.username.focus();
alert(“用戶名不能為空,請重新輸入!”);
return false;}
if(checkspace(document.userinfo.username.value)||document.userinfo.username.value.length<2){
document.userinfo.username.focus();
alert(“用戶名長度不能小于2,請重新輸入!”);
return false;}
if(checkspace(document.userinfo.identify.value)||document.userinfo.identify.value.length<15){
document.userinfo.identify.focus();
alert(“身份證號碼長度不能小于15位,請重新輸入!”);
return false;}
if(checkspace(document.userinfo.password.value)||document.userinfo.password.value.length<6){
document.userinfo.password.focus();
alert(“密碼長度不能小于6,請重新輸入!”);
return false;}
if(document.userinfo.password.value!=document.userinfo.password1.value){
document.userinfo.password.focus();
document.userinfo.password.value=”;
document.userinfo.password1.value=”;
alert(“兩次輸入的密碼不同,請重新輸入!”);
return false;}
if(document.userinfo.useremail.value.length!=0)
在判斷提交的信息格式正確后,就由一段ASP代碼判斷用戶是否是已注冊過的,核查用戶名和E-MAIL地址是否已存在,將正確的信息寫入后臺數據庫,并同時提示用戶注冊成功。其ASP代碼如下:
<%
if NOT isempty(request(“RegSubmit”))then
if session(“regtimes”)=1 then
call MsgBox(“對不起,您剛注冊過用戶!”,”Back”,”None”)
response.end
end if
set rs=server.CreateObject(“adodb.recordset”)
rs.open”select username,useremail from[user]where username='”&trim(request(“username”))&”‘or useremail='”&trim(request(“useremail”))&”‘”,conn,1,1
if not rs.eof and not rs.bof then
call MsgBox(“您輸入的用戶名或Email地址已存在,請返回重新輸入!”,”Back”,”None”)
end if
rs.close
rs.open”select*from[user]”,conn,1,3
rs.addnew
rs(“username”)=trim(request(“username”))
rs(“password”)=md5(trim(request(“password”)))
rs(“useremail”)=trim(request(“useremail”))
rs(“quesion”)=trim(request(“quesion”))
rs(“answer”)=md5(trim(request(“answer”)))
rs(“realname”)=trim(request(“realname”))
‘身份證
rs(“identify”)=trim(request(“identify”))
rs(“mobile”)=trim(request(“mobile”))
rs(“userqq”)=trim(request(“userqq”))
rs(“adddate”)=now()
rs(“lastvst”)=now()
rs(“loginnum”)=0
rs(“postcode”)=0
rs(“score”)=0
rs(“paymethord”)=0
rs(“deliverymethord”)=0
rs.update
rs.close
set rs=nothing
response.Cookies(cookieName)(“username”)=trim(request(“username”))
response.Cookies(cookieName).expires=date+1
session(“regtimes”)=1
session.Timeout=1
call MsgBox(“注冊成功!請到用戶管理中心填詳細資料!”,”GoUrl”,”muser.asp”)
end if%>
在提交的信息成功后便馬上成為本網站的會員,同時你所填寫的信息以寫入到后臺數據庫的User表中,并可進入你自己的帳戶中心,如圖4-10所示:
圖4-10帳戶中心
在帳戶中心中,用戶可以對自己的個人信息及交易信息進行管理,如有需要可以對個人資料、收貨資料、密碼進行修改,可以在“購物車”中進行購物處理,也可以在“我的定單”中對已下的定單進行處理,還可以在“積分查詢”、“統計信息”中查看自己的用戶積分及交易資料,最后可以點擊“注銷退出”回到首頁。
“個人資料”和“收貨資料”如圖4-11、4-12所示:
在提交個人資料是有一個腳本函數對其信息格式判斷正確性,函數代碼如下:
<function checkuserinfo()
{if(document.userinfo.useremail.value.length!=0)
{if(document.userinfo.useremail.value.charAt(0)==”.”||
document.userinfo.useremail.value.charAt(0)==” “||
document.userinfo.useremail.value.indexOf(‘ ‘,0)==-1||
document.userinfo.useremail.value.indexOf(‘.’,0)==-1||
document.userinfo.useremail.value.lastIndexOf(” “)==document.userinfo.useremail.value.length-1||document.userinfo.useremail.value.lastIndexOf(“.”)==document.userinfo.useremail.value.length-1)
{alert(“Email地址格式不正確!”);
document.userinfo.useremail.focus();
return false;}}
else
{alert(“Email不能為空!”);
document.userinfo.useremail.focus();
return false;}}
</script>
(3)用戶登錄
用戶一旦成為本網站的會員后,即可在登錄頁面中登錄,用戶只要輸入自己的用戶名和密碼即可實現登錄。這里有ASP函數對用戶名和密碼進行判斷,以此來保證用戶的合法性,ASP代碼如下:
<%
if NOT isempty(request(“LoginSubmit”))then
dim username,password
username=replace(trim(request(“username”)),”‘”,””)
password=md5(replace(trim(request(“password”)),”‘”,””))
if username=””or password=””then
call MsgBox(“對不起,登錄失敗,請檢查您的登錄名和密碼”,”None”,”None”)
end if
set rs=server.CreateObject(“adodb.recordset”)
rs.Open”select*from[user]where username='”&username&”‘and password='”&password&”‘”,conn,1,3
if not(rs.bof and rs.eof)then
if password=rs(“password”)then
response.Cookies(cookieName)(“username”)=trim(request(“username”))
response.Cookies(cookieName)(“vip”)=rs(“vip”)
rs(“lastvst”)=now()
rs(“loginnum”)=rs(“loginnum”)+1
rs.Update
rs.Close
set rs=nothing
response.redirect”muser.asp”
else
call MsgBox(“對不起,您的用戶名或密碼有誤!”,”Back”,”None”)
end if
else
call MsgBox(“對不起,您的用戶名或密碼有誤!”,”Back”,”None”)
end if
end if
%>
用戶登陸后來到帳戶中心,此時用戶就具備在本網站購物的權限,用戶可以回到首頁發現“我購買的商品”狀態欄中的信息狀態的改變,如圖4-13、4-14所示:
當您選中了想要購買的商品后,只須點擊該商品下的購物車圖標即可把商品添加到您的購物車中,并把該商品顯示于“我購買的商品”信息欄中,如圖4-15所示:
如果注冊用戶忘記了自己的密碼怎么辦?
用戶可以點擊首頁中的“忘記密碼”幫你找回密碼,用戶必須先提交“用戶名”,然后再提交用戶注冊時設置的“密碼提問答案”,這樣用戶就可以再設置一個新的密碼,以后就是這個新的密碼了。具體過程如圖4-16至4-17所示:
致謝
本網站制作過程中參考了大量的網站及書籍,在朋友、同學、老師的幫助下總算完成了設計。在這里特別感謝我的指導教師,還有我們小組的全體同學,在我做論文的過程中給了我極大的幫助,并提出了寶貴的意見和建議。
參考文獻
[1]明日科技,王國輝,王易.JSP數據庫系統開發案例精選.人民郵電出版社,2010.
[2]孫衛琴,李洪成.Tomcat與Java Web開發技術詳解.電子工業出版社,2010.
[3]戴志誠,趙國峰.JSP信息話系統建設案利.北京:人民郵電出版社,2009.
[4]蔣先剛,陳海雷,涂曉斌.電子商務網站開發平臺的研究[J].華東交通大學學報,2009.
[5]顧偉軍.電子商務走向理智務實[J].數字化工,2011.
[6]劉媛春,羅云翔.基于JSP的動態網頁技術[J].成都信息工程學院學報,2009,20.
[7]陳士川.SQL Server數據庫應用系統性能優化技術.電腦知識與技術,2009.
[8]丁志山.JSP數據庫連接池的必要性及實現[J].信息技術,2009.
[9]郭曉艷,劉曉霞,朱潔娜.基于JSP的電子商務網站的構建技術[J].微軟發展,2005,15.
[10]劉向民,柯曉雯.網上商城系統——一種B2C電子商務模式[J].廣東通信技術,2011.
[11]丁振國,陳靜,李凡.基于JSP建立電子商務網站的核心技術.計算機應用研究,2012.
[12]吳勇,張若愚.數據庫在網站后臺開發中的應用[J].蘇州城建環保學院學報,2011.
[13]高麗君,劉宏.電子商務對傳統商業的挑戰及對策[J].商業研究,2009.
[14]劉劍.JSP網站開發與設計[J].電腦知識與技術,2005.
[15]李明柱,李志江,鄧所云.安全網上商城整體解決方案[J].計算機安全,2011.
1、如文檔侵犯商業秘密、侵犯著作權、侵犯人身權等,請點擊“文章版權申述”(推薦),也可以打舉報電話:18735597641(電話支持時間:9:00-18:30)。
2、網站文檔一經付費(服務費),不意味著購買了該文檔的版權,僅供個人/單位學習、研究之用,不得用于商業用途,未經授權,嚴禁復制、發行、匯編、翻譯或者網絡傳播等,侵權必究。
3、本站所有內容均由合作方或網友投稿,本站不對文檔的完整性、權威性及其觀點立場正確性做任何保證或承諾!文檔內容僅供研究參考,付費前請自行鑒別。如您付費,意味著您自己接受本站規則且自行承擔風險,本站不退款、不進行額外附加服務。
原創文章,作者:1158,如若轉載,請注明出處:http://www.tj-jlwy.com/chachong/174463.html,