..word.zl..word.zl網上生鮮超市系統的設計與實現摘要本網上生鮮超市系統是一個基于Internet,采用B2C(BusinesstoConsumers)模式，并根據現在普遍的網上在線購物支付模式設計開發的一個網上生鮮超市系統——“生鮮該網上生鮮超市系統，利用Java、JSP、JavaScript作為前臺的應用程序開發語言，利用MYSQL作為后臺的數據庫，在JDK1.6、Tomcat6.0和MyEclipse的開發環境下采用SSH整合框架技術進展開發工程。系統在功能上分為前臺管理和后臺管理兩個局部。前臺主要為顧客提供會員注冊，關鍵詞： 網上生鮮超市；JSP；SSH框架TherealizationoftheonlinefreshsupermarketsystemanddesignAbstractTheonlinesupermarketssystemisbasedonInternet,B2C(BusinesstoConsumers)mode,andinaccordancewiththepopularonlineonlineshoppingpaymentmodeldesignanddevelopmentofanonlinesupermarkets"freshStreet".Thepurposeofthissystemdevelopmentisfortheconvenienceofthemajorityofofficeworkersandhomegroupstofacilitatepurchaseoffreshproducts,simpleandeasytoset,savingtime,andmanyotheradvantagesoftheoptionalmulti-in-oneonlineshoppingfreshsystemhaswonthemajorityofusersfavorofe-merceistheuseofmodernmunicationtechnology,networktechnologyasasocioeconomicpatterns.Theonlinesupermarketssystem,theuseofJava,JSP,JavaScriptasaforegroundapplicationdevelopmentlanguage,MySqlasaback-enddatabase,SSHintegrationintheJDK1.6,Tomcat6.0andMyEclipsedevelopmentenvironmentframeworkfortechnology.Thetwopartsofthefrontandbackofficemanagementsystemfunctionalatmosphere.Frontdesktoprovidecustomerswithmembershipregistration,shoppingcartmanagement,productbrowsingandclassifiedinformations.Thebackgroundismainlyprovideadministratorswithmerchandisemanagement,customerinformationmanagement,ordermanagementfeaturessuchasonlinesupermarketssystemhaspowerfulinteractivefeatures,merchantsandcustomerscanfacilitatethetransmissionofinformationtopletee-merceorEDItransactions.KeyWords:OnlineFreshSupermarket; JSP; SSHArchitecture..word.zl..word.zl目錄摘要IAbstractII網上生鮮超市系統的概述11課題研究背景和意義1研究背景1研究意義2網上生鮮超市開展的社會環境及條件分析3網上生鮮超市的可行性研究5589網上生鮮超市系統分析1111的可行性分析111212開發的設計思想13系統的開發環境與關鍵技術14系統采用的架構技術14JSP14JavaBean15Servlet技術15Structs技術16Spring17系統采用的開發環境17JDK17數據庫軟件Mysql18Web效勞器Tomcat6.018集成開發工具Eclipse1919JavaScript1920網上生鮮超市系統的總體規劃與設計21功能規劃與設計2121管理員功能模塊21系統層次模塊圖2223界面設計與功能模塊的程序設計26生鮮街主界面2124262830634343435結 論 36獻37致48附錄1 外文參考文獻〔譯文〕37附錄2 外文參考文獻〔原文〕39

