2007級(jí)電子商務(wù)專業(yè)“電子商務(wù)系統(tǒng)分析與設(shè)計(jì)”課程設(shè)計(jì)論文PAGE26-經(jīng)濟(jì)管理學(xué)院《電子商務(wù)系統(tǒng)分析與設(shè)計(jì)》課程設(shè)計(jì)論文（2009～2010學(xué)年第二學(xué)期）論文題目：網(wǎng)上花店銷售系統(tǒng)主界面設(shè)計(jì)模塊姓名：刁旭（09307037）小組成員：董浩曹俊劉璐專業(yè)：電子商務(wù)年級(jí)班級(jí)：07級(jí)2班指導(dǎo)教師：成寶國(guó)張曉婷完成日期：2010年6月摘要：花田網(wǎng)上花店銷售系統(tǒng)是針對(duì)網(wǎng)上即時(shí)性產(chǎn)品銷售而開發(fā)的系統(tǒng)。本系統(tǒng)使用JSP技術(shù)制作網(wǎng)站動(dòng)態(tài)頁面，用JSP語言做連接數(shù)據(jù)庫的程序，使用MySQL數(shù)據(jù)庫作為系統(tǒng)數(shù)據(jù)庫。本網(wǎng)上花店銷售系統(tǒng)目標(biāo)是支持鮮花的網(wǎng)上銷售、商品管理、客戶管理功能，網(wǎng)站管理員可以完成管理客戶信息、訂單查看刪除，購物車記錄查詢修改等功能。本文為網(wǎng)頁頁面設(shè)計(jì)實(shí)現(xiàn)為目的，設(shè)計(jì)了包括主頁、自選鮮花、優(yōu)惠打折和分類分頁面的幾個(gè)網(wǎng)頁頁面。關(guān)鍵詞：網(wǎng)上花店銷售系統(tǒng)；系統(tǒng)分析與設(shè)計(jì)；網(wǎng)頁設(shè)計(jì)Abstract:FlowerGardenonlinesalessystemisaimedatonlinereal-timeproductsalesanddevelopmentofthesystem.ThissystemusestheJSPwebsitedynamicpages,technologywithJSPlanguagedoconnecttothedatabaseprogram,usetheMySQLdatabasesassystemdatabase.Theonlinesalestargetisthesupportsystemoffloweronlinesales,commoditymanagement,managementfunction,andthewebmasterscancompletemanagementofcustomerinformationandordertodelete,cartrecordfunctionsuchasmodificationqueries.Thiswebpagedesignforthepurpose,includingthedesignforthehomepage,customizeflowers,favorablediscountandtheseveralwebpageclassificationpaging.Keywords:Flowersalesonlinesystem;Systemanalysisanddesign;Webdesign

目錄1系統(tǒng)概述 -4-1.1現(xiàn)狀分析 -5-1.2設(shè)計(jì)目標(biāo) -6-1.3系統(tǒng)功能需求 -6-1.4系統(tǒng)可行性分析 -6-1.4.1技術(shù)可行性分析 -6-1.4.2經(jīng)濟(jì)可行性分析 -7-1.4.3社會(huì)環(huán)境可行性分析 -7-1.5術(shù)語定義 -7-2系統(tǒng)的分析與設(shè)計(jì) -7-2.1系統(tǒng)結(jié)構(gòu)分析 -8-2.1.1系統(tǒng)功能介紹 -8-2.1.2業(yè)務(wù)流程圖 -9-2.1.3數(shù)據(jù)流程圖 -10-2.2數(shù)據(jù)庫設(shè)計(jì)與實(shí)現(xiàn) -10-2.2.1E-R圖設(shè)計(jì) -10-2.2.2數(shù)據(jù)庫關(guān)系模型設(shè)計(jì) -13-2.2.3數(shù)據(jù)庫邏輯結(jié)構(gòu)設(shè)計(jì) -13-3系統(tǒng)的實(shí)現(xiàn) -14-4系統(tǒng)測(cè)試 -22-4.1測(cè)試計(jì)劃與方案 -22-4.2測(cè)試項(xiàng)目說明 -22-4.3測(cè)試過程 -22-4.4測(cè)試結(jié)論 -24-5結(jié)論 -25-5.1系統(tǒng)優(yōu)勢(shì) -25-5.2心得與體會(huì) -25-5.3存在問題和建議 -26-5.3.1存在的問題 -26-5.3.2建議 -26-致謝 -26-參考文獻(xiàn) -26-

