曼若義服裝設(shè)計(jì)網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)

-⑤查看訂單：會(huì)員查看自己訂單狀態(tài)信息。（2）后臺(tái)功能模塊分析曼若依后臺(tái)管理系統(tǒng)主要對(duì)曼若依后臺(tái)的數(shù)據(jù)進(jìn)行管理，以下幾個(gè)方面。①后臺(tái)登錄：管理員登錄后臺(tái)進(jìn)行管理，有管理員自己的密碼安全認(rèn)證。②商品管理：實(shí)行對(duì)商品的增、刪、改、查操作。根據(jù)商品的功能來進(jìn)行分類，在產(chǎn)品展示頁面，對(duì)產(chǎn)品功能使用人群等進(jìn)行詳細(xì)介紹，用過文字和圖品展示公司產(chǎn)品信息，建立網(wǎng)站在現(xiàn)有企業(yè)的形象，同時(shí)，讓顧客快捷尋找商品信息，增加銷售產(chǎn)品量，增加企業(yè)實(shí)力。并且可以將商品設(shè)為熱銷商品。③用戶管理：用戶管理是為了對(duì)內(nèi)部外部的用戶進(jìn)行管理。用戶添刪改查管理：可以對(duì)系統(tǒng)用戶進(jìn)行添加，用戶添加不同的角色后每個(gè)角色都有不同的權(quán)限且角色的權(quán)限是不重復(fù)的；可以對(duì)用戶進(jìn)行刪除，因?yàn)槭褂帽窘巧挠脩粢驗(yàn)楦鞣N原因不再使用本角色的賬號(hào)后可以對(duì)其進(jìn)行刪除；可以對(duì)用戶進(jìn)行修改。④訂單管理：管理員可以對(duì)曼若依網(wǎng)站會(huì)員訂單進(jìn)行處理。⑤類別管理：管理員進(jìn)行商品類別的修改等操作。⑥相關(guān)信息管理：管理員在此可以添加網(wǎng)站相關(guān)信息，如友情鏈接、配送方式等，讓顧客更好的了解我們品牌。