參 考 文1網上生鮮超市系統的概述引 言容、從生產到生活的各種活動，并且給人類帶來了新的機遇和挑戰。該網上生鮮超市系統，利用的主要技術是基于效勞器的JSP、Java的組件技術。利用MYSQL作為后臺的數據庫，在JDK1.6、Tomcat6.0和MyEclipse的開發環境下采用SSH整合框架技術進展開發工程。課題研究背景和意義研究背景展速度迅猛，美國的世界級超一流的零售商，如沃爾瑪凱瑪特、家庭倉儲、科羅格、J.C培尼等紛紛躋身于網絡經商的行列。調查說明：美國的家庭已越來越習慣于在家中從網上購物。在1996年，燕莎友誼商場首次通過網上商城售出一個景泰藍，雖然貨款的支付等大城市，已有200多家商場，專賣店開設了網上商店，還有一些正處在觀望階研究意義網上生鮮超市以B/C網上生鮮超市為中國城市化進程中的市民提升生活品質，創造營養，鮮生活的家庭生鮮消費，將繁瑣的家務時光變成家庭的享樂時光成立的現代農業科技公司，是立足于家庭生鮮農產品供給，以現代化的農產品流通供給鏈，為城市居民提供響應政府新一輪加快探索出了低本錢，高效率，高技術，高知識為一體的創新型網上生鮮超市開展的社會環境及條件分析分析歐美國家上世紀7O年代至9O必須具備以下環境和條件：居民收入持續提高，居民消費恩格爾系數小于3O％動零售商業的變革，這已經為世界網上零售業態開展和變革的歷史所證實。GNP到達3000現；到達6000的物質生活。隨著Internet的迅速崛起，網上超市應運而生，擇自己喜歡的商品。爾系數小于3O％．口的的生鮮準時送貨到家，會有誰不樂意呢？家庭構造以核心家庭為主有一定規模的穩定的供給商興旺國家至上世紀7O年代根本實現了農業現代代，形成了高度成熟的農業產業化鏈條，再加上Internet的快速崛起，這為網上生鮮食品超市化提供了良好的貨源根底和科技要求。產品標準化、品牌化現代化物流配送系統的建立有數據說明，興旺國家的果蔬損失率控制在5％以下．而我國水果、蔬菜等農副產品在采摘、運輸、儲存等物流環節上的損失率那么在 25％～30％。歐洲最大的生鮮食品超市——法國冠軍超市在法國外鄉擁有實體店鋪和網上店鋪超過1000家．強大的配送中心是保證它商品種類齊全、價格低廉的重要原因其次就是通過建立自己的配送中心來降低配送本錢因此是否擁有一套現代化流配送系統是開展生鮮超市的有力保障。先進的管理技術生鮮的經營帶有很多技術性做法及很多不易控制的因素給員工帶來一定的操作難度。如生鮮的價格、生鮮的質量、生鮮的加工、生鮮的損耗等。其中生80年代中期已普遍采用POSEDIEOS在上世紀90年代網上購物迅速崛起，因此，先進的超市管理技術為網上生鮮超市管理打下了良好的根底。從上述條件分析，網上生鮮超市的成功經營除了投資者要善于運用先進營銷理念、管理手段和管理技術外，更需要有成熟的Internet網絡環境和經濟環境的支撐和消費觀念的更新。而這便需要政府積極地創造和引導。網上生鮮超市的可行性研究網上生鮮超市的現狀在我國，隨著互聯網技術的進步，上網費的降低，網民的高速增長，網上購物必將擁有一個更加廣闊的市場。目前，寬帶正在進入尋常百姓家，信用制度即市的應運而生，正好滿足了這局部人的需求。網上生鮮超市系統是以網上在線購物，在線支付的方式進展商品交易模式之路。具體地說，應在以下幾方面有所突破：提高效率任何一家網上零售商，只用心吸引顧客自己的還不夠，還必須留住顧客，樂開展用戶鼠票一擊，可以周游全球的網上商城。目前，網上零售業強勁增長，而許多網上零售企業只是苦于新的客戶群增長緩慢。商業信息集團Datamonitor在調查了七大工業國的7500位消費者之后，提供一份報告，目前，網上購物的模式實際上并未改變，但是，歐洲市場規模164億美元的電子零售營收，只是由14的潛在50％；9％；27；8方便快捷式。日前，貿發局發表一份最新研究報告，指出，隨著地上網費的不斷下調，場，網上零售業的前景將十分樂觀。網上生鮮超市存在的問題及原因分析點：目前還存在很大一局部消費者受傳統購物觀念的束縛。因為網上購物的了網上購物的開展與普及。缺乏平安的網上支付機制。目前我國的網上支付機制還不是很健全，相大影響了電子商務的運行效率。物流配送系統不完善。網上購物的消費者分布在全國各地，這就給商家的物流配送帶來很大的挑戰，每位消費者都希望在最短的時間拿到所購置的商存在較多的問題。不明顯。技術較為落后，人才匱乏。在中國，只有當當卓越擁有超過百人的技術團隊，中型B2C是多面手，要做很多方面的事情，嚴重影響了工作的效率和開展的腳步。針對在線付款的的對策建議我國電子商務信用問題已引起社會各方高度重視。目前我國出臺了許多的安康開展。實名制是解決網絡欺詐、改善網絡購物環境的有效途徑。建議網上購物加強宣傳力度，普及網絡交易的維權常識，改善網絡條件。對網上購物引起其對網上購物的興趣，使更多的人參與到網上購物中。改善物流配送狀況。完善物流配送體系，提高物流配送速度與效率，提制度，保證配送公司盈利的情況下使顧客權益最大化。5．6．完善支付與信用體系，加強誠信建立。這是整個社會大環境的問題，不一步改善網上購物的環境，這樣中國的B2C才會高速開展。2網上生鮮超市系統分析能進展細致的分析，從而才能夠開發出完整的系統設計。的設計目標本系統利用Jsp，java，javscript作為前臺的應用開發語言，Mysql作為后臺的數據庫，采用SSH整合框架技術進展開發工程。此系統分為前臺管理和后臺管理。前臺管理是友好的操作界面，供用戶瀏覽、查詢使用。包括：瀏覽商品、查詢商品、訂購商品、購物車等功能；后臺管理是提供給管理員的，其中包括：并提高了辦公效率。的可行性分析可行性研究是為了弄清楚系統開發的工程是不是可以實現和值得進展研究得出以下四點的可行性分析：能力有限，其功能還不能完善，所以沒有什么經濟效益可談。Spring+Struts2+Mybatis整合框架整體布局的優勢。運行可行性：該系統需要搭建JVM即JAVA虛擬機和Tomcat環境，在此環境下系統，并且在正確連接數據庫后可以正常運行。4．計，因此不會構成侵權，在法律上是可行的。通過以上的可行性分析，我將采用JSP＋Servlet相結合的技術，運用MySQL數據庫對進展建立。的深入調查能完成顧客根本信息錄入的注冊和生鮮產品的瀏覽和在線購置功能。能夠完成管理員對的生鮮資料〔生鮮添加、生鮮審查訂購信息管理等功能。能過輸入生鮮商品的名稱，進展分類搜索。費用進展確定。經過前一階段的調查與研究分析，我已確定了該平臺設計的主要功能，對每個功能模塊也作了具體描述，下面就來具體分析該平臺的設計特點與具體思想。設計的特點才能到達的結果，采用Web技術，借助于Internet簡單、方便、易行。開發的設計思想3系統的開發環境與關鍵技術系統采用的架構技術JSP頁面技術JSPSunMicrosystemsHTMLJavaScriptletJSP標簽，就構成了JSPjava程序片段可以操縱數據庫、重新定向網頁以JSPjavaserverpageServletHtmljavaJSPServlet通常返回給客戶端的就是一個HTMLWeb效勞器在遇到JSPJSP文件中的HTML代碼一起返回給客戶端。插入的Java程序段可以操作數據庫、重新定向網頁等，以實現建立動態網頁所需要的功能。JSPJava編程語言編寫類XMLtags和scriptletstags和scriptletsJSP的應用程序的開發變得迅速和容易。JSP(JavaServerPages)是一種動態頁面技術，它的主要目的是將表示邏輯從Servlet中別離出來。JSPHTML代碼和嵌入其中的Java端請求以后對這些Java代碼進展處理，然后將生成的HTMLJavaServlet是JSPWebJavaServlet和JSPJSPJava對象，具有平臺無關性且平安可靠，主要面向因特網的所有特點。自JSP推出后，眾多大公司都支持JSP技術的效勞器，如IBM、Oracle、Bea公司等，所以JSP迅速成為商業應用的效勞器端語言。JavaBeanJavaBean組件技術用于封裝業務邏輯，以便于外界的調用。其由一組屬性和操作這些屬性的函數組成。JavaBean是一種可重復使用的且跨平臺的軟件組件。JavaBean可分為兩種：一種是有用戶界面〔UserInterface，UI〕的JavaBean，還有一種是沒有用戶界面，主要負責表示業務數據或者處理事務〔如數據運算、操縱數據庫〕的JavaBean。JSP通常的是后一種JavaBean。JSP與JavaBean搭配使用，有3個好處：〔1〕使得HTML與Java程序別離，這樣便于維護代碼。如果把所有的程序代碼都寫到JSP網頁中，會使得代碼繁雜，難以維護。〔2〕可以降低對開發JSP網頁的人員的Java編程能力的要求。〔3〕JSP側重于生成動態網頁，事務處理由JavaBean來完成，這樣可以充分利用JavaBean組件的可重用性特點，提高開發的效率。ServletServletServlet大的提高了系統利用率。Servlet是MVC效勞攔截、過濾等。Servlet是一種端的Java應用，具有獨立于平臺和協議的特性，可以生成動態的Web頁面。它擔當客戶請求〔Web瀏覽器或其他客戶程序與效勞器響應〔效勞器上的數據庫或應用程序〕的中間層。Servlet是位于Web部的效勞器端的Java應用，與傳統的從命令行啟動的Java應用程序不同，ServletWeb效勞器進展加載，該Web效勞器必須包含支持Servlet的Java。servlet是在效勞器上運行的小程序。這個詞是在Javaapplet的環境中創造的，Javaapplet是一種當作單獨文件跟網頁一起發送的小程序，它通常用于在效勞器端運行，結果得到為用戶進展運算或者根據用戶互作用定位圖形等效勞。用公共網關接口〔CGI(monGatewayInterface)Javaservlet的優點在于它們的執行速度更快于CGIStructsStruts是Apache基金會Jakarta工程組的一個OpenSource工程，它采用MVC模式，能夠很好地幫助java開發者利用J2EE開發Web應用。和其他的java架構一樣，Struts也是面向對象設計，將MVC模式"別離顯示邏輯和業務邏輯"的能力發揮得淋漓盡致。Structs框架的核心是一個彈性的控制層，基于如JavaServlets，JavaBeans，ResourceBundles與XML等標準技術，以及Jakartamons的一些類庫。Struts由一組相互協作的類〔組件〕、Servlet以及jsptaglib組成。基于struts構架的web應用程序根本上符合JSPModel2的設計標準，可以說是一個傳統MVC設計模式的一種變化類型。SpringSpring的核心是輕量級的容器，它實現了IoC供AOP概念的實現方式，提供對持久層、事務的支持，提供MVCWeb框架的APISpring賴。層與層之間的依賴通常是以接口的形式表現，以確保其耦合盡可能松散。、對象生命周期的管理。2Spring輕量級容器表達在：只需設置一個Jar文件到CLASSPATH，不用去調低LooselyCoupled工廠類創立DAO對象，Spring將View層與持久層，比與Hibernate聯系起來。SpringHibernate的使用，還可以幫助管理HibernateSpring本身沒有O-Rmapping。系統采用的開發環境JDKJDK(JavaDevelopment開發工具)是一個寫Java的者編譯，調試和運行用Java語言寫的applet和應用程序所需的工具組成。jdk是SunMicrosystems針對Java開發員的產品。自從Java推出以來，JDK已經成為使用最廣泛的JavaSDK〔Softwaredevelopmentkit〕。數據庫軟件MysqlMySQLSQL數據庫管理系統，它由MySQLAB開發、發布和支持。MySQL效勞器支持關鍵任務、重負載生產系統的使用，也可以將它mass-deployedMySQLMySQLMySQLMySQLMySQL/效勞器或潛入系統中。有大量的MySQLWeb效勞器Tomcat6.0Tomcat是Apache軟件基金會〔ApacheSoftwareFoundation〕的Jakarta工程中的一個核心工程，是一個免費的開放源代碼的、支持JSP和Servet技術的容器，它同時又是一個Web效勞器軟件。Tomcat很受廣闊程序員的喜歡，因為它運行時占用的系統資源小，擴展性好，支持負載平衡與效勞器等開發應用系統的功能。TomcatJSP程序的首選。當在一臺機器上配置好Apache效勞器，可利用它響應對HTML頁面的請求。實際上Tomcat局部是Apache效勞器的擴展，但它是獨立運行的，所以當你運行tomcat時，它實際上作為一個與Apache獨立的進程單獨運行的。集成開發工具MyEclipseMyEclipse是一個開放源代碼的、基于Java的可擴展開發平臺。就其本身而言，它只是一個框架和一組效勞，用于通過插件組件構建開發環境。幸運的是，MyEclipseJavaJavaDevelopmentJDK〕。雖然大多數用戶很樂于將MyEclipse當作Java集成開發環境〔IDE〕來使用，但Eclipse的目標卻不僅限于此。MyEclipse還包括插件開發環境〔Plug-inDevelopmentEnvironment，PDE〕，這個組件主要針對希望擴展MyEclipse的軟件開發人員，因為它允許他們構建與 MyEclipse環境無縫集成的工具。由于MyEclipse中的每樣東西都是插件，對于給MyEclipse提供插件，以及給用戶提供一致和統一的集成開發環境而言，所有工具開發人員都具有同等的發揮場所系統開發的關鍵技術JavaScriptJavaScript同時也是一種廣泛用于客戶端Web開發的腳本語言，常用來給HTML網頁添加動態功能，比方響應用戶的各種操作。它最初由網景公司的BrendanEich設計，是一種動態、弱類型、基于原型的語言，置支持類。本系統在JSP頁面中添加許多JavaScript語言標記來驗證用戶提交的信息是的申購信息加以識別，也對許多級聯信息加以篩選。分頁數據的顯示本系統將所有需要分頁顯示的數據封裝在一個Setpage的Javabean文件中，ResultSet的RowSetRowSet果集，可以及時釋放空間，加快數據速度，同時RowSet也支持Javabean本工程具體用到的工具進展介紹具體如下：〔1〕基于J2EE架構的應用程序，具有Java到處運行〞。〔2〕操作系統：WindowsXP〔3〕數據庫：MySql〔4〕Web效勞器：Tomcat6.0〔5〕Java編譯器：JDKl.6〔6〕開發工具：MyEclipse4網上生鮮超市系統的總體規劃與設計功能規劃與設計用戶功能模塊分析物車信息購置生鮮產品。會員信息修改模塊：顧客在登錄了本網上生鮮超市系統后，可以管理自己的個人信息。主頁瀏覽模塊：任意普通用戶進入本生鮮超市系統，都可以瀏覽我們“生鮮街〞的商品，一覽無遺的主頁生鮮產品，亦可根據不同分類進展快速查詢。管理員功能模塊生鮮管理模塊：管理員可以添加、刪除、修改等操作來管理來對生鮮產品理訂單信息。顧客信息管理模塊：管理員可以查看顧客列表，刪除指定的顧客信息。系統層次模塊圖顧客模塊管理員模塊訂單管理購物車管理管理員信息修改訂購生鮮修改購物信息在本文的系統可行性研究章節已經就本系統的所有功能做了一個大致的需顧客模塊管理員模塊訂單管理購物車管理管理員信息修改訂購生鮮修改購物信息注會顧主管生顧冊員客頁理鮮客會信登瀏員管信員息修改陸覽生鮮登陸理息管理管分 生生 生 刪訂審理類 鮮鮮 鮮 除單核購查 修添 刪 顧結訂物車詢 改加 除 客信算單息數據庫設計