1系統(tǒng)概述中國(guó)網(wǎng)絡(luò)的快速崛起和網(wǎng)民的增加，帶動(dòng)了電子商務(wù)的蓬勃發(fā)展，以阿里巴巴領(lǐng)航的電子商務(wù)，方便了網(wǎng)民的日常生活以及出行、購物等等。在全球市場(chǎng)的競(jìng)爭(zhēng)中,花卉經(jīng)營(yíng)企業(yè)常常需要聯(lián)合起來作為一個(gè)虛擬的組織達(dá)成共同的商務(wù)目標(biāo)。但是虛擬企業(yè)的商務(wù)環(huán)境千變?nèi)f化,所以必需開發(fā)一種橫跨各個(gè)企業(yè)邊界的操作動(dòng)態(tài)的工作流程和平臺(tái),并且這個(gè)平臺(tái)能夠滿足花卉經(jīng)營(yíng)企業(yè)的這種需求。本文就描述了一個(gè)以電子商務(wù)技術(shù)為基礎(chǔ)的花卉交易平臺(tái)的模型建立。小組成員根據(jù)電子商務(wù)的發(fā)展趨勢(shì),在深刻了解國(guó)內(nèi)花卉交易行業(yè)電子商務(wù)應(yīng)用環(huán)境的基礎(chǔ)上,提出了將電子商務(wù)各種技術(shù)集成應(yīng)用到傳統(tǒng)花卉市場(chǎng)的解決方案,也就是建立一個(gè)網(wǎng)上電子花卉市場(chǎng)。鮮花，作為日常生活不可獲取的生活細(xì)節(jié)，愛情、生日、喬遷、開業(yè)、婚禮、道歉、探望、哀思、祝壽等等。同樣的鮮花根據(jù)作用的不同，有著不同的包裝裝飾：圓形花束、單面花束、臺(tái)式花束、落地花籃、鮮花圈、禮盒玫瑰等，由于鮮花的更新快，城市的小花店很難承受高額的房租、運(yùn)輸費(fèi)用、店鋪地址對(duì)花店的影響等。選擇網(wǎng)上訂花，既是網(wǎng)民方便自己的方式，也是鮮花運(yùn)營(yíng)者減輕自身成本的方式，下面具體講解網(wǎng)上商店的意義。首先，投資少，回收快。一項(xiàng)針對(duì)中國(guó)中小企業(yè)的情況調(diào)查顯示，個(gè)人在網(wǎng)下啟動(dòng)銷售公司的平均費(fèi)用至少5萬元，而據(jù)易趣網(wǎng)禮品門類的負(fù)責(zé)人介紹，網(wǎng)上開店建店成本非常小。一般說，籌辦一家網(wǎng)上的商店投入很小，不用去辦營(yíng)業(yè)執(zhí)照，不用去租門面，不用囤積貨品，所需資金不過1500元；網(wǎng)上商店比同等規(guī)模的地面商店“租金”要低得多，同時(shí)租金不會(huì)因?yàn)闋I(yíng)業(yè)面積的增加而增加，投資者也不用為延長(zhǎng)營(yíng)業(yè)時(shí)間而增加額外的費(fèi)用?！熬W(wǎng)上商店比同等規(guī)模的地面商店“租金”要低得多，同時(shí)租金不會(huì)因?yàn)闋I(yíng)業(yè)面積的增加而增加，投資者也不用為延長(zhǎng)營(yíng)業(yè)時(shí)間而增加額外的費(fèi)用?！逼浯?，基本不需要占?jí)嘿Y金。傳統(tǒng)商店的進(jìn)貨資金少則幾千元，多則數(shù)萬元，而網(wǎng)上商店則不需要壓資金。第三，小時(shí)營(yíng)業(yè)時(shí)間。網(wǎng)上商店延長(zhǎng)了商店的營(yíng)業(yè)時(shí)間，一天24小時(shí)、一年365天不停地運(yùn)作，無須專人值班看店，都可照常營(yíng)業(yè)。網(wǎng)上商店節(jié)省了人力方面的投資，不用雇傭幫手，店主完全可以在享受生活的同時(shí)把自家的網(wǎng)上小店打理得井井有條；還避免了因?yàn)閬聿患罢湛吹赇伓鴰淼膿p失。同時(shí)，營(yíng)業(yè)時(shí)間不受限制，消費(fèi)者可以在任何時(shí)間登陸、購物。交易時(shí)間上的全天性和全年性，使得交易成功的機(jī)會(huì)大大提高。第四，銷售規(guī)模不受地盤限制。傳統(tǒng)商店有多大就只能擺放多少商品，生意大小常常被小店面積限制。而在網(wǎng)上，即便在地面上只有一個(gè)小商店，或者干脆就沒有門面，開店的生意卻可以照樣做得很大。第五，不受店面空間的限制。哪怕只是街邊小店，在網(wǎng)上卻可以擁有百貨大樓那么大的店面，只要投資者愿意，可以擺上成千上萬種商品。目前國(guó)內(nèi)最大的專業(yè)拍賣網(wǎng)站同時(shí)在線的商品要超過10萬件——已超過一些大超市。最后，不受地理位置影響。不管客戶離店有多遠(yuǎn)，在網(wǎng)上，客戶一樣可以很方便地找到。這令消費(fèi)群體突破了地域的限制，變得無限廣闊了。網(wǎng)上商店所面向的是全國(guó)乃至全球的消費(fèi)者，這個(gè)潛在市場(chǎng)是單個(gè)商店，甚至是大型商場(chǎng)都無法相提并論的。只要商品有特色，經(jīng)營(yíng)得法，網(wǎng)上商店每天將帶來成千上萬的客流量，大大增加銷售收入。1.1現(xiàn)狀分析在Web的空間里，幾十萬乃至幾百萬的站點(diǎn)相互進(jìn)行著激烈的競(jìng)爭(zhēng)，都想獲取用戶的主意。因此，簡(jiǎn)單的、靜態(tài)的頁面對(duì)用戶是不會(huì)有太大的吸引力。動(dòng)態(tài)的、有條理的數(shù)據(jù)加上交互性強(qiáng)的界面，才是用戶樂意訪問的。當(dāng)然數(shù)據(jù)的自動(dòng)更新也是非常重要的。在短短的時(shí)間里，Web面孔已發(fā)生很大的變化?，F(xiàn)在能在Web頁面內(nèi)創(chuàng)建應(yīng)用程序、訪問數(shù)據(jù)庫，使其無論在感覺、動(dòng)作以及用途上都與Windows應(yīng)用程序非常類似?，F(xiàn)在商家們所需要的不僅只是一個(gè)單純的宣傳媒體，而是一個(gè)交互性很強(qiáng)的應(yīng)用平臺(tái)。利用它，商家們可以與潛在的客戶、目前的客戶、員工以及我們之間的任何一個(gè)人溝通，并實(shí)施一些在線的服務(wù)的商業(yè)活動(dòng)（例如：網(wǎng)上購物、網(wǎng)上訂單）。為了占領(lǐng)Internet這塊誘人的市場(chǎng)，各個(gè)公司和廠家都拿出自己的解決方案。IBM推出了VisualAgeforJava和Net.Data.前者是一個(gè)集成開發(fā)環(huán)境，用于調(diào)試Java小程序、JavaBeans或應(yīng)用程序；而后者是專門為非編程人員設(shè)計(jì)，它可以按用戶的要求生成動(dòng)態(tài)Web頁面，他們都可以用開發(fā)工具PowerBuilder6.0的版本中加入Web特性，使用戶可以在瀏覽其中直接訪問“DataWindow”等其著名的控件，并且可以使用它開發(fā)Web應(yīng)用。所有的商家都想在這里占領(lǐng)一席之地。1.2設(shè)計(jì)目標(biāo)網(wǎng)上鮮花銷售管理系統(tǒng)主要以實(shí)現(xiàn)在線銷售鮮花為主。全部的設(shè)計(jì)這以此為核心來展開。從商品發(fā)布，到商品的銷售；從用戶的注冊(cè)，到商品的購買等等都是圍繞銷售而展開的，以達(dá)到網(wǎng)上鮮花銷售的方便與快捷。1.3系統(tǒng)功能需求在網(wǎng)上花店系統(tǒng)中主要涉及到花庫、會(huì)員、管理員、訂單等幾個(gè)模塊，其中，訂單模塊的任務(wù)主要是列出所有用戶選定鮮花后給出詳細(xì)屬性。當(dāng)然我們不能憑空想象一個(gè)系統(tǒng)，而是通過考察現(xiàn)有的系統(tǒng)，再提出方案來。現(xiàn)有的系統(tǒng)是信息的重要來源。顯然如果目前有一個(gè)系統(tǒng)正在被人使用，那么這個(gè)系統(tǒng)必定能完成某些有用的工作，因此新的目標(biāo)系統(tǒng)也必能完成它的基本功能；另一方面，如果現(xiàn)有系統(tǒng)是完美無缺的，用戶自然不會(huì)提出開發(fā)新系統(tǒng)的要求。但現(xiàn)在鮮花銷售主要是通過人手工來完成的，這樣不僅降低了工作效率，存在大量的重復(fù)勞動(dòng)，而且容易出現(xiàn)人為的錯(cuò)誤，這樣的管理明顯不能與高效率、快節(jié)奏的生產(chǎn)模式相適應(yīng)，所以開發(fā)此系統(tǒng)是非?？尚械南敕?。網(wǎng)上花店系統(tǒng)主要是進(jìn)行鮮花銷售的計(jì)算機(jī)軟件，從目前的鮮花銷售流程中，我們可以發(fā)現(xiàn)一些比較明顯的流程作業(yè)和管理需求。同時(shí)也為我們的系統(tǒng)分析提供了較好的依據(jù)。鮮花的快書下單和購物車是網(wǎng)上花店系統(tǒng)的主要部分，這兩個(gè)管理部分的完成是整個(gè)系統(tǒng)業(yè)務(wù)完成的基礎(chǔ)。其他的各項(xiàng)服務(wù)都是在此基礎(chǔ)上完成的。1.4系統(tǒng)可行性分析1.4.1技術(shù)可行性分析本系統(tǒng)程序基于JSP開發(fā)，使用MySql數(shù)據(jù)庫。開發(fā)平臺(tái)：WinXP+Tomcat5.54+JDK1.5程序正常運(yùn)行需要JVM(Java虛擬機(jī))1.5以上的版本。總之本系統(tǒng)在技術(shù)上的要求不高，現(xiàn)在普遍使用的計(jì)算機(jī)都可以運(yùn)行該系統(tǒng)。系統(tǒng)所需要的硬件配置：PentiumIII600MHz以上256MBRAMWindows2000/NT4.0Server系統(tǒng)所需要的軟件：eclipse-SDK-3.2DreamweaverMacromediaFlash8數(shù)據(jù)庫：Mysqlserver5.01.4.2經(jīng)濟(jì)可行性分析從成本上看來，開發(fā)及維護(hù)系統(tǒng)所需的計(jì)算機(jī)、網(wǎng)絡(luò)等硬件設(shè)備，電話、網(wǎng)絡(luò)等通信費(fèi)用，軟件支持等基本上都是現(xiàn)有的，所以成本接近零。從短期收益看來：比較有限，因?yàn)楝F(xiàn)在所處的環(huán)境限制。從長(zhǎng)期收益看來：繼希望于發(fā)展成全國(guó)網(wǎng)上鮮花銷售的系統(tǒng)。1.4.3社會(huì)環(huán)境可行性分析每一個(gè)學(xué)校都要對(duì)自己的在校學(xué)生的情況進(jìn)行全面、系統(tǒng)的管理和運(yùn)作。而我們?cè)O(shè)計(jì)的這個(gè)系統(tǒng)，就是能夠?qū)W以致用。相信它的開發(fā)一定能在將來產(chǎn)生很大的效用。1.5術(shù)語定義序號(hào)術(shù)語或縮寫定義1管理員后臺(tái)進(jìn)行訂單的處理2會(huì)員注冊(cè)之后形成會(huì)員，并驚醒身份認(rèn)證3購物車對(duì)將要購買的商品進(jìn)行添加、刪除4訂單填寫訂貨人的詳細(xì)信息5新用戶對(duì)新注冊(cè)的用戶進(jìn)行注冊(cè)信息填寫2系統(tǒng)的分析與設(shè)計(jì)網(wǎng)上花店銷售系統(tǒng)以網(wǎng)絡(luò)作為平臺(tái)，使客戶足不出戶就可以購買到自己需要的鮮花。購買鮮花過程方便、快捷，可靠性、安全性高。同時(shí)，對(duì)于商家，可以通過該平臺(tái)對(duì)客戶及訂單信息進(jìn)行有效管理，對(duì)購物車信息也做到實(shí)時(shí)監(jiān)控，更利于商家為客戶服務(wù)。2.1系統(tǒng)結(jié)構(gòu)分析2.1.1系統(tǒng)功能介紹網(wǎng)站整體框架圖：網(wǎng)上鮮花系統(tǒng)網(wǎng)上鮮花系統(tǒng)鮮花信息瀏覽鮮花信息管理系統(tǒng)鮮花訂購系統(tǒng)鮮花信息分類檢索鮮花信息瀏覽鮮花信息管理系統(tǒng)鮮花訂購系統(tǒng)鮮花信息分類檢索用戶/管理員登錄用戶注冊(cè)訂單信息管理購物車信息管理客戶信息管理訂單訂單信息管理購物車信息管理客戶信息管理訂單提交購物車網(wǎng)上花店銷售系統(tǒng)框架圖各模塊功能介紹：1.網(wǎng)上注冊(cè)系統(tǒng)采用用戶名申請(qǐng)的方式。為方便地給客戶提供安全、快捷的個(gè)性化服務(wù)，便于交易的順利完成，要求顧客填寫信息，并對(duì)顧客信息保密。2.鮮花瀏覽主要是對(duì)各種不同種類鮮花信息的分類瀏覽。其中對(duì)于鮮花按照四種類別歸類，同時(shí)除去推薦鮮花之外，有自選鮮花功能，也可以選擇最近優(yōu)惠打折的商品。3.鮮花檢索4.購物車的實(shí)現(xiàn)對(duì)購物車的操作包括：顯示購物車內(nèi)容、刪除已購鮮花、提交購物車中的所有物品、清空購物車等。5.訂單提交如果已經(jīng)確定將要購買該種類鮮花則可以立即提交訂單購買，填寫信息。6.客戶信息管理通過管理員身份，可以對(duì)該系統(tǒng)所有客戶信息進(jìn)行查看7.購物車信息管理通過管理員身份，對(duì)網(wǎng)站內(nèi)所有用戶提交的購物車信息進(jìn)行刪除、查詢操作，便于網(wǎng)站管理員實(shí)時(shí)監(jiān)控消費(fèi)者的消費(fèi)傾向，及時(shí)滿足消費(fèi)者需求。是管理網(wǎng)站鮮花信息的核心。8.訂單信息管理通過管理員身份，對(duì)訂購客戶名、鮮花名、訂單號(hào)、收貨人地址、收貨人電話等信息進(jìn)行查詢，獲得訂單的詳細(xì)情況，對(duì)訂單進(jìn)行處理，可以刪除。2.1.2業(yè)務(wù)流程圖系統(tǒng)的流程分析體現(xiàn)了各個(gè)功能模塊之間的依存關(guān)系如下：用戶提出注冊(cè)用戶提出注冊(cè)用戶填寫信息檢查結(jié)果用戶名被占用或兩次密碼不相同。注冊(cè)成功選購鮮花填寫信息發(fā)出訂單系統(tǒng)系統(tǒng)檢查信息系統(tǒng)發(fā)出鮮花

