【正文】 ，密碼，郵箱XXXX：基于 WEB 電子商城設(shè)計(jì)與實(shí)現(xiàn)30 程序流程圖新用戶注冊(cè)頁(yè)面填寫注冊(cè)基本信息驗(yàn)證用戶填寫的信息是否正確否提示交用戶注冊(cè)的信息查詢用戶填寫的登錄是否在已存在提示登錄名已存在插入數(shù)據(jù)庫(kù)數(shù)據(jù)是否執(zhí)行成功提示注冊(cè)成功提示注冊(cè)失敗 , 請(qǐng)稍后重試是否是是 否用戶登錄頁(yè)面輸入用戶名 , 密碼和驗(yàn)證碼并提交數(shù)據(jù)驗(yàn)證碼是否填寫正確查詢用戶名和密碼在數(shù)據(jù)庫(kù)中是否存在提示此用用戶名已登錄提示登錄成功驗(yàn)證此用戶名是否已登錄是是否是提交用戶名或密碼不正確提示驗(yàn)證碼輸入錯(cuò)誤否否圖 51 用戶的注冊(cè)及登錄流程圖 User registration and login flow chartXXXXXXXXX 大學(xué)畢業(yè)設(shè)計(jì)（論文）31 系統(tǒng)用戶管理模塊 模塊定義(1) 模塊編號(hào)：admin_G(2) 模塊名稱：系統(tǒng)用戶管理模塊(3) 功能描述：管理員登陸后臺(tái)后，可以進(jìn)行查詢會(huì)員信息，修改密碼，訂單查詢，賬務(wù)查詢，公告管理，會(huì)員管理等操作。 輸入項(xiàng)目(1) 管理員賬戶，密碼(2) 管理員密碼(3) 新聞公告題目，內(nèi)容(4) 商品具體信息(5) 商品分類信息 輸出項(xiàng)目(1) 管理員原密碼(2) 新聞公告題目，內(nèi)容(3) 商品具體信息(4) 商品分類信息 程序流程圖XXXX：基于 WEB 電子商城設(shè)計(jì)與實(shí)現(xiàn)32登錄頁(yè)面輸入用戶名 , 密碼 ,驗(yàn)證碼判斷用戶名和驗(yàn)證碼是否為空驗(yàn)證碼是否正確判斷用戶名是否存在判斷密碼是否輸入正確判斷密碼錯(cuò)誤次數(shù)是否超過 3次判斷用戶名是否已在線提示用戶名已在線 ,不能重復(fù)登錄登錄成功 , 轉(zhuǎn)入后以系統(tǒng)管理首頁(yè)結(jié)束提示密碼錯(cuò)誤提示密碼錯(cuò)誤已 3 次 , 將退出系統(tǒng)提示用戶不存在提示驗(yàn)證碼錯(cuò)誤提示用戶名或驗(yàn)證碼為空否是是否是否是是否否否是圖 52 系統(tǒng)用戶登錄流程圖 The system user logins the flow chartXXXXXXXXX 大學(xué)畢業(yè)設(shè)計(jì)（論文）33 購(gòu)物車管理模塊 模塊定義(1) 模塊編號(hào)：cart_G(2) 模塊名稱：購(gòu)物車管理模塊(3) 功能描述：購(gòu)物車是系統(tǒng)中關(guān)鍵的一個(gè)功能模塊，幫助用戶完成商品的選購(gòu)，并把商品交給后臺(tái)結(jié)算，最后向顧客顯示最終的總價(jià)格和各項(xiàng)的價(jià)格。它包括的功能有：將商品放入購(gòu)物車，清空購(gòu)物車中的商品，當(dāng)用戶決定購(gòu)買商城時(shí)可以點(diǎn)擊下訂單鏈接來下訂單結(jié)束購(gòu)買動(dòng)作。 輸入項(xiàng)目(1) 商城數(shù)量(2) 訂單詳細(xì)信息，包括聯(lián)系地址地址，聯(lián)系電話，真實(shí)姓名，備注 輸出項(xiàng)目訂單總價(jià) 程序流程圖XXXX：基于 WEB 電子商城設(shè)計(jì)與實(shí)現(xiàn)34用戶購(gòu)買商品商品添加到購(gòu)物車并跳轉(zhuǎn)到購(gòu)物車頁(yè)面是否進(jìn)入結(jié)算中心是否繼續(xù)購(gòu)物是否清空購(gòu)物四是否更新商品數(shù)量是否刪除某商品進(jìn)入結(jié)算中心跳轉(zhuǎn)到首頁(yè)將購(gòu)物車中的商品全商清空更新商品數(shù)量刪除購(gòu)物車中的某商品結(jié)束否否否否是是是是是圖 53 購(gòu)物車管理流程圖 Shopping cart flow chartXXXXXXXXX 大學(xué)畢業(yè)設(shè)計(jì)（論文）35 訂單管理模塊 模塊定義(1) 模塊編號(hào)：order_G(2) 模塊名稱：訂單管理模塊(3) 功能描述：此模塊管理員可以查詢所有訂單，并且對(duì)訂單進(jìn)行刪除，出貨等操作。 輸入項(xiàng)目(1)審核內(nèi)容 輸出項(xiàng)目(1)訂單信息，審核內(nèi)容 程序流程圖下圖是訂單管理模塊的流程圖：XXXX：基于 WEB 電子商城設(shè)計(jì)與實(shí)現(xiàn)36進(jìn)入結(jié)算中心判斷購(gòu)物車是否有數(shù)據(jù)判斷用戶是否已登錄填寫訂單的基本信息 , 及必填項(xiàng)控制重新審核訂單信息是否修改購(gòu)物車中的商品是否訂單的基本信息執(zhí)行訂單數(shù)據(jù)到數(shù)據(jù)庫(kù)數(shù)據(jù)庫(kù)是否執(zhí)行成功提示下訂單失敗 提示下訂單成功確認(rèn)訂單信息是是結(jié)束是否否修改購(gòu)物車商品修改訂單基本信息是是否否是提示購(gòu)物車為空 , 請(qǐng)先購(gòu)物提示用戶未登錄 , 請(qǐng)先登錄 , 轉(zhuǎn)到登錄頁(yè)面否否圖 54 下訂單流程圖 Placing flow chartXXXXXXXXX 大學(xué)畢業(yè)設(shè)計(jì)（論文）376 編碼編碼是用選定的語(yǔ)言把詳細(xì)設(shè)計(jì)的結(jié)構(gòu)翻譯成計(jì)算機(jī)能識(shí)別的程序的過程。編碼的目的是實(shí)現(xiàn)人和計(jì)算機(jī)的通信，指揮計(jì)算機(jī)按人的意志正確工作。 概述開發(fā)工具及編程腳本 JavaJava 是 Sun 公司推出的新的一代面向?qū)ο蟪绦蛟O(shè)計(jì)語(yǔ)言，特別適合于 Inter 應(yīng)用程序開發(fā)。Java 的產(chǎn)生與流行是當(dāng)今 inter 發(fā)展的客觀要求，java 是一門各方面性能都很好的編程語(yǔ)言，它的基本特點(diǎn)是簡(jiǎn)單、面向?qū)ο?、分布式、解釋的、健壯的、安全的、結(jié)構(gòu)中立的、可移植的、性能很優(yōu)異的、多線程的、動(dòng)態(tài)的，特別適合在 inter 環(huán)境上開發(fā)應(yīng)用系統(tǒng) [10]。 JSPJSP 的全稱是 Java Server Pages，它是 SUN 推出的一種動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)標(biāo)準(zhǔn)。它在傳統(tǒng)的靜態(tài)頁(yè)面文件（*.html,*.htm）中加入 JAVA 程序片段和 JSP 標(biāo)記，就構(gòu)成了 JSP 頁(yè)面。JSP 具有以下的優(yōu)點(diǎn)：（1）將業(yè)務(wù)層與表示層分離：使用 JSP 技術(shù)，網(wǎng)絡(luò)開發(fā)人員可認(rèn)使用 HTML 來設(shè)計(jì)頁(yè)面顯示部分（如字體顏色等） ，使用 JSP 指令或者 JAVA 程序片段來生成網(wǎng)頁(yè)上的動(dòng)態(tài)內(nèi)容。（2）能夠跨平臺(tái)：JSP 支持絕大部分平臺(tái)，包括現(xiàn)在非常流行的 LINUX 系統(tǒng)，應(yīng)用非常廣泛的 Apache 服務(wù)器也提供了支持 JSP 的服務(wù)。（3）組件的開發(fā)和使用很方便：如 ASP 的組件是由 C++，VB 等語(yǔ)言開發(fā)的，并需要注冊(cè)才能使用；而 JSP 的組件是用 Java 開發(fā)的，可以直接使用。（4）一次編寫，處處運(yùn)行：作為 JAVA 開發(fā)平臺(tái)的一部分，JSP 具有 JAVA 的所有優(yōu)點(diǎn)，包括 Write once , Run everywhere[11]。 javascriptjavascript 是一種基于對(duì)象(Object)和事件驅(qū)動(dòng)(Event Driven)并具有安全性能的腳本語(yǔ)言。使用它的目的是與 HTML 超文本標(biāo)記語(yǔ)言、Java 腳本語(yǔ)言（Java 小程序）一起實(shí)現(xiàn)在一個(gè) Web 頁(yè)面中連接多個(gè)對(duì)象，與 Web 客戶交互作用。從而可以開發(fā)客戶端的應(yīng)用程序 等。它是通過嵌入或調(diào)入到標(biāo)準(zhǔn)的 HTML 語(yǔ)言中實(shí)現(xiàn)的。它的出現(xiàn)彌補(bǔ)了 HTML 語(yǔ)XXXX：基于 WEB 電子商城設(shè)計(jì)與實(shí)現(xiàn)38言的缺陷，它是 Java 與 HTML 折衷的選擇，具有以下幾個(gè)基本特點(diǎn)：（1）是一種腳本編寫語(yǔ)言 javascript 是一種腳本語(yǔ)言，它采用小程序段的方式實(shí)現(xiàn)編程。像其它腳本語(yǔ)言一樣,javascript 同樣已是一種解釋性語(yǔ)言,它提供了一個(gè)易的開發(fā)過程。它的基本結(jié)構(gòu)形式與C、C++、VB、Delphi 十分類似。但它不像這些語(yǔ)言一樣，需要先編譯，而是在程序運(yùn)行過程中被逐行地解釋。它與 HTML 標(biāo)識(shí)結(jié)合在一起，從而方便用戶的使用操作。 （2）基于對(duì)象的語(yǔ)言。 javascript 是一種基于對(duì)象的語(yǔ)言，同時(shí)以可以看作一種面向?qū)ο蟮?。這意味著它能運(yùn)用自己已經(jīng)創(chuàng)建的對(duì)象。因此，許多功能可以來自于腳本環(huán)境中對(duì)象的方法與腳本的相互作用。 （3）簡(jiǎn)單性 javascript 的簡(jiǎn)單性主要體現(xiàn)在：首先它是一種基于 Java 基本語(yǔ)句和控制流之上的簡(jiǎn)單而緊湊的設(shè)計(jì), 從而對(duì)于學(xué)習(xí) Java 是一種非常好的過渡。其次它的變量類型是采用弱類型，并未使用嚴(yán)格的數(shù)據(jù)類型。 （4）安全性 javascript 是一種安全性語(yǔ)言，它不允許訪問本地的硬盤，并不能將數(shù)據(jù)存入到服務(wù)器上，不允許對(duì)網(wǎng)絡(luò)文檔進(jìn)行修改和刪除，只能通過瀏覽器實(shí)現(xiàn)信息瀏覽或動(dòng)態(tài)交互。從而有效地防止數(shù)據(jù)的丟失。 （5）動(dòng)態(tài)性的 javascript 是動(dòng)態(tài)的，它可以直接對(duì)用戶或客戶輸入做出響應(yīng)，無(wú)須經(jīng)過 Web 服務(wù)程序。它對(duì)用戶的反映響應(yīng)，是采用以事件驅(qū)動(dòng)的方式進(jìn)行的。所謂事件驅(qū)動(dòng)，就是指在主頁(yè)(Home Page)中執(zhí)行了某種操作所產(chǎn)生的動(dòng)作，就稱為 “事件”(Event)。比如按下鼠標(biāo)、移動(dòng)窗口、選擇菜單等都可以視為事件。當(dāng)事件發(fā)生后，可能會(huì)引起相應(yīng)的事件響應(yīng)。 （6）跨平臺(tái)性 javascript 是依賴于瀏覽器本身，與操作環(huán)境無(wú)關(guān)，只要能運(yùn)行瀏覽器的計(jì)算機(jī)，并支持 javascript 的瀏覽器就可正確執(zhí)行。從而實(shí)現(xiàn)了“ 編寫一次,走遍天下” 的夢(mèng)想。實(shí)際上javascript 最杰出之處在于可以用很小的程序做大量的事。無(wú)須有高性能的電腦，軟件僅需一個(gè)字處理軟件及一瀏覽器，無(wú)須 WEB 服務(wù)器通道，通過自己的電腦即可完成所有的事情。 綜合所述 javascript 是一種新的描述語(yǔ)言，它可以被嵌入到 HTML 的文件之中。XXXXXXXXX 大學(xué)畢業(yè)設(shè)計(jì)（論文）39javascript 語(yǔ)言可以做到回應(yīng)使用者的需求事件(如：form 的輸入)，而不用任何的網(wǎng)路來回傳輸資料，所以當(dāng)一位使用者輸入一項(xiàng)資料時(shí)，它不用經(jīng)過傳給伺服端(server)處理，再傳回來的過程，而直接可以被客戶端 (client) 的應(yīng)用程式所處理。 Tomcat目前支持 JSP 的應(yīng)用服務(wù)器是較多的，Tomcat 是其中較為流行的一個(gè) Web 服務(wù)器，被 JavaWorld 雜志的編輯選為 2022 年度最具創(chuàng)新的 java 產(chǎn)品，可見其在業(yè)界的地位。 Tomcat 是一個(gè)免費(fèi)的開源的 Serlvet 容器，在 Tomcat 中，應(yīng)用程序的部署很簡(jiǎn)單，你只需將你的 WAR 放到 Tomcat 的 webapp 目錄下， Tomcat 會(huì)自動(dòng)檢測(cè)到這個(gè)文件，并將其解壓。你在瀏覽器中訪問這個(gè)應(yīng)用的 Jsp 時(shí)，通常第一次會(huì)很慢，因?yàn)?Tomcat 要將Jsp 轉(zhuǎn)化為 Servlet 文件，然后編譯。編譯以后，訪問將會(huì)很快。另外 Tomcat 也提供了一個(gè)應(yīng)用：manager，訪問這個(gè)應(yīng)用需要用戶名和密碼，用戶名和密碼存儲(chǔ)在一個(gè) xml 文件中。通過這個(gè)應(yīng)用，輔助于 Ftp，你可以在遠(yuǎn)程通過 Web 部署和撤銷應(yīng)用。當(dāng)然本地也可以。Tomcat 也具有傳統(tǒng)的 Web 服務(wù)器的功能：處理 Html 頁(yè)面。但是與 Apache 相比，它的處理靜態(tài) Html 的能力就不如 Apache。我們可以將 Tomcat 和 Apache 集成到一塊，讓Apache 處理靜態(tài) Html，而 Tomcat 處理 Jsp 和 Servlet。這種集成只需要修改一下 Apache和 Tomcat 的配置文件即可。Tomcat 是一個(gè)很好的工具，不僅僅因?yàn)槠涿赓M(fèi)，功能強(qiáng)大，更因?yàn)槠溟_放性，越來越受到人們的重視。 腳本習(xí)慣說明腳本是指嵌入到 Web 頁(yè)中的程序代碼，所使用的編程語(yǔ)言稱為腳本語(yǔ)言。腳本語(yǔ)言是一種解釋型語(yǔ)言，客戶端腳本的解釋器位于 Web 瀏覽器中，服務(wù)器腳本的解釋器則位于 Web 服務(wù)器中。javascript 是一種解釋型的、基于對(duì)象的腳本語(yǔ)言。（1）javascript 的變量聲明在 javascript 中變量不用聲明就可以使用,但事先進(jìn)行變量聲明是一種好的習(xí)慣。可以使用 var 語(yǔ)句來進(jìn)行變量聲明。只有當(dāng)要在函數(shù)中聲明一個(gè)局部變量時(shí)，才必須使用 var語(yǔ)句。語(yǔ)法如下： var 變量名 = 初值。 （2）變量命名規(guī)則 XXXX：基于 WEB 電子商城設(shè)計(jì)與實(shí)現(xiàn)40第一個(gè)字符必須是一個(gè)字母（大小寫均可） 、或一個(gè)下劃線(_)或一個(gè)美元符 ($)。后續(xù)的字符可以是字母、數(shù)字、下劃線或美元符。不可以使用保留字作為變量的名字。 （3）類型轉(zhuǎn)換javascrip 是一種對(duì)數(shù)據(jù)類型要求不太嚴(yán)格的語(yǔ)言?？梢圆槐刂该饕粋€(gè)變量的類型。在程序的執(zhí)行過程中，如果需要，javascript 自動(dòng)進(jìn)行類型轉(zhuǎn)換(也可進(jìn)行強(qiáng)制轉(zhuǎn)換)。 （4）變量的作用范圍javascrip 有兩種變量范圍：全局和局部。如果在任何函數(shù)定義之外聲明了一個(gè)變量，則該變量為全局變量，且該變量的值在整個(gè)持續(xù)范圍內(nèi)都可以訪問和修改。如果在函數(shù)定義內(nèi)聲明了一個(gè)變量，則該變量為局部變量。每次執(zhí)行該函數(shù)時(shí)都會(huì)創(chuàng)建和破壞該變量；且它不能被該函數(shù)外的任何事物訪問。一個(gè)局部變量的名稱可以與某個(gè)全局變量的名稱相同，但這是完全不同和獨(dú)立的兩個(gè)變量。因此，更改一個(gè)變量的值不會(huì)影響另一個(gè)變量的值。在聲明局部變量的函數(shù)內(nèi)，只有該局部變量有意義。全局變量設(shè)計(jì)，由于在系統(tǒng)中多次出現(xiàn)，為了提高效率，減少重復(fù)設(shè)置，提高對(duì)變量的利用率而采用調(diào)置全局變量的方法。全局變量定義后，此系統(tǒng)用到此變量無(wú)需再做說明，直接使用即可。適合于定義那些在全系統(tǒng)中出現(xiàn)次數(shù)都比較高的變量。局部變量設(shè)計(jì)，為了提高變量利用率，使程序更簡(jiǎn)潔，設(shè)置局部變量，局部變量一經(jīng)設(shè)置，在此部分均有效，用到此變量均不用定義，它的作用范圍要比全局變量小，適合于設(shè)置在同一部分重復(fù)利用高的變量。 腳本見附錄 C 程序清單。XXXXXXXXX 大學(xué)畢業(yè)設(shè)計(jì)（論文）417 系統(tǒng)測(cè)試及難點(diǎn)分析 系統(tǒng)運(yùn)行環(huán)境的搭建 JAVA 虛擬機(jī)的安裝本系統(tǒng)采