圖4.1功能需求分析圖1、管理員信息表管理員信息表主要是用來描述管理員的信息，其包括管理員名稱和管理員密碼。見表4-1：表4-1管理員信息表名稱描述類型 主鍵外鍵是否為空user_name管理員名varchar(100) 否否不為空pwd管理員密碼varchar(50) 否否不為空2、顧客信息表表4-2顧客信息表名稱描述類型主鍵外鍵是否為空顧客信息表主要是用來描述顧客的詳細信息表4-2顧客信息表名稱描述類型主鍵外鍵是否為空id編號int(12)是否不為空user_name顧客名varchar(100)否否不為空add_time注冊時間bigint(20)否否不為空pwd顧客密碼varchar(50)否否不為空user_grade會員等級int(12)否否不為空certificate_no明varchar(50)否否不為空phone聯系varchar(50)否否為空user_addrvarchar(200)否否不為空3、商品類別表商品類別表主要是用來描述商品的分類，其包括商品編號和商品名稱，見表4-3：表4-3商品類別表名稱描述類型 主鍵外鍵是否為空id編號int(12) 是否不為空cat_name商品名稱varchar(100) 否否不為空4、商品信息表商品信息表主要是用來描述商品的詳細信息，其包括商品編碼、商品名稱、商品購置時間、商品規格、商品類別、商品價格、商品單位、商品備注、商品備注等。見表4-4：表4-4商品信息表名稱描述類型主鍵外鍵是否為空id編號int(12)是否不為空pro_name商品名稱varchar(100)否否不為空proadd_time購置時間bigint(20)否否不為空pro_standard商品規格varchar(20)否否不為空cat_id商品類別int(12)否是不為空price商品價格double否否不為空pro_unit商品單位varchar(10)否否為空pro_desc商品備注varchar(200)否否不為空pro_pic商品圖片varchar(200)否否不為空5、訂單信息表訂單信息表主要是用來描述顧客的訂單信息其包括訂單編碼顧客號購置時間所購商品總價收貨人收貨人收貨人 收貨人地址等見表表4-5訂單信息表名稱描述類型主鍵外鍵是否為空id編號int(12)是否不為空user_id顧客號int(12)否否不為空order_time購置時間bigint(20)否否不為空total_price商品總價double否否不為空receive_name收貨人varchar(100)否是不為空receive_phone收貨人varchar(100)否否不為空receive_post收貨人varchar(100)否否不為空receive_addr收貨人地址varchar(100)否否不為空--5界面設計與功能模塊的程序設計述，因此只能簡單大體的介紹下本系統的功能實現。生鮮街主界面5.1所示：主要代碼如下：