3、目錄結(jié)構(gòu)與鏈接設(shè)計(jì)曼若依服裝商城的目錄結(jié)構(gòu)如下:圖3-3曼若依服裝商城目錄結(jié)構(gòu)圖（二）靜態(tài)結(jié)構(gòu)模型1、業(yè)務(wù)類圖曼若依服裝網(wǎng)站用戶系統(tǒng)的業(yè)務(wù)類圖如圖3-4所示：圖3-4曼若依服裝網(wǎng)站業(yè)務(wù)類圖2、界面類圖曼若依服裝網(wǎng)站系統(tǒng)的界面類圖如下圖所示。圖3-5曼若依服裝網(wǎng)站界面類圖3、實(shí)體類圖曼若依服裝網(wǎng)站系統(tǒng)的實(shí)體類圖如圖3-6所示：圖3-6曼若依服裝網(wǎng)站實(shí)體類圖（三）數(shù)據(jù)庫設(shè)計(jì)1、E-R圖數(shù)據(jù)庫設(shè)計(jì)是指在給定環(huán)境，構(gòu)造最優(yōu)的數(shù)據(jù)庫模式。其有效存儲(chǔ)數(shù)據(jù)的方式，滿足用戶的應(yīng)用需求。數(shù)據(jù)庫的設(shè)計(jì)要分離各個(gè)實(shí)體和各個(gè)表，使實(shí)體一一對(duì)應(yīng)表，與此同時(shí)，要想確定表的字段，就要掌握各實(shí)體的屬性和各實(shí)體間的關(guān)聯(lián)，通常都用E-R圖來表示實(shí)體、屬性和聯(lián)系。曼若依服裝網(wǎng)站E-R圖如圖3-7所示。圖3-7曼若依服裝網(wǎng)站E-R圖2、表在設(shè)計(jì)數(shù)據(jù)庫時(shí)，表的設(shè)計(jì)是重中之重，根據(jù)網(wǎng)站前后臺(tái)功能和對(duì)數(shù)據(jù)庫中實(shí)體關(guān)系進(jìn)行描述。（1）用戶信息表表3-1用戶信息表列名數(shù)據(jù)類型長(zhǎng)度主鍵允許空功能描述IDint4是否用戶IDLoginNameVarchar20否是用戶賬號(hào)LoginPwdVarchar20否是用戶密碼NameVarchar20否是用戶姓名PhoneVarchar20否是聯(lián)系方式AddressVarchar200否是聯(lián)系地址（2）商品表表3-2商品表列名數(shù)據(jù)類型長(zhǎng)度主鍵允許空功能描述IDInt11是否商品IDtypeNamestring40否是分類名稱titlestring40否是商品名稱PriceMarketdouble0否是商品單價(jià)hotboolean1否是熱銷商品imgstring200否是圖片位置ProDescstring200否是商品描述（3）購物車表表3-3購物車表列名數(shù)據(jù)類型長(zhǎng)度主鍵允許空功能描述IDInt11是否購物車IDMemberInt4否否用戶編號(hào)PriceDouble0否是價(jià)格小計(jì)CartStatusInt4否是購物車狀態(tài)（4）訂單信息表表3-4訂單信息表列名數(shù)據(jù)類型長(zhǎng)度主鍵允許空功能描述IDInt11是否訂單IDNameVarchar20否否用戶姓名PhoneVarchar20否否用戶電話AddressVarchar200否否用戶地址PriceDouble0否否商品價(jià)格UidInt11否否會(huì)員IDCreateDateDatetime0否否訂單日期（5）管理員信息表表3-5管理員信息表列名數(shù)據(jù)類型長(zhǎng)度主鍵允許空功能描述IDInt11是否管理員IDnamevarchar20否否管理員名PasswordVarchar20否否管理員密碼（6）網(wǎng)站相關(guān)信息表表3-6網(wǎng)站相關(guān)信息表列名數(shù)據(jù)類型長(zhǎng)度主鍵允許空功能描述IDInt11是否用戶IDNamevarchar20否否相關(guān)信息標(biāo)題ContentLongtext0否否網(wǎng)站相關(guān)信息內(nèi)容（四）動(dòng)態(tài)行為模型順序圖能夠顯示對(duì)象之間的交互過程，通過生命線來表示交互的過程，強(qiáng)調(diào)時(shí)間順序。1、用戶注冊(cè)模塊該用例是在用戶填寫個(gè)人信息并提交到系統(tǒng)數(shù)據(jù)庫后，將個(gè)人身份由游客轉(zhuǎn)變?yōu)闀?huì)員的行為，該用例的流程如圖3-8所示。圖3-8用戶注冊(cè)模塊順序圖

2、用戶登錄模塊順序圖用戶登錄后，進(jìn)入網(wǎng)頁商品訂購和訂單管理的行為，該用例的順序圖如圖3-9所示。圖3-9用戶登錄模塊順序圖