開始鏈接數(shù)據(jù)庫是否成功？否搜索用戶數(shù)據(jù)開始鏈接數(shù)據(jù)庫是否成功？否搜索用戶數(shù)據(jù)添加用戶訂購信息是否成功？否數(shù)據(jù)插入數(shù)據(jù)庫2.2數(shù)據(jù)庫設(shè)計(jì)與實(shí)現(xiàn)2.2.1E-R圖設(shè)計(jì)在需求分析的基礎(chǔ)上，設(shè)計(jì)出能夠滿足網(wǎng)上花店銷售系統(tǒng)的需求的模塊，規(guī)劃出的部分實(shí)體的E-R圖及其關(guān)系描述如下。

用戶名密碼用戶填寫訂單訂單訂單編號(hào)訂花人姓名訂花人電話訂花人住址收花人姓名用戶名密碼用戶填寫訂單訂單訂單編號(hào)訂花人姓名訂花人電話訂花人住址收花人姓名收花人電話收花人地址下單日期有關(guān)用戶與訂單信息E-R圖有關(guān)后臺(tái)管理員查看訂單與購物車信息E-R圖用戶名密碼管理員查看訂單訂單訂單編號(hào)訂花人姓名訂花人電話訂花人住址收花人姓名收花人電話收花人地址下單日期查看購物車訂單編號(hào)用戶編號(hào)商品編號(hào)購物車商品名稱商品單價(jià)有關(guān)用戶與留言板信息E-R圖有關(guān)用戶與購物車信息E-R圖用戶用戶名密碼留言留言管理表用戶編號(hào)留言標(biāo)題留言內(nèi)容2.2.2數(shù)據(jù)庫關(guān)系模型設(shè)計(jì)用戶表（用戶名，密碼）管理員表（管理員名，密碼）用戶購物車表（訂單編號(hào)，用戶編號(hào)，商品編號(hào)，商品名稱，商品單價(jià)）管理員購物車表（訂單編號(hào)，訂花人姓名，訂花人電話，訂花人住址，收花人姓名，收花人電話，收花人住址，訂單日期，卡片留言）快速下單購買表（訂單編號(hào)，訂花人姓名，訂花人電話，訂花人住址，收花人姓名，收花人電話，收花人住址，訂單日期，卡片留言）留言管理表（用戶編號(hào)，留言標(biāo)題，留言內(nèi)容）2.2.3數(shù)據(jù)庫邏輯結(jié)構(gòu)設(shè)計(jì)User字段名稱數(shù)據(jù)類型允許為空中文說明備注UserVarchar否用戶名主鍵PasswordVarchar否用戶密碼Admin字段名稱數(shù)據(jù)類型允許為空中文說明備注AdminVarchar否管理員名主鍵PasswordVarchar否管理員密碼Cart字段名稱 數(shù)據(jù)類型允許為空中文說明備注OrdernoVarchar否購物編號(hào)主鍵AccountVarchar否用戶編號(hào)FlowernoVarchar否鮮花編號(hào)FlowernameVarchar否鮮花名稱FlowerpriceVarchar否鮮花單價(jià)Cartuser字段名稱數(shù)據(jù)類型允許為空中文說明備注OrdernoVarchar否購物編號(hào)主鍵OrdernameVarchar否訂花人姓名OrderphoneVarchar否訂花人電話OrderaddressVarchar否訂花人住址ReceivenameVarchar否收花人姓名ReceivephoneVarchar否收花人電話ReceiveaddressVarchar否收花人住址OrderdateVarchar否訂單日期WordVarchar否卡片留言Booklist字段名稱數(shù)據(jù)類型允許為空中文說明備注OrdernoVarchar否購物編號(hào)主鍵OrdernameVarchar否訂花人姓名OrderphoneVarchar否訂花人電話OrderaddressVarchar否訂花人住址ReceivenameVarchar否收花人姓名ReceivephoneVarchar否收花人電話ReceiveaddressVarchar否收花人住址OrderdateVarchar否訂單日期WordVarchar否卡片留言Word字段名稱數(shù)據(jù)類型允許為空中文說明備注AccountVarchar否用戶編號(hào)主鍵TitleVarchar否留言標(biāo)題ContentVarchar否留言內(nèi)容3系統(tǒng)的實(shí)現(xiàn)這里只展示我負(fù)責(zé)的主頁面設(shè)計(jì)的實(shí)現(xiàn)截圖及代碼，由于篇幅有限只能展示部分代碼和部分頁面，具體請(qǐng)?jiān)L問我們的JSP頁面和提交的總實(shí)習(xí)代碼。主頁里總共用到了34個(gè)Layer，用到了css樣式布局了所有的單元，主頁為三欄式，左為分類檢索欄，中間為商品信息欄，右側(cè)為綜合欄。1.這是我用到的一段Javascript代碼，用了很長(zhǎng)時(shí)間，實(shí)現(xiàn)了圖片動(dòng)態(tài)切換功能：<scriptLANGUAGE="javascript"><!--varcpAD=newArray();varcpADlink=newArray();varcpADmsg=newArray();varadNum=3;//定義了3個(gè)數(shù)組varcoll=0;cpAD[0]="image/lover.jpg";//鏈接圖片cpADlink[0]="/";//鏈接URLcpADmsg[0]="image/lover.jpg";//狀態(tài)欄提示信息cpAD[1]="image/todoor.jpg";cpADlink[1]="/"cpADmsg[1]="image/todoor.jpg";cpAD[2]="image/score.jpg";cpADlink[2]="/";cpADmsg[2]="image/score.jpg";varpreloadedimages=newArray();for(i=1;i<cpAD.length;i++){preloadedimages[i]=newImage();preloadedimages[i].src=cpAD[i];}//跳轉(zhuǎn)的URL地址functionjump2url(){jumpUrl=cpADlink[adNum];jumpTarget='_blank';if(jumpUrl!=''){if(jumpTarget!='')window.open(jumpUrl,jumpTarget);elselocation.href=jumpUrl;}}//圖片變化的函數(shù)functionchangeimg(n){adNum=n;switch(adNum){case0:{window.img1.src="images/1.jpg";window.img2.src="images/2.jpg";window.img3.src="images/3.jpg";break;}case1:{window.img1.src="images/1.jpg";window.img2.src="images/2.jpg";window.img3.src="images/3.jpg";break;}case2:{window.img1.src="images/1.jpg";window.img2.src="images/2.jpg";window.img3.src="images/3.jpg";break;}case3:{window.img1.src="images/1.jpg";window.img2.src="images/2.jpg";window.img3.src="images/3.jpg";break;}case4:{window.img1.src="images/1.jpg";window.img2.src="images/2.jpg";window.img3.src="images/3.jpg";break;}}window.clearInterval(theTimer);adNum=adNum-1;nextAd();}//當(dāng)點(diǎn)擊時(shí)直接跳轉(zhuǎn)functionnextAd(){coll++;if(coll>1){switch(adNum+1){case5:{window.img1.src="images/1.jpg";window.img2.src="images/2.jpg";window.img3.src="images/3.jpg";break;}case1:{window.img1.src="images/1.jpg";window.img2.src="images/2.jpg";window.img3.src="images/3.jpg";break;}case2:{window.img1.src="images/1.jpg";window.img2.src="images/2.jpg";window.img3.src="images/3.jpg";break;}case3:{window.img1.src="images/1.jpg";window.img2.src="images/2.jpg";window.img3.src="images/3.jpg";break;}case4:{window.img1.src="images/1.jpg";window.img2.src="images/2.jpg";window.img3.src="images/3.jpg";break;}}}if(adNum<cpAD.length-1)adNum++;elseadNum=0;setTransition();document.images.cpADrush.src=cpAD[adNum];playTransition();displayStatusMsg();//定義了輪換時(shí)間5stheTimer=setTimeout("nextAd()",5000);}functionsetTransition(){if(document.all){cpADrush.filters.revealTrans.Transition=23;cpADrush.filters.revealTrans.apply();}}functionplayTransition(){if(document.all)cpADrush.filters.revealTrans.play()}functiondisplayStatusMsg(){status=cpADmsg[adNum];document.returnValue=true;}//結(jié)束//--></script>在這里小花絮：由于滾動(dòng)圖片下的1,2,3小圖標(biāo)無論如何也顯示不了，甚至用Photoshop制作了10*10像素的小圖片也顯示不出來，后來想了個(gè)妙招：用Layer39擋住了那三個(gè)小圖片，其實(shí)在主頁上存在，但是用戶看不到在這里L(fēng)ayer23Layer22Layer11Layer102.層套層結(jié)構(gòu)（如下圖所示）：在Layer5中嵌套有眾多小Layer，Layer之間的“左”“上”“寬”“高”精確計(jì)算過，Layer5“左”202，“上”445，“寬”550，“高”813，Layer5內(nèi)部由(1+9*2)個(gè)小Layer構(gòu)成，以Layer10、Layer11為例，Layer10：“左”6px，“上”30px，“寬”176px，“高”230px，Layer11：“左”188px，“上”30px，“寬”176px，“高”230px，所以所有Layer都是嚴(yán)整對(duì)齊的，對(duì)于Layer22和Layer23也是一樣的。Layer23Layer22Layer11Layer103.加入收藏夾的Javascript代碼：<SCRIPTLANGUAGE="JavaScript">functionAddFavorite(sURL,sTitle){try{window.external.addFavorite(sURL,sTitle);}catch(e){try{window.sidebar.addPanel(sTitle,sURL,"");}catch(e){alert("加入收藏失敗，請(qǐng)使用Ctrl+D進(jìn)行添加");}}}</SCRIPT><aonclick="AddFavorite(window.location,document.title)">加入收藏</a>