圖5.1生鮮街主界面<head><meta -equiv="Content-Type"content="text/html;charset=UTF-8"><title>生鮮街</title><linkrel="stylesheet"type="text/css". .word.zl..word.zl..word.zlhref="${pageContext.request.contextPath}/css/fvms.css"/><scripttype="text/javascript"src="${pageContext.request.contextPath}/js/layer/jquery-1.9.1.min.js"></script><scripttype="text/javascript"src="${pageContext.request.contextPath}/js/layer/layer.min.js"></script><scripttype="text/javascript"src="${pageContext.request.contextPath}/js/main.js"></script><styletype="text/css">.update_part{display:none;}</style></head><bodybgcolor="#FFFeFe"><li><imgsrc="${pageContext.request.contextPath}/images/2.jpg"height="116px" alt=""/></li><li><imgsrc="${pageContext.request.contextPath}/images/3.jpg"width="686px"height="116px" alt=""/></li><li><imgsrc="${pageContext.request.contextPath}/images/4.jpg"height="116px" alt=""/></li><li><imgsrc="${pageContext.request.contextPath}/images/5.jpg"height="116px" alt=""/></li><tdwidth="50px">名稱：</td><tdwidth="195px"><spanstyle="font-weight:bolder;color:#00B366">${proName}</span></td><tdwidth="50px">種類：</td><tdwidth="195px"><spanstyle="font-weight:bolder;color:#00B366">${catName}</span></td></tr><tr><td>規格：</td><td><spanstyle="font-weight:bolder;color:#00B366">${proStandard}</span></td><td>單價：</td><td><spanstyle="font-weight:bolder;color:<divid="updatepid${id}"class="update_part"><divclass="upconticon"><imgsrc="${pageContext.request.contextPath}/images/fv/${proPic}"width="150px"height="150px"></div><divclass="upcont"><p><spanclass="gxin">商品編號：</span><inputtype="text"id="pro${id}"disabled="disabled"value="${id}"class="upinputs"/></p><p><spanclass="gxin">商品名稱：</span><inputtype="text"id="proname${id}"value="${proName}"class="upinputs"/></p><p><spanclass="gxin">商品種類：</span><inputtype="text"disabled="disabled"value="${catName}"class="upinputs"/></p><p><spanclass="gxin">商品規格：</span><inputtype="text"id="prosta${id}"value="${proStandard}"class="upinputs"/></p><p><spanclass="gxin">商品價格：</span><inputtype="text"id="proprice${id}"value="${price}"class="upinputs1"/>${proUnit}</p><p><spanclass="gxin">商品說明：</span><inputtype="text"id="prodesc${id}"value="${proDesc}"class="upinputs"/></p><br/><p><inputtype="button"id="upbtn"value="保 存"style="width:100px;30px;font-size:15px;margin-left:40px;"onclick="save(${id});"/></p></div></div><ahref="/fvms/main!findProByCatId?catId=${catId}&currtPageNo=1"class="fenye">第一頁</a> |<s:iftest="currtPageNo>1"><ahref="/fvms/main!findProByCatId?catId=${catId}&currtPageNo=${currtPageNo-1}"class="fenye">上一頁</a> /</s:if><s:iftest="currtPageNo<tatalPageNo"><ahref="/fvms/main!findProByCatId?catId=${catId}&currtPageNo=${currtPageNo+1}"class="fenye">下一頁</a>--登錄界面管理員和顧客在登錄模塊輸入正確的用戶名和密碼進入到相應的系統界面如圖5.2所示：圖5.2登錄界面主要代碼如下：<scripttype="text/javascript"src="${pageContext.request.contextPath}/js/jquery-1.7.2.min.js"></script><script type="text/javascript"src="${pageContext.request.contextPath}/js/login.js"></script></head><body><%includefile="../mons/head1.jsp"%><divclass="logincontent"><br><span style="margin: 50px0 0 100px; font-size: 40px; font-weight: bold; color:. .word.zl--#00B366">用戶登錄</span><br/> <br/><hr/><divclass="login_icon"><divclass="login_icon1"></div><divclass="login_from"><formaction="/fvms/user!login"method="post"id="loginForm"><tableborder="0"width="420px"height="300px;"><tr><tdheight="50px"colspan="3"><divstyle="background:#E6E6E6;height:50px;line-height:50px;"><spanstyle="color:#00CC00;font-size:15px;margin-left:30px;">超值生鮮市場，登錄即可帶回家</span></div></td> </tr> <tr><td align="right" height="50px" width="120px"><span style="font-weight: font-size:18px">用戶名：</span></td><td><input type="text"name="userName"class="inputs"value="${userNameid="name"/></td><td><spanclass="warn"id="nameWarm"></span></td></tr><tr><tdalign="right"height="50px"><spanstyle="font-weight:bold;font-size:18px">密  碼：</span></td>. .word.zl--<td><inputtype="password"name="pwd"class="inputs"id="mPwd"/></td><tdwidth="100px"><spanclass="warn"id="mPwdWarm"></span></td></tr><tr><tdcolspan="3"height="30px"align="center"><s:iftest="loginError==1"><spanstyle="color:red;font-size:14px;margin-left:30px;">用戶名或密碼錯誤</span></s:if></td></tr><tr><tdcolspan="3"align="center"><divclass="btn"onclick="login();"></div><br/>購物車管理界面顧客在“生鮮街〞主界面選購了商品，可以在購物車界面看到自己購置的商品，可以通過修改商品數量或者是刪除等操作來管理購物車，如圖5.3所示：. .word.zl..word.zl..word.zl主要代碼如下：