3、商品管理模塊順序圖該用例是在服務(wù)端下，管理員輸入登錄名和密碼，管理員進(jìn)入后臺(tái)管理頁面進(jìn)行商品管理的行為，該用例的順序圖如圖3-10所示：圖3-10商品管理模塊順序圖4、商品選購模塊順序圖圖3-11商品選購模塊順序圖5、訂單管理模塊順序圖圖3-12訂單管理順序圖四、曼若依網(wǎng)站系統(tǒng)實(shí)現(xiàn)（一）開發(fā)環(huán)境開發(fā)曼若依服裝商城系統(tǒng)的軟件及硬件要求如表4.1所示：表4-1軟硬件需求表硬件需求內(nèi)存2G，4G以上更好硬盤100G以上軟件需求操作系統(tǒng)Windows10開發(fā)工具M(jìn)yeclipse網(wǎng)站服務(wù)器Tomcat數(shù)據(jù)庫MYSQL開發(fā)語言JAVA語言瀏覽器IE8.0以上曼若依服裝商城系統(tǒng)在Windows10操作系統(tǒng)上開發(fā)，以Apache旗下的Tomcat作為Web服務(wù)器，以Mysql作為曼若依服裝后臺(tái)數(shù)據(jù)庫管理，系統(tǒng)運(yùn)用Struts2+Hibernate+Spring和JSP技術(shù)的整合開發(fā)，以面向接口編程，大大提高了網(wǎng)站開發(fā)效率，這三大框架的運(yùn)用也使得系統(tǒng)的功能模塊更加清晰明了。1、Eclipse技術(shù)曼若依服裝網(wǎng)站通過Eclipse技術(shù)完成數(shù)據(jù)庫開發(fā)、發(fā)布。并且可以在很大程度上提高應(yīng)用程序服務(wù)器的整合效率。作為功能完善的J2EE集成開發(fā)環(huán)境，它涵蓋了許多功能，例如：完備的編碼、調(diào)試、測(cè)試和發(fā)布等，2、Java技術(shù)Java是一種編程語言。它與其他類型語言差別在于：它集編譯與解釋為一體。它具有如下特性：動(dòng)態(tài)性、簡(jiǎn)單性、分布式、面向?qū)ο蟆⒖煽啃缘?。正是由于它如此諸多優(yōu)點(diǎn)，才使得Java成為當(dāng)今最重要的網(wǎng)絡(luò)編程語言。3、Tomcat技術(shù)Tomcat免費(fèi)提供開放源代碼，它屬于輕量級(jí)應(yīng)用服務(wù)器，對(duì)于曼若依服裝網(wǎng)站這樣并發(fā)同時(shí)訪問用戶不多的中小型系統(tǒng)，它是開發(fā)和調(diào)試JSP程序的首選。4、MySQL技術(shù)MySQL是一種免費(fèi)，開源，跨平臺(tái)，使用效率高的一種數(shù)據(jù)管理系統(tǒng)。MySQL是一種標(biāo)準(zhǔn)化的結(jié)構(gòu)化查詢語言，這個(gè)語言使得存儲(chǔ)、更新和查詢信息更加的容易。MySQL的主要目標(biāo)就是快速、健壯和易用，其目標(biāo)恰好與本系統(tǒng)需求相匹配。5、Spring技術(shù)Spring作為網(wǎng)站實(shí)現(xiàn)J2EE的一個(gè)應(yīng)用程序框架，為我們這些小型開發(fā)企業(yè)級(jí)應(yīng)用提供了一個(gè)高效、便捷的解決方案。Spring能為曼若依服裝網(wǎng)站企業(yè)提供容器功能，可以管理對(duì)象的生命周期以及對(duì)象與對(duì)象之間的依賴關(guān)系。IOC則是控制反轉(zhuǎn)，反轉(zhuǎn)為依賴于抽象吧。還有一個(gè)依賴注入的特點(diǎn)：建立對(duì)象與對(duì)象之間依賴關(guān)系，包括接口注入、構(gòu)造注入、set注入，在Spring中只支持后兩種，更好的補(bǔ)充框架的完整性。（二）主要功能模塊實(shí)現(xiàn)曼若依網(wǎng)站的主界面設(shè)計(jì)采用了以黑色為主色彩，網(wǎng)站logo在頁面的左上角，同時(shí)還有熱門商品以及最新商品模塊，方便用戶瀏覽商品。

1、前臺(tái)主要功能模塊（1）網(wǎng)站首頁曼若依服裝網(wǎng)站首頁可以查看熱門商品以及最新商品。圖4-1曼若依網(wǎng)站首頁（2）用戶注冊(cè)界面用戶如果想在曼若依網(wǎng)站購買商品首先要注冊(cè)成為本網(wǎng)站的會(huì)員，并且登錄后才能購買。用戶注冊(cè)頁面如圖4-2所示。圖4-2用戶注冊(cè)頁面（3）用戶登錄界面已經(jīng)注冊(cè)好的曼若依服裝網(wǎng)站的會(huì)員登陸后可以購買商品等會(huì)員專享操作.用戶登錄頁面如圖4-3所示。圖4-3用戶登錄頁面（4）購物車界面圖4-4購物車頁面

（5）我的訂單我的訂單頁面能夠看到訂單以及顧客的基本信息.圖4-5我的訂單頁面2、后臺(tái)主要功能模塊的實(shí)現(xiàn)（1）管理員登陸頁面管理員進(jìn)入曼若依服裝網(wǎng)站后臺(tái)管理系統(tǒng)管理相關(guān)信息。管理員登陸頁面如圖4-6所示：圖4-6管理員登陸頁面

（2）商品類別管理圖4-7商品類別管理頁面（3）商品管理圖4-8商品管理頁面（4）訂單管理圖4-9訂單管理頁面