我們的主頁：

自選鮮花、優(yōu)惠打折頁面的一部分：

檢索33朵玫瑰的頁面一部分：幫助中心的一部分：

自己用Photoshop制作的網(wǎng)站標(biāo)志：4系統(tǒng)測(cè)試4.1測(cè)試計(jì)劃與方案本系統(tǒng)測(cè)試分為四個(gè)階段：?jiǎn)卧獪y(cè)試、組裝測(cè)試、確認(rèn)測(cè)試、系統(tǒng)測(cè)試。

單元測(cè)試：采用白盒法和黑盒法相結(jié)合的方法，對(duì)于邏輯結(jié)構(gòu)復(fù)雜的模塊采用白盒法，對(duì)于以輸入、輸出為主的模塊采用黑盒法測(cè)試，以提高測(cè)試的效率。

組裝測(cè)試：自底向上的增式測(cè)試。

確認(rèn)測(cè)試：由用戶參與按需求規(guī)格說明書驗(yàn)收。

系統(tǒng)測(cè)試：采用人工測(cè)試方法。4.2測(cè)試項(xiàng)目說明=1\*alphabetica.用戶登錄窗口的測(cè)試=2\*alphabeticb.用戶注冊(cè)窗口的測(cè)試=3\*alphabeticc.管理員登錄窗口的測(cè)試=4\*alphabeticd.添加到購物車信息窗口的測(cè)試=5\*alphabetice.快速下單窗口的測(cè)試=6\*alphabeticf.結(jié)算頁面的測(cè)試=7\*alphabeticg.后臺(tái)訂單管理的測(cè)試=8\*alphabetich.留言板窗口的測(cè)試4.3測(cè)試過程測(cè)試1：會(huì)員登錄與注冊(cè)的功能測(cè)試內(nèi)容：會(huì)員登錄中檢查密碼輸入是否正確及若忘記密碼怎樣找回：在用戶注冊(cè)時(shí)檢查再次輸入確認(rèn)密碼時(shí)是否與第一次輸入的相符合，還有驗(yàn)證用戶名是否為空的情況。（1）會(huì)員注冊(cè)功能測(cè)試用例1測(cè)試不同頁面項(xiàng)目名稱輸入數(shù)據(jù)測(cè)試結(jié)果用戶名空出錯(cuò)密碼空確認(rèn)密碼空會(huì)員注冊(cè)功能測(cè)試用例2測(cè)試不同頁面項(xiàng)目名稱輸入數(shù)據(jù)測(cè)試結(jié)果用戶名璐子哎出錯(cuò)密碼5610196確認(rèn)密碼555會(huì)員注冊(cè)功能測(cè)試用例3測(cè)試不同頁面項(xiàng)目名稱輸入數(shù)據(jù)測(cè)試結(jié)果用戶名璐子哎注冊(cè)成功密碼5610196確認(rèn)密碼5610196會(huì)員登錄功能會(huì)員登錄功能測(cè)試用例1測(cè)試不同頁面項(xiàng)目名稱輸入數(shù)據(jù)測(cè)試結(jié)果用戶名空出錯(cuò)密碼空會(huì)員登錄功能測(cè)試用例2測(cè)試不同頁面項(xiàng)目名稱輸入數(shù)據(jù)測(cè)試結(jié)果用戶名璐子哎登錄成功密碼5610196測(cè)試2：快速下單活動(dòng)記錄的測(cè)試內(nèi)容：填寫訂貨人的詳細(xì)信息測(cè)試：測(cè)試不同頁面項(xiàng)目名稱輸入數(shù)據(jù)測(cè)試結(jié)果訂貨人姓名5提交訂單成功訂貨人電話55訂貨人地址5收貨人姓名5收貨人電話5收貨人地址5送貨日期5卡片留言5其他要求5測(cè)試3：購物車的測(cè)試內(nèi)容：將商品添加入購物車，并可以對(duì)其中的內(nèi)容進(jìn)行刪除，以及結(jié)算的功能。測(cè)試4：后臺(tái)訂單管理的測(cè)試內(nèi)容：對(duì)現(xiàn)有的訂單進(jìn)行處理，進(jìn)行必要的刪除操作。4.4測(cè)試結(jié)論通過對(duì)軟件的測(cè)試，及時(shí)發(fā)現(xiàn)了一些問題，為軟件的改進(jìn)與完善起到了重要作用。測(cè)試結(jié)果概括如下：基本達(dá)到設(shè)計(jì)要求，軟件功能完整，用戶界面良好，錯(cuò)誤處理正確，且能正確提示錯(cuò)誤種類。但是在測(cè)試中也發(fā)現(xiàn)軟件的一些不足與缺陷，比如程序運(yùn)行時(shí)不會(huì)彈出出錯(cuò)或警告對(duì)話框；可以多次打開FORM，不會(huì)出錯(cuò)；軟件的安全性較差等一些缺陷，需要在軟件進(jìn)一步修改和維護(hù)時(shí)予以糾正。5結(jié)論5.1系統(tǒng)優(yōu)勢(shì)我們的花田網(wǎng)上花店銷售系統(tǒng)，功能雖然比較簡(jiǎn)單，但是主要的購物車模塊和訂單模塊還是很好的實(shí)現(xiàn)了，而且網(wǎng)站的健壯性比較好，在所有展示的網(wǎng)站中，我們的鏈接和跳轉(zhuǎn)是我們的一大特色；我們的網(wǎng)站只支持貨到付款，與其他在線支付方式相比，這種方式還是相當(dāng)具有獨(dú)創(chuàng)性的，而且操作界面相對(duì)友好，易用性強(qiáng)，相對(duì)于很多其他系統(tǒng)來說，給人以視覺上的美感。5.2心得與體會(huì)經(jīng)過兩個(gè)星期的忙碌學(xué)習(xí)，我深刻體會(huì)到了一個(gè)網(wǎng)站的建設(shè)是多么費(fèi)時(shí)費(fèi)心的事情，而且我第一次真正的感覺到了我身處一