圖5.3購物車管理<meta -equiv="Content-Type"content="text/html;charset=UTF-8"><title>生鮮街--我的購物車</title><linkrel="stylesheet"type="text/css"href="${pageContext.request.contextPath}/css/fvms.css"/>bordercolor="#D9D9D9"width="950px"bgcolor="#F6F6F6"><trheight="50px"><tdwidth="150px"><spanclass="gtitle">商品</span></td><tdwidth="200px"><spanclass="gtitle">名稱</span></td><tdwidth="150px"><spanclass="gtitle">單價</span></td><tdwidth="100px"><spanclass="gtitle">數量</span></td><tdwidth="150px"><spanclass="gtitle">修改數量</span></td><td><spanclass="gtitle">操作</span></td></tr><s:iftest="buyList==null"><trheight="60px"><tdcolspan="6">你還沒有選購商品，<ahref="/fvms/main!doMain?currtPageNo=1">選購商品</a></td></tr></s:if><s:else><s:iteratorvalue="buyList"><trheight="120px"><td><imgsrc="${pageContext.request.contextPath}/images/fv/${Pic}"width="100px"height="100px"></td><td>${Name}</td><td>${pro.price}${Unit}</td><td>${num}</td><td><inputtype="text"id="num${pro.id}"></td><td><ahref="javascript:updateNum(${pro.id});">修改數量</a> / <ahref="javascript:deletePro(${pro.id});">刪除</a></td></tr></s:iterator><trheight="60px"><tdcolspan="6"><divclass="jiesuan"onclick="jiSuan();"></div></td></tr></s:else></table></div><divclass="shanchu"><divclass="yishanicon"></div><tableborder="1"cellpadding="0"cellspacing="0"bgcolor="#F6F6F6"><trheight="50px"><tdwidth="200px"><spanclass="gtitle">商品</span></td><tdwidth="300px"><spanclass="gtitle">名稱</span></td><tdwidth="150px"><spanclass="gtitle">單價</span></td><tdwidth="150px"><spanclass="gtitle">數量</span></td><td><spanclass="gtitle">操作</span></td></tr><s:iftest="noBuyList==null"><trheight="60px"><tdcolspan="5">無刪除記錄</td></tr></s:if><s:else><s:iteratorvalue="noBuyList"><trheight="120px"><td><imgsrc="${pageContext.request.contextPath}/images/fv/${Pic}"width="100px"height="100px"></td><td>${Name}</td><td>${pro.price}${Unit}</td><td>${num}</td><td><ahref="javascript:reBuy(${pro.id});">恢復</a></td></tr>購物結算界面顧客選購了商品，確定訂單后，就會進入到商品結算界面，這里包括所購商品價錢合計，還有顧客要填寫的收貨人信息，如圖5.4所示：--主要代碼如下：