（5）用戶管理頁面如圖4-10所示圖4-10用戶管理頁面（三）測(cè)試網(wǎng)站在制作完成以后，一般不能直接投入運(yùn)行，需要進(jìn)行完整的、全面的測(cè)試。系統(tǒng)測(cè)試是軟件制作的一個(gè)重要的過程。它可以發(fā)現(xiàn)系統(tǒng)的錯(cuò)誤，使系統(tǒng)更加的完善。系統(tǒng)測(cè)試需要對(duì)產(chǎn)品所有功能都進(jìn)行檢驗(yàn)，以保障軟件系統(tǒng)可以滿足用戶需求。根據(jù)擬定好的功能用例，對(duì)系統(tǒng)一一進(jìn)行測(cè)試。測(cè)試對(duì)象是系統(tǒng)的所有部件，包括系統(tǒng)軟硬件、外設(shè)、部分?jǐn)?shù)據(jù)和一些支持性軟件和它們的接口等等，找出系統(tǒng)運(yùn)行錯(cuò)誤以及不符合用戶需求的地方，并進(jìn)行改正。1.注冊(cè)/登錄測(cè)試用例表4-2注冊(cè)/登錄測(cè)試編號(hào)測(cè)試項(xiàng)操作步驟預(yù)期結(jié)果輸入數(shù)據(jù)實(shí)際結(jié)果結(jié)果比較1會(huì)員注冊(cè)在注冊(cè)系統(tǒng)中填寫鄭若男123456密碼一致，注冊(cè)成功鄭若男178942不符合，密碼不一致符合2會(huì)員注冊(cè)在注冊(cè)系統(tǒng)中填寫注冊(cè)信息鄭若男輸入已存在的用戶名，顯示用戶名已被占用。在注冊(cè)系統(tǒng)中填寫注冊(cè)信息鄭若男1顯示用戶名已被占用符合3會(huì)員登錄在登錄系統(tǒng)中輸入用戶名密碼鄭若男123456用戶名和密碼為真進(jìn)入系統(tǒng)，否則，提示錯(cuò)信息。用戶名：1密碼：3不符合，用戶名密碼出錯(cuò)符合2.產(chǎn)品管理模塊的測(cè)試用例表4-3產(chǎn)品管理測(cè)試編號(hào)測(cè)試項(xiàng)操作步驟預(yù)期結(jié)果輸入數(shù)據(jù)實(shí)際結(jié)果結(jié)果比較1添加商品在產(chǎn)品管理模塊中添加一款新商品商品顯示在前臺(tái)商品展示界面，在商品詳情界面顯示出輸入的商品信息。商品的價(jià)格，名稱，分類，圖片，介紹等信息在前臺(tái)頁面中顯示出添加的商品，在商品詳情頁面顯示出完整的商品信息符合2修改商品在產(chǎn)品管理模塊中修改商品的信息商品在前臺(tái)頁面顯示出修改后的信息。商品新的名稱，圖片，價(jià)格等顯示商品新的信息符合3刪除商品在產(chǎn)品管理模塊中刪除商品商品不在出現(xiàn)在商品頁面，不能通過搜索找到商品不顯示商品符合

3.購物車模塊的測(cè)試用例表4-4購物車測(cè)試編號(hào)測(cè)試項(xiàng)操作步驟預(yù)期結(jié)果輸入數(shù)據(jù)實(shí)際結(jié)果結(jié)果比較1加入購物車在商品詳情頁面點(diǎn)擊加入購物車顯示加入購物車成功，并在購物車列表中看到該商品顯示加入購物車成功，商品存在與購物車中符合2修改商品數(shù)量在購物車中修改商品的購買數(shù)量商品數(shù)量從1變更為5商品數(shù)量：5商品數(shù)量為5符合3刪除商品刪除購物車中的商品商品信息不再顯示在購物車列表中商品信息從購物車中消失符合4生成訂單點(diǎn)擊購物車中的生成訂單訂單中的商品名稱、數(shù)量、金額與購物車中的商品名稱、數(shù)量以及金額信息相同訂單的信息與購物車的信息相同符合

4.訂單模塊的測(cè)試用例表4-5購物車測(cè)試編號(hào)測(cè)試項(xiàng)操作步驟預(yù)期結(jié)果操作步驟實(shí)際結(jié)果結(jié)果比較1管理員進(jìn)入后臺(tái)管理對(duì)訂單進(jìn)行在訂單管理頁面查看訂單狀態(tài)查看成功在訂單管理頁面查看訂單狀態(tài)并對(duì)其進(jìn)行管理查看成功，管理失敗不符合，由于現(xiàn)有技術(shù)還不完善，后續(xù)會(huì)補(bǔ)充。致謝隨著畢業(yè)設(shè)計(jì)的結(jié)束，大學(xué)生活也畫上了句號(hào),同時(shí)也讓我整合了這四年所學(xué)的知識(shí)。這是一個(gè)自我完善、自我認(rèn)知的過程。從查資料到回顧這四年所學(xué)的知識(shí)到實(shí)際操作，然后解決問題。經(jīng)過各環(huán)節(jié)的測(cè)試，已經(jīng)完成本網(wǎng)站的開發(fā)，各模塊功能基本實(shí)現(xiàn)，但因能力有限，系統(tǒng)功能還不是很完善，有許多需要改進(jìn)之處。還需要我在未來的日子里不斷學(xué)習(xí)。這是一項(xiàng)很辛苦的工作，但也是充滿樂趣的工作。設(shè)計(jì)過程中，邊看書，邊實(shí)踐，不斷遇到新的問題，不斷探索和努力使問題得到解決，自己也在這一個(gè)不斷學(xué)習(xí)進(jìn)步的過程中得到滿足。這次的畢業(yè)設(shè)計(jì)綜合了四年所學(xué)的知識(shí)，包括JAVA、電子商務(wù)網(wǎng)站分析與設(shè)計(jì)，數(shù)據(jù)庫等等，如果沒有這次的畢業(yè)設(shè)計(jì)，我們?cè)诖髮W(xué)四年所學(xué)的所有知識(shí)可能都會(huì)隨著畢業(yè)就隨風(fēng)而去。所以，我很感謝有這樣一個(gè)機(jī)會(huì)，有一個(gè)使用和總結(jié)我在大學(xué)四年所學(xué)到的知識(shí)的機(jī)會(huì)。四年的時(shí)光轉(zhuǎn)眼即逝，這四年的學(xué)習(xí)生活讓我認(rèn)識(shí)到自己的不足，我會(huì)帶著這回憶與經(jīng)驗(yàn)繼續(xù)前行，感謝一路走來電商九班同學(xué)的陪伴，與所有老師的辛勤付出。在這次畢業(yè)設(shè)計(jì)中，遇到了很多困難，有些東西甚至在我的理解范圍之外，所以在這里，我要感謝那些幫助我的同學(xué)、朋友。更要感謝我的指導(dǎo)老師—耿榮娜老師，給予我的種種幫助和指導(dǎo)。參考文獻(xiàn)[1]王永紅.基于Web前端開發(fā)的公司網(wǎng)站設(shè)計(jì)分析[J].河北農(nóng)機(jī),2019(05)[2]徐志凱,黃哲,黎俊杰.跨境電商網(wǎng)站系統(tǒng)的分析與設(shè)計(jì)[J].軟件工程,2019,(03)[3]胡文利.基于網(wǎng)站建設(shè)中網(wǎng)頁設(shè)計(jì)的安全缺陷與分析[J].電子世界,2019(01)[4]呂鑫鑫，李輝，包中文.電子商務(wù)系統(tǒng)規(guī)劃與設(shè)計(jì)實(shí)驗(yàn)教程.浙江大學(xué)出版社，2017.02[5]左文明.電子商務(wù)服務(wù)設(shè)計(jì)與管理.北京:科學(xué)出版社,2017.02[6]王先國.UML基礎(chǔ)與建模實(shí)用教程.清華大學(xué)出版社，2018.09[7]王艷,趙玲艷.基于現(xiàn)代企業(yè)信息化下電子商務(wù)系統(tǒng)的規(guī)劃與設(shè)計(jì)[J].現(xiàn)代經(jīng)濟(jì)信息,2018(03)[8]邢鐵燕.“我的書房”電子商務(wù)網(wǎng)站分析與設(shè)計(jì)[J].天津科技,2017(12)[9]朱振興.電子商務(wù)服裝智能選購系統(tǒng)的分析與設(shè)計(jì)[J].電腦知識(shí)與技術(shù),2017,(05).[10]閆婧.企業(yè)電子商務(wù)信息系統(tǒng)的建模分析與設(shè)計(jì)[J].南京廣播電視大學(xué)學(xué)報(bào),2016(02)[11]胡蕓.基于B/S結(jié)構(gòu)模式的伊犁旅游電子商務(wù)系統(tǒng)設(shè)計(jì)分析[J].現(xiàn)代商業(yè),2014(07)[12]吳忠慧.國內(nèi)電子商務(wù)網(wǎng)站的視覺設(shè)計(jì)分析[J].現(xiàn)代裝飾(理論),2015(01)[13]丁菊玲.生鮮農(nóng)產(chǎn)品的電子商務(wù)運(yùn)營(yíng)模式分析與設(shè)計(jì)[J].福建電腦,2014,(11)[14]藍(lán)鷹.基于UML的高校圖書電子商務(wù)系統(tǒng)分析和設(shè)計(jì)[J].智能計(jì)算機(jī)與應(yīng)用,2014,(04)[15]林保康.電子商務(wù)系統(tǒng)的設(shè)計(jì)與可行性分析[J].信息通信,2012(06)[16]CarolinaStubb,JonasColliander.“Thisisnotsponsoredcontent”–Theeffectsofimpartialitydisclosureande-commercelandingpagesonconsumerresponsestosocialmediainfluencerposts[J].ComputersinHumanBehavior,2019,98.[17]AndrewJ.Flanagin·MiriamJ.Metzger·RebekahPure·AlexMarkov·EthanHartsellMitigatingriskinecommercetransactions:perceptionsofinformationcredibilityandtheroleofuser-generatedratingsinproductqualityandpurchaseintention[J].SpringerScience+BusinessMediaNewYork2014附錄1、商城界面<%@pagecontentType="text/html;charset=UTF-8"%><%@includefile="tag.jsp"%><!DOCTYPEhtml><html><head><title>網(wǎng)上商城</title><linkhref="${shop}/css/common.css"rel="stylesheet"type="text/css"/><linkhref="${shop}/css/product.css"rel="stylesheet"type="text/css"/><scripttype="text/javascript"src="${shop}/js/jquery-1.8.3.js"></script><scripttype="text/javascript">functioncheckCount(){ varr=/^[0-9]*[1-9][0-9]*$///正整數(shù) varcount=$("#count").val(); if(!r.test(count)){ $("#count").val(1); }}</script></head><body> <%@includefile="header.jsp"%> <divclass="containerproductContent"> <%@includefile="left.jsp"%> <divclass="span18last"> <divclass="productImage"> <atitle=""style="outline-style:none;text-decoration:none;" id="zoom" rel="gallery"> <divclass="zoomPad"> <imgstyle="opacity:1;"title="商品圖片"class="medium"src="${ctx}/${entity.img}"/> <divstyle="display:block;top:0px;left:162px;width:0px;height:0px;position:absolute;border-width:1px;"class="zoomPup"></div> <div style="position:absolute;z-index:5001;left:312px;top:0px;display:block;" class="zoomWindow"> <divstyle="width:368px;"class="zoomWrapper"> <divstyle="width:100%;position:absolute;display:none;"class="zoomWrapperTitle"></div> <divstyle="width:0%;height:0px;"class="zoomWrapperImage"> <imgsrc=""style="position:absolute;border:0pxnone;display:block;left:-432px;top:0px;"/> </div> </div> </div> <divstyle="visibility:hidden;top:129.5px;left:106px;position:absolute;"class="zoomPreload">Loadingzoom</div> </div> </a> </div> <!--商品的具體信息--> <divclass="name">${entity.title}</div> <divclass="sn"><div>編號(hào)：${entity.id}</div></div> <divclass="info"> <dl> <dt>商城價(jià):</dt> <dd> <strong>￥：${entity.priceShop}元</strong>參考價(jià)：<del>￥${entity.priceMarket}元</del> </dd> </dl> <dl> <dt>促銷:</dt> <dd><atarget="_blank"title="限時(shí)搶購(2016-07-30~2017-01-01)">限時(shí)搶購</a></dd> </dl> <dl> <dt>尺碼:</dt> <dd><p><inputtype="radio"value="s"name="size">S <inputtype="radio"value="s"name="size">M <inputtype="radio"value="s"name="size">L<inputtype="radio"value="s"name="size">XL</p> </dd> </dl> </div> <formid="cartForm"action="${ctx}/joinCart.html"method="post"> <inputname="cart.pid"type="hidden"value="${entity.id}"> <divclass="action"> <dlclass="quantity"> <dt>購買數(shù)量:</dt> <dd><inputtype="text"id="count"name="cart.count"value="1"maxlength="4"onblur="checkCount();"/></dd> <dd>件</dd> </dl> <divclass="buy"> <inputtype="submit"class="addCart"value="加入購物車"/> </div> </div> </form> <divid="bar"class="bar"> <ul> <liid="introductionTab"><ahref="#introduction">商品介紹</a></li> </ul> </div> <divid="introduction"name="introduction"class="introduction"> <divclass="title"><strong>${entity.desc}</strong></div> <div><imgsrc="${ctx}/${entity.img}"/></div> </div> </div> </div> <%@includefile="footer.jsp"%></body></html>2、商品<%@pagecontentType="text/html;charset=UTF-8"%><%@includefile="../common/tag.jsp"%><c:setvar="com"value="${ctx}/product"/><divclass="pageHeader"> <formonsubmit="returnnavTabSearch(this);"action="${com}/list.html"> <divclass="searchBar"> <tableclass="searchContent"> <tr> <td>標(biāo)題：<inputtype="text"name="product.title"value="${entity.title}"/></td> <td>描述：<inputtype="text"name="product.desc"value="${entity.desc}"/></td> </tr> </table> <divclass="subBar"> <ul> <li><divclass="buttonActive"><divclass="buttonContent"><buttontype="submit">檢索</button></div></div></li> </ul> </div> </div> </form></div><divclass="pageContent"> <divclass="panelBar"> <ulclass="toolBar"> <li><aclass="add"href="${com}/toAdd.html"target="dialog"width="550"height="450"mask="true"><span>添加</span></a></li> <li><aclass="delete"href="${com}/delete.html?product.id={sid_user}"target="ajaxTodo"title="確定要?jiǎng)h除嗎?"><span>刪除</span></a></li> <li><aclass="edit"href="${com}/toUpdate.html?product.id={sid_user}"target="dialog"width="550"height="450"mask="true"><span>修改</span></a></li> <liclass="line">line</li> </ul> </div> <tableclass="table"width="100%"layoutH="138"> <thead> <tr> <thwidth="5%"class="center">序號(hào)</th> <thwidth="10%"class="center">圖片</th> <thwidth="20%"class="center">分類</th> <thclass="center">標(biāo)題</th> <thwidth="10%"class="center">市場(chǎng)價(jià)格</th> <thwidth="10%"class="center">銷售價(jià)格</th> <thwidth="10%"class="center">是否熱銷</th> </tr> </thead> <tbody> <c:iftest="${pager.totalRecord==0}"> <tr><tdcolspan="7"align="center">暫無記錄</td></tr> </c:if> <c:forEachitems="${pager.datas}"var="d"varStatus="v"> <trtarget="sid_user"rel="${d.id}"> <tdclass="center">${v.index+1}</td> <tdclass="centerimgs"><imgalt=""src="${ctx}/${d.img}"width="50px;"height="50px;"></td> <tdclass="center"> <c:forEachitems="${s_cs}"var="cs"> <c:iftest="${cs.ideqd.categorySecond.id}">${}</c:if> </c:forEach> </td> <tdclass="center">${d.title}</td> <tdclass="center">￥${d.priceMarket}</td> <tdclass="center">￥${d.priceShop}</td> <tdclass="center"> <c:iftest="${d.hot}">熱銷</c:if> <c:iftest="${d.hotnetrue}">普通</c:if> </td> </tr> </c:forEach> </tbody> </table> <!--這是分頁部分--> <%@includefile="../common/pager.jsp"%></div> <styletype="text/css"media="screen">.imgs{text-align:center;}.imgsdiv{height:50px!important;}</style>3、會(huì)員登錄<%@pagecontentType="text/html;charset=UTF-8"%><%@includefile="tag.jsp"%><!DOCTYPEhtml><html><head><scripttype="text/javascript"src="${shop}/js/jquery-1.8.3.js"></script><scripttype="text/javascript">$(function(){ $("#username").focus(function(){ $("#username").val(""); });})</script><title>會(huì)員登錄</title><linkhref="${shop}/css/common.css"rel="stylesheet"type="text/css"/><linkhref="${shop}/css/login.css"rel="stylesheet"type="text/css"/></head><body> <%@includefile="header.jsp"%> <divclass="containerlogin"> <divclass="span12"> <divclass="ad"> <imgsrc="${shop}/image/login.jpg"width="500"height="330"alt="會(huì)員登錄"title="會(huì)員登錄"/> </div> </div> <divclass="span12last"> <divclass="wrap"> <divclass="main"> <divclass="title"> <strong>會(huì)員登錄</strong>USERLOGIN </div> <formaction="${shop}/login.html"method="post"> <table> <tbody> <tr> <th><spanclass="requiredField">*</span>用戶名:</th> <td> <inputtype="text"class="text"name="user.username"id="username"maxlength="20"required="required"value="${entity.username}"> </td> </tr> <tr> <th><spanclass="requiredField">*</span>密  碼:</th> <td> <inputtype="password"class="text"name="user.password"id="password"maxlength="20"required="required"> </td> </tr> <tr> <th> </th> <td><inputtype="submit"class="submit"value="登錄"/> <labelstyle="color:red;">${msg}</label></td> </tr> <trclass="register"> <th> </th> <td> <dl> <dt>還沒有注冊(cè)賬號(hào)？</dt> <dd> 立即注冊(cè)即可體驗(yàn)在線購物！<ahref="${ctx}/toRegister.html">立即注冊(cè)</a> </dd> </dl> </td> </tr> </tbody> </table> </form> </div> </div> </div> </div> <%@includefile="footer.jsp"%></body></html>訂單界面<%@pagecontentType="text/html;charset=UTF-8"%><%@includefile="../common/tag.jsp"%><c:setvar="com"value="${ctx}/order"/><divclass="pageHeader"> <formonsubmit="returnnavTabSearch(this);"action="${com}/list.html"> <divclass="searchBar"> <tableclass="searchContent"> <tr> <td>姓名：<inputtype="text"name=""value="${}"/></td> <td>電話：<inputtype="text"name="order.phone"value="${entity.phone}"/></td> <td>地址：<inputtype="text"name="order.address"value="${entity.address}"/></td> </tr> </table> <divclass="subBar"> <ul> <li><divclass="buttonActive"><divclass="buttonContent"><buttontype="submit">檢索</button></div></div></li> </ul> </div> </div> </form></div><divclass="pageContent"> <divclass="panelBar"> <ulclass="toolBar"> <li><aclass="edit"href="${com}/toUpdate.html?order.id={sid_user}"target="dialog"width="550"height="300"mask="true"><span>修改</span></a></li> <li><aclass="add"href="${com}/toInfo.html?order.id={sid_user}"target="dialog"width="600"height="400"mask="true"><span>查看詳情</span></a></li> <liclass="line">line</li> </ul> </div> <tableclass="table"width="100%"layoutH="138"> <thead> <tr> <thwidth="5%"class="center">序號(hào)</th> <thwidth="10%"class="center">操作</th> <thwidth="10%"class="center">狀態(tài)</th> <thwidth="10%"class="center">訂單號(hào)</th> <thwidth="8%"class="center">姓名</th> <thwidth="8%"class="center">電話</th> <thclass="center">地址</th> <thwidth="8%"class="center">訂單金額</th> <thwidth="8%"class="center">付款類型</th> <thwidth="15%"class="center">創(chuàng)建時(shí)間</th> </tr> </thead> <tbody> <c:iftest="${pager.totalRecord==0}"> <tr><tdcolspan="8"align="center">暫無記錄</td></tr> </c:if> <c:forEachitems="${pager.datas}"var="d"varStatus="v"> <trtarget="sid_user"rel="${d.id}"> <tdclass="center">${v.index+1}</td> <td><button>發(fā)貨</button></td> <tdclass="center">${d.num}</td> <tdclass="center">${}</td> <tdclass="center">${d.phone}</td> <tdclass="center">${d.address}</td> <tdclass="center">￥${d.price}元</td> <tdclass="center"> <c:iftest="${d.typeeq'ICBC-NET-B2C'}">工商銀行</c:if> <c:iftest="${d.typeeq'BOC-NET-B2C'}">中國銀行</c:if> </td> <tdclass="center"><fmt:formatDatevalue="${d.createDate}"pattern="yyyy/MM/ddHH:mm:ss"/></td> </tr> </c:forEach> </tbody> </table> <!--這是分頁部分--> <%@includefile="../common/pager.jsp"%></div>會(huì)員管理<%@pagecontentType="text/html;charset=UTF-8"%><%@includefile="common/tag.jsp"%><%@taglibprefix="s"uri="/struts-tags"%><!DOCTYPEhtml><html><s:iftest="null==#session.admin"><metahttp-equiv="refresh"content="0;url=${ctx}/admin/login.jsp"></s:if><s:else><head><title>后臺(tái)管理頁面</title><linkhref="${dwz}/themes/default/style.css"rel="stylesheet"type="text/css"media=