圖5.4商品結算界面<meta -equiv="Content-Type"content="text/html;charset=UTF-8"><title>生鮮街--用戶付款</title><linkrel="stylesheet"type="text/css"src="${pageContext.request.contextPath}/js/layer/jquery-1.9.1.min.js"></script><scripttype="text/javascript">functionpay(){vara=$("#receName").val();varb=$("#recePhone").val();varc=$("#recePost").val();vard=$("#receAddr").val();if(a==""||a==null||b==""||b==null||c==""||c==null||d==""||d==null){. .word.zl..word.zl..word.zlalert("收貨信息沒填完整，請檢查并填完整后再付款！");return;}$("#reveForm").submit();}</script></head><body>bordercolor="#D9D9D9"width="850px"bgcolor="#F6F6F6"><trheight="40px"><tdwidth="300px"><spanclass="gtitle">商品名稱</span></td><tdwidth="170px"><spanclass="gtitle">單價</span></td><tdwidth="170px"><spanclass="gtitle">數量</span></td><td><spanclass="gtitle">小計</span></td></tr><tdcolspan="3"align="right"><spanstyle="font-size:18px;font-weight:bolder;margin-left:580px">合計：</span></td><td><spanstyle="font-size:30px;font-weight:bolder;color:#FF9900">￥${totalCost}</span></td><divclass="r_addre"><divclass="p2"></div><formaction="/fvms/cart!pay"method="post"id="reveForm"><divalign="center"style="margin-top:20px">收貨人：<inputstyle="width:500px;height:20px;"id="receName"name="order.receiveName"></div><divalign="center"style="margin-top:20px">收貨人：<inputstyle="width:500px;height:20px;"id="recePhone"name="order.receivePhone"></div><divalign="center"style="margin-top:收貨人 ：<inputstyle="width:500px;height:20px;"id="recePost"name="order.receivePost"></div><divalign="center"style="margin-top:20px">收貨人地址：<inputstyle="width:500px;height:20px;"id="receAddr"name="order.receiveAddr"></div></form></div><divclass="confrim_p"><divclass="p3"></div><divalign="center"style="margin-top:20px"><divclass="pbtn"onclick="pay();"></div></div></div><%includefile="../mons/foot.jsp"%></div></body></html>--管理員管理界面在管理員主界面，我們看到訂單管理、我的信息、用戶列表、添加商品幾個列表，在此可以分別對商品訂單、管理員信息、一般用戶信息、商品等幾項進展維護管理，如圖5.5所示：圖5.5管理員管理界面主要代碼如下：<meta -equiv="Content-Type"content="text/html;charset=UTF-8"><title></title></head><body><divclass="m_icon"></div><divclass="m_item"><spanstyle="margin-left:20px;"><ahref="/fvms/myfv!findOrderAllByUserId?currtPage=1&url=myfv!findOrderAllByUserId?currtPage=1"class="m_w">訂單列表</a></span></div><divclass="m_item"><spanstyle="margin-left:20px;"><ahref="/fvms/myfv!findUser?f=0&url=myfv!findUserf=0"class="m_w">我的信息</a>. .word.zl--</span></div><s:iftest="#session.userG==1"><divclass="m_item"><spanstyle="margin-left:20px;"><ahref="/fvms/myfv!findUserAll?currtPage=1&url=myfv!findUserAll?currtPage=1"class="m_w">用戶列表</a></span></div><divclass="m_item"><spanstyle="margin-left:20px;"<ahref="/fvms/myfv!adminAddPro?url=myfv!adminAddPro"class="m_w">添加商品</a></span></div></s:if><divstyle="width:150px;height:40px;"></div>添加商品界面在添加商品主界面，管理員可以任意添加商品，我們需要完整的填寫商品信息，其包括商品圖片、名稱、商品的可選類型、商品規格、單價及備注信息。如圖5.6所示：. .word.zl--主要代碼如下：

圖5.6添加商品界面action="/fvms/propic!adminAddProR"id="addProForm"enctype="multipart/form-data"method="post"><p><s:iftest="addResult==1"><spanstyle="margin-left:100px;font-size:14px;color:red"擇圖片類型的文件</span></s:if><s:elseiftest="addResult==2"><spanstyle="margin-left:100px;font-size:14px;color:blue">添加成功！</span></s:elseif></p><p><span class="gxin">商品圖片：</span><input type="file" id="pic"name="pic"></p><p><spanclass="gxin">商品名稱：</span><inputtype="text"class="uui"id="name"name="Name"></p>. .word.zl..word.zl..word.zl<p><spanclass="gxin">商品種類：</span><selectid="cat"name="pro.catId"><optionselected="selected"value="sull">==請選擇==</option><s:iteratorvalue="catList"><optionvalue="${id}">${catName}</option></s:iterator></select></p><p><spanclass="gxin">商品規格：</span><input type="text"class="uui"id="stand"name="Standard"></p><p><spanclass="gxin">商品單價：</span><input type="text" class="uui" style="width: 100px;" name="pro.price"><selectid="unit"name="Unit"><optionselected="selected"value="sunull">==請選擇==</option><optionvalue="元/斤">元/斤</option><optionvalue="元/個">元/個</option><optionvalue="元/袋">元/袋</option><optionvalue="元/盒">元/盒</option></select></p><p><spanclass="gxin">商品備注：</span><inputtype="text"class="uui"id="desc"name="Desc"></p>6 系統功能測試測試方法簡述測試過程按4個步驟進展，即單元測試、組裝測試、確認測試和系統測試。軟件測試的種類大致可以分為人工測試和基于計算機的測試。而基于計算機的測試由可以分為白盒測試和黑盒測試。黑盒測試的功能是否符合它的功能說明。用黑盒測試發現程序中的錯誤，必須在所有可能的輸入條件和輸出條件中確定測試數據，來檢查程序是否都能產生正確的輸出。2．白盒測試功能模塊測試用例測試數據用例測試數據測試結果UC1：輸入正確的用戶名和密碼UC2：輸入空用戶名及密碼UC3：輸入用戶名密碼之一為空UC4：輸入錯誤用戶名或密碼測試結論

用戶名:admins密碼用戶名: 密碼：用戶名:admins密碼:用戶名: 密碼:123456用戶名:zxy密碼:123456用戶名:admins密碼

成功跳轉系統主頁提示輸入密碼提示輸入用戶名提示用戶名或密碼錯誤也可根據自己需要取消或者是修改商品數量。軟件測試在軟件生命周期中占有重要的地位，為了使本軟件運行更加穩定，我對它進展了全面的測試，測試分為二局部來進展，一是：界面測試；二是：功能測試。經過測試，所有功能都得以實現，沒有任何變形，輸入錯誤信息的情況也得到了相應的錯誤提示。至此，在功能的測試上也已經比擬圓滿的完成了。結論本系統是基于JSP+SSH框架的網上生鮮超市系統。其功能根本符合實際需能還不夠強大,出錯處理不夠,數據庫中還存有冗余字段等多方面問題。在信息化的年代，網絡技術，電子商務技術的成熟，在互聯網效勞業務方根據網上買生鮮產品的特點，設計了這個網上生鮮超市系統，系統利用JSP+SSH和實現上，本系統有以下特點：良好的系統架構，本系統充分利用J2EE技術平臺，綜合MVC設計SSH的靈活性、可靠性和擴展性，能夠輕松應對用戶不停變換的功能需求。良好的用戶體驗。本系統在頁面商品信息展示上不僅做到了美觀大商品。這個系統的開發意義，為廣闊用戶提高了高效的生活模式。參考文獻JSP實用教程[M].第二版.:清華大學,2021黃明,梁旭.JSP信息系統設計與開發實例[M].:機械工業,2021.4Mysql官方：.mysql./Web技術教程：.w3school../RobertCecilMartin.UMLforJavaProgrammers.USA，2021.BruceEckel.ThinkinginJava[M].PrenticeHallPTR，2021IBM開發者：.ibm./developerworks/武延軍黃飛躍精通JSP編程技術[M].：人民郵電，2021.8JSP編程根底及應用實例集錦[M].：人民郵電，2021.7清宏計算機工作室.JSP編程技巧[M].：機械工業，2021.1周影.網絡編程語言JSP實例教程[M].：電子工業，2021.6海山.深入JavaServlet網絡編程[M].：清華大學，2021.2PhilHanna.JSP技術大全[M].：機械工業，2021.3KarlMoss.JavaServlet開發人員指南[M].：清華大學，2021X國智.SQLServer2000數據庫系統開發實例精粹.：電子工業,2021致總認為自己不會寫，抱著抗拒心理，還有幸運心理，總想找同學幫助，總覺得在論文完成之際，我要特別感我的指導教師周冰的熱情關心和悉心指導。在在論文的寫作過程中，也得到了許多同學的珍貴建議，感涂染同學用他珍貴的休息時間不厭其煩的為我遠程指導，安裝環境，調試代碼，技術指導等，使我受益匪淺。同時還還得到許多其他同學的幫助，在此一并致以誠摯的意。附錄1外文參考文獻〔譯文〕JSP最正確實踐:使用JSPinclude機制改良外觀本文是新的 JSP最正確實踐系列文章的第一局部，它介紹了 Pagesinclude機制。請跟隨 Java編程專家 BrettMcLaughlin學習如何使用include將靜態的頭文件和腳注文件參加您的或Web應用程序頁面中。歡送閱讀Java專區中最新的最正確實踐系列文章。如果您看過先前的系列文章，那么您會知道最正確實踐旨在讓您快速了解各種Java技術的有用方JavaServer〔JSP技術之一。JSP技術是在Java平臺上構建Web頁面或Web應用程序接JSPXML和HTML以及創立生動有趣、動態驅動的。在本系列中，您將學習一些用JSP技術構建的根底知識。我將為您介紹最常用的JSP機制，通過這些機制，您將了解根本的Web序代碼庫等。本文是這一系列文章的第一篇，在本文中，我們將集中討論JSPincludeHTML頁面的容。我們將首先介紹有關頁面include開展的一些背景知識，尤其是框架和效勞器端include后，我將向您演示如何使用JSPincludeWeb頁面或Web應用程序屏幕。本系列文章中的所有最正確實踐都基于JavaServerPages技術。要運行任何一種實踐，需要在本地機器或測試效勞器上設置符合 JSP的Web容器，如ApacheTomcat。您還需要使用文本編輯器或IDE編寫JSP頁面代碼。請參閱參考資料，獲取 Tomcat和與JSP兼容的 Web容器和 IDE的清單的。 Web頁面創立一致的設計和布局是確保獲得專業化外觀的最容易方法之一。您或許看過足夠多的知道單個站點中的大局部頁面都共用統一的頁面頭頁面尾以及某種類型的導航欄在設計良好的站點上這些元素將在每個頁面上呈現一樣的布局、容和功能，而主面板〔通常稱為容窗格〕會隨著每個視圖而變化。以前這種布局幾乎完全由框架和框架集實現每段靜態容被放置在一個框Web設計者尋找一種更佳的解決方案。效勞器端include〔server-sideinclude，SSI〕就是一種。JSPinclude偽指令與其SSI對等偽指令極其相似。SSI偽指令的JSP對等JSP的Web容器都將處理該JSP考資料一節，以獲得〕。應該將該文件另存為test-include.jsp。附錄2外文參考文獻〔原文〕JSPbestpractices:ImproveyourlookandfeelwiththeJSPincludemechanismThis first installment in the new JSP bestpractices series introduces JavaServerPagesincludemechanism.FollowalongasJavaprogrammingexpertMcLaughlinshowsyouhowtouseincludetoincorporatestaticheaderandfooterfilesintoyourWebsiteorWebapplicationpages.WeletothelatestBestpracticesseriesfromtheJavazone.Ifyou'vefollowedpreviousseries,youknowthatbestpracticesaredesignedtoquicklybringyouuptospeedonusefulaspectsofvariousJavatechnologies.ThisseriesofbestpracticesisdedicatedtoJavaServerPages(JSP)technology,whichisoneofthecoreJ2EEtechnologies.Inanutshell,JSPtechnologyisatoolforbuildingWebpagesorWebapplicationinterfacesontheJavaplatform.JSPtechnologyallowsustodosuchthingsasdynamicallyrespondtorequestdata,displayplexXMLandHTML,andcreatevisuallyinteresting,dynamicallydrivenWebsites.Inthisseriesyou'lllearnsomeofthebasicsofputtingtogetheraWebsitewithJSPtechnology.I'llintroduceyoutothemostmonJSPmechanisms,andthroughthemyou'lllearnaboutessentialWebdevelopmenttechniquessuchastemplating,manipulatingdynamiccontent,imagehos