版權說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權,請進行舉報或認領
文檔簡介
PAGEiG省特產(chǎn)商城管理系統(tǒng)設計與實現(xiàn)目錄23315摘要 I205941引言 113221.1課題背景與意義 124891.2相關研究綜述 1182651.3本課題的主要研究內(nèi)容 2210561.3.1研究的基本內(nèi)容 2136061.3.2研究的步驟 3217161.4論文組織結構 3253722系統(tǒng)功能設計 4238022.1系統(tǒng)功能模塊 4315342.2前端商城系統(tǒng) 4203092.3后端管理系統(tǒng) 541022.4系統(tǒng)詳細設計 6312842.5關鍵功能設計 6194162.5.1購買商品整體流程 6101292.5.2保存商品圖片 7242972.5.3用戶密碼加密解密 8256092.5.4售出商品統(tǒng)計展示 9294753數(shù)據(jù)庫設計 11190933.1數(shù)據(jù)庫表設計 11218703.2數(shù)據(jù)庫表間關系 14253564系統(tǒng)實現(xiàn) 16191074.1前端商城系統(tǒng) 16209214.1.1用戶登陸注冊模塊 16300414.1.2挑選商品模塊 17185614.1.3購物車模塊 1968784.1.4個人中心模塊 21282804.1.5訂單模塊 22187024.1.6公告模塊 23227344.1.7留言模塊 24112534.2后端管理系統(tǒng) 25185584.2.1管理員登錄 2564844.2.2商品銷售統(tǒng)計 25148924.2.3類目管理模塊 26188234.2.4用戶管理模塊 265154.2.5商品管理模塊 27123784.2.6訂單管理模塊 28152664.2.7公告管理模塊 28158264.2.8留言管理模塊。 29221045結論與展望 30199605.1開發(fā)總結 3021005.2系統(tǒng)展望 301727參考文獻 33PAGE2摘要當今社會,越來越多的人遠離家鄉(xiāng)在外工作或學習對家鄉(xiāng)十分想念,而且電子商城已經(jīng)成為現(xiàn)代人無法規(guī)避的方便快捷的購物場所,將甘肅特產(chǎn)搬上電子商城給身處異鄉(xiāng)的甘肅人提供了能夠品嘗到家鄉(xiāng)美味的渠道。本課題務求構擬甘肅特產(chǎn)商城管理系統(tǒng)。本文主要對甘肅特產(chǎn)商城管理系統(tǒng)進行研究,綜述了研究的背景以及意義,當前研究現(xiàn)狀以及發(fā)展前景,并分析了該系統(tǒng)還有的進步空間。甘肅特產(chǎn)商城管理系統(tǒng)使用SSM框架搭建,包含前端商城系統(tǒng)和后端管理系統(tǒng),實現(xiàn)了登錄注冊、搜尋商品、購物車、訂單、個人中心、留言、公告功能以及對應的后臺管理功能。通過甘肅特產(chǎn)商城管理系統(tǒng),人們即使身處異地也能購買到家鄉(xiāng)特產(chǎn),緩解思鄉(xiāng)情。 關鍵詞:電子商城;管理系統(tǒng);SSM引言課題背景與意義信息技術的首次出現(xiàn)便讓這個世界變得煥然如新,之后隨著信息技術瞬息萬狀的發(fā)展,互聯(lián)網(wǎng)趁勢誕生。它跨進人們的生活并使得原本的生活尤其是生活方式發(fā)生了很大變動,其中變更最大的生活方式之一的就是購物方式。2003年發(fā)生了極其影響人們生活的“非典”事件,人們包括商家和消費者不得不待在家中,這意外地為電子商城的發(fā)展帶來機遇,給開啟了線上購物的“新紀元”REF_Ref7901\r\h[1]:人們購物的方式逐漸從線下轉變?yōu)榫€上,購物的場所逐漸從實體店轉變?yōu)殡娮由坛瞧脚_,在家里瀏覽商品的詳細信息,下單挑選自己喜歡的商品,使用網(wǎng)銀、支付寶、微信等購買商品,已經(jīng)成為了現(xiàn)代人在生活中的基礎行為,人們可以不用走出家門甚至在任何有網(wǎng)絡的地方都能在進行消費和購物。從古至今,商品買賣的地點從集市到商城再到現(xiàn)在的線上,商品交易的方式從以物易物到金屬貨幣交易再到紙質貨幣交易再到現(xiàn)在的無貨幣交易。電子商城是一種虛擬的、基于互聯(lián)網(wǎng)而搭建的電子線上交易平臺,電子商城的出現(xiàn)以及流行對傳統(tǒng)商務模式造成了巨大的影響REF_Ref7901\r\h[1]。電子商城的作用,就是讓人們在線上進行購物時可以擁有和傳統(tǒng)購物比如說在商場購物時一樣的體驗的同時又擁有很大的優(yōu)勢:按下商品頁面的“查看商品詳情頁”按鈕就能詳悉該商品的所有包括文字和以其他二進制形式展示的信息,例如商品的圖片、價格、生產(chǎn)廠家、是否包郵配送等,這就好比售貨員的傾情介紹;把精心挑選好的商品加入購物車,然后一起結算,也正如超市里邊挑選商品邊推動的購物小車;在線支付功能可以在任何有網(wǎng)絡的地方進行使用,不必局限于線下購物場所特定的服務臺,更不用在節(jié)假日或者有促銷活動時排起長長的隊伍,在省去路費的同時也節(jié)省了時間;退貨、換貨時不用再去店里和店家進行爭吵甚至發(fā)生肢體沖突,有了平臺的保障,退換貨的流程變得更加簡單和透明。開發(fā)一個電子商城,是一項涉及技術較多的活動,最重要的就是怎樣去選擇一個合適的、適用的基于Web的開發(fā)框架。開發(fā)時需要的成本、開發(fā)的總體時間即開發(fā)的速度、工作人員開發(fā)時工作量的大小,都是衡量一個開發(fā)框架優(yōu)秀與否的標準。一個好的框架還能使得Web應用程序具有良好的可擴展性和可移植性REF_Ref8756\r\h[2]。在目前人們慣用的幾種框架中,SSM是最適宜開發(fā)甘肅特產(chǎn)商城管理系統(tǒng)的。相關研究綜述電子商城在國際上的各個地方都有著不一樣的發(fā)展,比如說世界第一經(jīng)濟大國美國,他們優(yōu)先制定了許多電子商城的行業(yè)標準,并在90年代最先誕生了一批優(yōu)秀的電商網(wǎng)站REF_Ref9214\r\h[4],比如“亞馬遜”和“eBay”。如果要說在美國受眾最廣的電子商城網(wǎng)站,必然離不開“亞馬遜”的名字,除了擁有最高的使用率之外,它還在美國乃至全球范圍的電子商城網(wǎng)站中擁有最高的市值?!拔譅柆敗弊钤缡敲绹某笮蛯嶓w超市,在21世紀開創(chuàng)了線上業(yè)務,創(chuàng)建了屬于自己的電子商城網(wǎng)站,現(xiàn)在已經(jīng)成為全球第一大線上超市,“沃爾瑪”銷售的商品五花八門,每個種類無一不備而且各個消費水平的人們都能購買到適合自己的商品,能滿足絕大多數(shù)購物者的需求,因此“沃爾瑪”也被譽為購物者的天堂。在電子商城的國際舞臺上,美國毫無疑問一直處于領先水平,是發(fā)達地區(qū)REF_Ref9214\r\h[4]。除美國外,還有許多其他國家的優(yōu)秀的電子商城。在中東地區(qū),有一個在當?shù)啬芎蛠嗰R遜相提并論的電子商城網(wǎng)站名為“SOUP”,深受其600萬購買者的喜愛。再比如1997年,于日本創(chuàng)建的“RAKUTEN樂天”,現(xiàn)在也成為了當?shù)刈畲箅娮由坛蔷W(wǎng)站,每年擁有40億美元的收益?!癟RADEME”是新西蘭最大的電子商城網(wǎng)站,平均每個月能達到14億訪問量。在英國遙遙領先的電子商城網(wǎng)站是“TESCO”,主要銷售食品還有日用品等生活用品。于2010年成立的法國最大的電子商城網(wǎng)站名為“LAREDOUTE香格里拉?!?,除了在法國一騎絕塵之外它還在整個歐洲的電子商城網(wǎng)站中名列前茅。被中國人稱為“巴西淘寶”的“MERCADOLIVRE魅卡多網(wǎng)”是巴西最大的電子商城網(wǎng)站。還有俄羅斯的“OZON”、非洲大國尼日利亞的“JUMIA”、韓國的“GMARKET”,都是榜上有名的優(yōu)秀的電子商城網(wǎng)站。在中國,電子商城的發(fā)展從最初的伊始狀態(tài),如今已經(jīng)發(fā)展到處于國際電子商城行業(yè)的前列,而且交易額仍然以在前一年的基礎上增加超過十分之一的速度急速發(fā)展REF_Ref9214\r\h[4]。中國的電子商城如“淘寶”、“天貓”、“京東”等,依托購物大數(shù)據(jù)研發(fā)了符合中國的一套獨有的電子商城標準和規(guī)范,足以支撐中國人對于各大購物節(jié)比如“雙11”的熱情,因此它們在成交總額上一直處于世界領先。除此之外,國內(nèi)優(yōu)秀的電子商城還有“唯品會”、“蘇寧易購”、“微店網(wǎng)”、“\t"/item/%E7%94%B5%E5%AD%90%E5%95%86%E5%9F%8E/_blank"凡客誠品”、“當當網(wǎng)”等。在2010年,阿里巴巴集團正式發(fā)布了有“國際版淘寶”之稱的“全球速賣通”電子商城網(wǎng)站,它主要的使用群體是海外的購買者,付款渠道是同為阿里巴巴旗下的國際版支付寶,商品使用國際快遞進行配送,是專門服務于國際市場乃至全球市場的電子商城網(wǎng)站,截至目前,“全球速賣通”在全球英文在線電子商城網(wǎng)站中位列第三。本課題的主要研究內(nèi)容研究的基本內(nèi)容本課題研究的主要內(nèi)容是實現(xiàn)甘肅特產(chǎn)商城管理系統(tǒng)。從商城的前后端角度來說,主要實現(xiàn)前端甘肅特產(chǎn)購物商城和后端的管理系統(tǒng);從系統(tǒng)角色的角度來說,主要實現(xiàn)用戶即購物者角色的功能和商城管理員角色的功能。從前后端的角度來說,前端甘肅特產(chǎn)購物商城的主要界面有:登錄界面用戶可以進行登錄和前往注冊頁面操作,注冊頁面可以注冊,商城主頁面可以進行瀏覽、搜索、查找想要的甘肅特產(chǎn),個人中心界面可以查看自己的信息并修改密碼、留言界面可以查看已有的留言也可以添加留言。后臺管理系統(tǒng),可以對售出產(chǎn)品的比例進行統(tǒng)計,可以管理在售商品的類目和目錄,可以搜索并查看用戶的部分信息,可以對在售商品進行下架、對商品信息進行更改,可以對用戶下單的訂單進行更改和刪去,還可以對留言進行管理。從系統(tǒng)角色的角度來說,類型為用戶的賬號允許登錄、注冊、更改自己的密碼,允許通過搜索或選擇類目來查找商品,允許擇選商品并在商品詳情頁將喜歡的商品加入待購買列表,最后一起結賬,允許用戶查看自己的信息和訂單,允許添加留言告訴網(wǎng)站所有者自己的想法;類型為管理員的賬號只能登錄、不可注冊,允許進行類目管理,增刪改商品總類目,允許檢索用戶信息,允許進行商品信息的管理,允許進行訂單管理,允許查詢訂單信息、改變訂單狀態(tài),允許進行留言管理。研究的步驟使用SSM搭建框架。設計后端管理系統(tǒng)的頁面,先對一些頁面進行基礎的構建。根據(jù)后端管理系統(tǒng)的每個模塊前后端一起逐步完成功能。完成后端管理系統(tǒng)的開發(fā),實現(xiàn)商城管理員的功能。設計前端商城系統(tǒng)的頁面,先對一些頁面進行基礎的構建。根據(jù)前端商城系統(tǒng)的每個模塊前后端一起逐步完成功能。完成前端商城系統(tǒng)的開發(fā),實現(xiàn)商城用戶的功能。完成商城整體開發(fā)。論文組織結構本論文由五章的內(nèi)容組成:第一章詳盡地介紹了本論文的課題背景,對其他的電子商城進行了簡要介紹,闡明了本論文研究的基本內(nèi)容和研究步驟,以及論文組織結構。第二章分別從前端商城系統(tǒng)和后端管理系統(tǒng)介紹了甘肅特產(chǎn)商城管理系統(tǒng)的功能設計。第三章具體介紹了甘肅特產(chǎn)商城管理系統(tǒng)的細節(jié)設計以及數(shù)據(jù)庫的設計。第四章對甘肅特產(chǎn)商城管理系統(tǒng)的各個模塊進行展示并對部分代碼進行解釋。第五章總論了本論文所做的研究工作,表述了作者設計中的感受,同時對甘肅特產(chǎn)商城管理系統(tǒng)進一步的設計提出設想。系統(tǒng)功能設計系統(tǒng)功能模塊甘肅特產(chǎn)商城管理系統(tǒng)主要分為前端的商城系統(tǒng)和后端的管理系統(tǒng)兩個部分,分別針對商城的用戶和管理員設計使其適用于這兩種身份,具體的功能模塊如REF_Ref29119\r\h圖2-1所示。系統(tǒng)功能模塊圖前端商城系統(tǒng)前端商城系統(tǒng)適用于前來選購特產(chǎn)的所有用戶,主要有用戶登陸注冊模塊、挑選商品模塊、購物車功能模塊、個人中心模塊、訂單模塊、公告模塊和留言模塊。其中部分模塊僅限登錄狀態(tài)的用戶使用,登錄狀態(tài)用戶和非登錄狀態(tài)用戶的權限不同,如REF_Ref28971\r\h圖2-2所示。登錄狀態(tài)與非登錄狀態(tài)用戶權限用戶登陸注冊模塊用戶可以在沒有登錄的情況下訪問商城、瀏覽商品,但是如果要進行購物時需要登錄操作,首次訪問商城的用戶需要進行注冊操作后再登錄,登錄后可以進行特出登錄操作。挑選商品模塊登錄狀態(tài)和非登錄狀態(tài)的用戶都可以在商城查找、流覽商品,但是只有處于登錄狀態(tài)的用戶才可以進行收藏商品、購買商品的操作。購物車功能模塊在商品的具體信息頁面,處于登錄狀態(tài)的用戶可以點擊有著類似超市購物小車的圖標將商品添進購物車。已經(jīng)在購物車里處于待購買狀態(tài)的商品可以隨意得改變數(shù)量,也可以刪去,購買時可以選擇單個商品付款,也可以全選付款。個人中心模塊個人中心可以查看并修改用戶個人信息,剛注冊的用戶和首次進行購買操作的用戶需要完成個人信息的填寫才能進行購買操作。另外還可以進行修改登錄密碼操作。訂單模塊訂單在發(fā)貨前隨時可以取消,待管理員發(fā)貨后、用戶收到商品快遞后可以點擊收貨圖標,接下來可以評價該訂單內(nèi)的所有商品,至此訂單完成。公告模塊登錄狀態(tài)和非登錄狀態(tài)的用戶都可以查看公告。留言模塊登錄狀態(tài)和非登錄狀態(tài)的用戶都可以進行留言操作。后端管理系統(tǒng)后端系管理系統(tǒng)適用于系統(tǒng)管理員,主要有管理員登錄、商品銷售統(tǒng)計、類目管理模塊、用戶管理模塊、商品管理模塊、訂單管理模塊、公告管理模塊和留言管理模塊。管理員登錄管理員可以通過登錄操作登錄商城后端管理系統(tǒng)。管理員只能登錄,不能注冊。商品銷售統(tǒng)計對已售出的商品通過一級類目進行分類統(tǒng)計,將統(tǒng)計結果用圖的行式直觀地表現(xiàn)出來,圖片可供下載、還可以點擊查看數(shù)據(jù)基礎。類目管理模塊每件特產(chǎn)商品都擁有兩級類目,一級類目為該商品所在市,二級類目為該市下的具體分類??梢苑謩e對一級類目和二級類目進行增刪改查操作。用戶管理模塊用戶信息僅用戶自己可以進行修改,管理員只能查看用戶信息。商品管理模塊可以對商品進行增刪改查操作。訂單管理模塊可以查看訂單下的具體商品并進行發(fā)貨操作。公告管理模塊可以對公告進行增刪改查操作。留言管理模塊可以對用戶留言進行刪和查操作。系統(tǒng)詳細設計甘肅特產(chǎn)商城管理系統(tǒng)采用HTML5+CSS3+JavaScript+jQuery實現(xiàn)前端開發(fā),采用Ajax實現(xiàn)前后端數(shù)據(jù)的異步通信,采用SSM框架實現(xiàn)后端開發(fā),數(shù)據(jù)庫選擇MySQL。HTML5+CSS3+JavaScript+jQueryHTML5是超文本標記語言的第五代修訂版本REF_Ref15350\r\h[5]。在此之前每一個瀏覽器顯示HTML代碼結果時效果并不都是相同的,但是HTML5做到了將他們的標準進行統(tǒng)一,即減輕了使用者的工作負擔,又帶給用戶更好的體驗感。CSS3是CSS的升級版本REF_Ref15350\r\h[5],編寫CSS3代碼時可以選擇任意的文本編輯器。在運用CSS3之后,網(wǎng)頁的前端樣式會更加多元的同時減小了網(wǎng)頁的載荷,而且與瀏覽器的終端會更加兼容REF_Ref17257\r\h[6]。JavaScript是一種具有函數(shù)優(yōu)先的輕量級,解釋型或即時編譯型的編程語言REF_Ref19775\r\h[7]。jQuery是一個優(yōu)秀的JavaScript庫,它使用CSS訪問和操作HTML元素,同時提供用戶界面和插件REF_Ref19833\r\h[8]。SSMSSM框架就是Spring、SpringMVC、MyBatis三個框架技術的有機整合,構建JavaEE輕量級應用框架REF_Ref19928\r\h[9]。Spring容器框架不用手動生成實例,而是將Java類統(tǒng)一裝配,通過注入生成。SpringMVC將業(yè)務處理分成控制、處理和視圖,各層分工明確,功能劃分清晰REF_Ref19938\r\h[10]。MyBatis將業(yè)務的處理邏輯和數(shù)據(jù)的訪問邏輯進行分離,主要表現(xiàn)在SQL語句和邏輯代碼的解耦,易于后期維護REF_Ref19938\r\h[10]。MySQLMySQL目前非常流行且應用廣泛,是最適宜于與WEB應用進行結合使用的關系型數(shù)據(jù)庫之一REF_Ref3638\r\h[11]。關鍵功能設計購買商品整體流程本系統(tǒng)的購買商品整體流程如下:用戶點擊購物車按鈕,若處于非登錄狀態(tài)則強制進入登錄頁面,沒有注冊用戶需注冊,待登錄成功后再次點擊,來到購物車頁面,在頁面下單,若沒有填寫家庭住址等信息需進行填寫,下單成功后,管理員查看訂單,進行發(fā)貨,發(fā)貨后進行補貨,確保貨品數(shù)量充足,用戶待收到貨后進行收貨并評價,至此整個購物流程結束。具體步驟如REF_Ref2145\r\h圖2-3所示。購買商品活動圖保存商品圖片在本系統(tǒng)的后端管理系統(tǒng)可以新增商品,為了讓用戶盡可能全面地了解商品,需要描述的部分很多,比如文字數(shù)據(jù)和圖片數(shù)據(jù),保存的方式也有差別。一件商品由多張圖片進行描述,后端保存圖片的步驟如下:“@RequestParam("file")CommonsMultipartFile[]files”將所有“name=file”的控件得到的文件封裝成數(shù)組。進入循環(huán),隨機生成字符串s,將文件保存到“存放目錄+s+文件原名稱”地址。再將該地址存入商品實體。循環(huán)至所有文件保存完畢。存入數(shù)據(jù)庫商品表。后端保存圖片的流程圖如REF_Ref22997\r\h圖2-4所示。保存商品圖片流程圖用戶密碼加密解密本系統(tǒng)在儲存賬號密碼時做加密處理。在系統(tǒng)中,要將密碼保存到數(shù)據(jù)庫操作時需要進行加密操作,要將密碼傳到前端進行比較操作時需要進行解密操作。主要涉及的模塊功能如REF_Ref11437\r\h圖2-5所示。密碼加密解密設計模塊加密解密操作采用Base64,它能把任意序列的8個字節(jié)轉換為另一種不能被隨意識別的行式,Base64編碼是目前非常流行的編碼方式之一REF_Ref10533\r\h[12]。由于修改密碼的過程中既有加密,又有解密過程,以修改密碼的過程為例,具體流程如REF_Ref7199\r\h圖2-6所示。修改密碼流程圖售出商品統(tǒng)計展示在本系統(tǒng)的后端管理系統(tǒng)的首頁可以查看商品銷售統(tǒng)計圖,統(tǒng)計規(guī)則為只要商品被下單,該商品的售出數(shù)就“+1”。主要流程為:用戶在商城下單后,前端將訂單中的信息提交到后端,后端將該訂單寫入數(shù)據(jù)庫中的“item_order”表,再將訂單中的商品寫入“Order-detail”表,接下來統(tǒng)計“Order-detail”表中的一級類目字段,數(shù)據(jù)庫將統(tǒng)計結果發(fā)送到后端,后端接收數(shù)據(jù)并進行圖形繪制并將結果傳送給前端,前端接受并進行展示。具體步驟如REF_Ref28428\r\h圖2-7所示。售出商品統(tǒng)計展示活動圖數(shù)據(jù)庫設計數(shù)據(jù)庫表設計甘肅特產(chǎn)商城管理系統(tǒng)使用MySql數(shù)據(jù)庫儲存數(shù)據(jù),數(shù)據(jù)庫名為“shop”,數(shù)據(jù)庫包含如下表:user:用戶表user表是用戶表,如REF_Ref5310\r\h表3-1所示,保存注冊過商城的每一位用戶的信息,每一條數(shù)據(jù)儲存一位用戶的所有信息。用戶表字段名中文字段名數(shù)據(jù)類型長度鍵id用戶ID整型20主鍵userName用戶賬號字符型50否passWord用戶密碼字符型30否phone電話號碼字符型11否realName真實姓名字符型50否sex性別字符型6否address收貨地址字符型255否email郵箱字符型20否Manage:管理員表Manage表是管理員表,如REF_Ref6306\r\h表3-2所示,保存商城管理員的信息。管理員表字段名中文字段名數(shù)據(jù)類型長度鍵id管理員ID整型20主鍵userName管理員賬號字符型50否passWord密碼字符型30否realName管理員真實姓名字符型50否Item:商品表Item表是商品表,如REF_Ref10235\r\h表3-3所示,保存商品的信息,每一條數(shù)據(jù)儲存每種商品的所有信息。其中“是否刪除”字段為“1”時表示商品已刪除即已下架,為“0”時表示商品未刪除即商品處于在售狀態(tài)。商品表字段名中文字段名數(shù)據(jù)類型長度鍵id商品ID整型20主鍵name商品名稱字符型100否price商品價格字符型10否scNum收藏數(shù)整型11否gmNum購買數(shù)整型11否url1圖片地址1字符型255否url2圖片地址2字符型255否url3圖片地址3字符型255否jj商品簡介文本型否zk折扣浮點型10否category_id_one一級類目號整型11否category_id_two二級類目號整型11否isDelete是否刪除整形2否Car:購物車表Car表為購物車表,如REF_Ref14957\r\h表3-4所示,保存購物車功能中的信息,每一條數(shù)據(jù)儲存購物車中一種商品的所有信息。購物車表字段名中文字段名數(shù)據(jù)類型長度鍵id購物車ID整型20主鍵item_id商品ID整型20外鍵user_id用戶ID整型20外鍵num數(shù)量整型11否price價格字符型10否total總價格字符型20否News:公告表News表為公告表,如REF_Ref18046\r\h表3-5所示,保存所有公告的信息,每一條數(shù)據(jù)儲存一條公告的所有信息。公告是管理員發(fā)布的,而且只有一個管理員賬號,所以公告表不用儲存發(fā)布公告的身份ID。公告表字段名中文字段名數(shù)據(jù)類型長度鍵id公告ID整型20主鍵name公告題目字符型100否content公告內(nèi)容文本型否addTime發(fā)布時間時間型否Message:留言表Message表為留言表,如REF_Ref19382\r\h表3-6所示,保存所有留言的信息,每一條數(shù)據(jù)儲存一條留言的所有信息。留言模塊的功能適用于登錄狀態(tài)用戶和非登陸狀態(tài)用戶,所以不用保存留下留言的用戶的ID。留言表字段名中文字段名數(shù)據(jù)類型長度鍵id公告ID整型20主鍵name留言者姓名字符型50否phone留言者電話字符型11否content留言內(nèi)容字符型255否Comment:商品評價表Comment為商品評價表,如REF_Ref22145\r\h表3-7所示,保存所有商品的評價信息。商品評價表字段名中文字段名數(shù)據(jù)類型長度鍵id評價ID整型20主鍵user_id用戶ID整型20外鍵item_id商品ID整型20外鍵content評價內(nèi)容字符型255否addTime評價時間時間型否Item-category:類目表Item-category為類目表,如REF_Ref23242\r\h表3-8所示,保存每個類目的信息,每一條數(shù)據(jù)儲存一種類目的所有信息。其中父類目為“NULL”時表示該類目為一級類目,非空時表示該類目為二級類目,數(shù)據(jù)為對應的一級類目的ID;“是否刪除”字段為“0”時表示未刪除,為“1”時表示已刪除。類目表字段名中文字段名數(shù)據(jù)類型長度鍵id類目ID整型20主鍵name類目名稱字符型100否pid父類目ID整型20否isDelete是否刪除整型2否Item-order:訂單表Item-order為訂單表,如REF_Ref930\r\h表3-9所示,保存訂單的部分信息,每一條數(shù)據(jù)儲存一個訂單除訂單所包含的商品之外的所有信息。其中“是否刪除”字段為“1”時表示訂單被用戶取消,為“0”時表示訂單未被取消;“狀態(tài)”字段為“0”時表示訂單待發(fā)貨,為“1”時表示訂單已取消,為“2”時表示訂單已發(fā)貨等待收貨,為“3”時表示用戶已簽收等待評價,為“4”時表示訂單內(nèi)的商品已經(jīng)被評價。訂單表字段名中文字段名數(shù)據(jù)類型長度鍵id訂單表ID整型20主鍵user_id用戶ID整型20否code訂單ID字符型20否addTime下單時間時間型否total總價字符型20否isDelete是否刪除整型2否status狀態(tài)整型2否Order-detail:訂單詳細表Order-detail為訂單詳細表,如所示,保存訂單的詳細信息,每條數(shù)據(jù)儲存某一訂單中的一種商品的信息。其中“狀態(tài)”字段為“0”時表示該商品未退貨,為“1”時表示該商品已退貨。訂單詳細表字段名中文字段名數(shù)據(jù)類型長度鍵id訂單詳細表ID整型20主鍵item_id商品ID整型20外鍵order_id訂單表ID整型20否status狀態(tài)整型2否num數(shù)量整型11否total總價字符型20否數(shù)據(jù)庫表間關系“shop”數(shù)據(jù)庫的E-R圖如REF_Ref2511\r\h圖3-1所示。“shop”數(shù)據(jù)庫E-R圖由圖可得:“user”表與“comment”表間是一對多的關系,說明一名用戶可以發(fā)表多條評論;“item”表與“comment”表間也是一對多的關系,說明一件商品有多條評論;“user”表與“item_order”表間是一對多的關系,說明一名用戶可以下單多個訂單;“item”表與“item_order”表間是一對多的關系,說明一件商品可以被多次下單;“user”表與“car”表間是一對多的關系,說明一名用戶可以多次進行將商品加入購物車的操作;“item_order”表與“order_detail”表間是一對多的關系,說明一個訂單可以包含多種商品;“item”表與“car”表間是一對多的關系,說明購物車中可以存放多樣商品。系統(tǒng)實現(xiàn)前端商城系統(tǒng)用戶登陸注冊模塊甘肅特產(chǎn)商城管理系統(tǒng)的用戶登錄注冊模塊有三個功能:用戶登錄、新用戶注冊、退出登錄。用戶登錄用戶登陸頁面登錄界面中,用戶寫入賬號、密碼后點擊“登錄”就能完成登陸操作,沒有賬號的用戶點擊注冊按鈕來到注冊頁面。在填寫密碼時,相應字符用“·”代替,在一定程度上保護了用戶的隱私,如REF_Ref10421\r\h圖4-1所示,將“input”的“type”設為“password”既能實現(xiàn)。在登錄操作中需要進行密碼加密操作,調用加密操作函數(shù),該函數(shù)代碼如REF_Ref6227\r\h錯誤!未定義書簽。所示。加密函數(shù)新用戶注冊新用戶注冊頁面完成注冊頁面對應的信息后點擊注冊按鈕就能完成注冊操作,不想進行注冊操作時點擊“取消”,如REF_Ref6668\r\h圖4-3所示,之后會退回登錄頁面。注冊界面所有輸入框都是必填項,缺少時點擊注冊按鈕會提示“請?zhí)顚懘隧棥薄M顺龅卿浽谏坛琼撁娴挠疑辖怯小巴顺觥卑粹o,點擊就能退出當前登錄的賬號,如REF_Ref7540\r\h圖4-4所示,之后會退回登錄頁面。退出登錄頁面挑選商品模塊甘肅特產(chǎn)前端商城有三種查詢商品的方法:通過搜索框查詢搜索框查詢通過搜索框查詢?nèi)鏡EF_Ref15007\r\h圖4-5所示,展示商品時有三種方式,一種是根據(jù)商品ID排名,一種是根據(jù)銷量,還有一種是根據(jù)折扣。Controller控制器的代碼如REF_Ref6413\r\h圖4-6所示,基礎SQL語句為查詢尚未下架的商品,再加上前端返回的用戶輸入的內(nèi)容組成完整的SQL。搜索框和類目查詢Controller通過一級類目和二級類目查詢類目查詢通過一級類目和二級類目查詢?nèi)鏡EF_Ref10825\r\h圖4-7所示,鼠標的光標移動到各一級類目時,會在其右側出現(xiàn)該一級類目下的二級類目,點擊二級類目就能進行查詢,展示商品時有三種方式,一種是根據(jù)商品ID排名,一種是根據(jù)銷量,還有一種是根據(jù)折扣。Controller控制器的代碼如REF_Ref6413\r\h(1)圖4-6所示,基礎SQL語句為查詢尚未下架的商品,再加上前端返回的二級類目的名稱組成完整的SQL。jsp代碼和前一中查詢方式相同。通過商城首頁的折扣排名和銷售量排名查詢折扣排名和銷售量排名查詢通過商城首頁的折扣排名和銷售量排名查詢?nèi)鏡EF_Ref18083\r\h圖4-8所示,甘肅特產(chǎn)商城首頁有根據(jù)商品的折扣和銷量分別進行排名并展示的前10名商品。后端的Controller控制器通過SOL代碼篩選仍然在售的,且折扣或限量排名前十的商品數(shù)據(jù)以“zks”或“rxs”傳給前端。以折扣排名為例,前端的部分代碼jsp如REF_Ref10107\r\h圖4-9所示。折扣排名查詢jsp購物車模塊甘肅特產(chǎn)前端商城的購物車模塊主要有三個功能:商品收藏功能、商品加入購物車功能和購物車結算功能。商品收藏功能、商品加入購物車功能商品收藏和加入購物車頁面在商品詳細信息頁,有“收藏”和“加入購物車”按鈕,如REF_Ref4854\r\h圖4-10所示。商品收藏功能的Controller控制器的代碼如REF_Ref5292\r\h圖4-11所示,在數(shù)據(jù)庫收藏表增加一條的同時商品表該商品的收藏數(shù)也加一。商品收藏Controller商品加入購物車時可以增加商品的數(shù)量,Controller控制器的代碼如REF_Ref6099\r\h圖4-12所示。商品加入購物車Controller購物車結算功能在購物車界面,有所有加入購物車的商品,這些商品可以再次更改數(shù)量,可以刪除單個商品也可以全選刪除,可以全選結算也可以單個商品結算,如REF_Ref344\r\h圖4-13所示。購物車功能頁面點擊“結算”按鈕后會跳轉到如REF_Ref19605\r\h圖4-14所示的支付頁面,有提示“在轉賬時備注您的用戶名”。用戶在完成支付操作后點擊“支付完成”按鈕回到購物車界面。這只是在系統(tǒng)開發(fā)過程中的模擬結算,在真實情況下,這種方法無法保證每位用戶都會誠實地執(zhí)行掃碼支付操作,而且如果出現(xiàn)用戶轉賬時沒有備注的情況,將會帶來麻煩。結算完成后,訂單內(nèi)的所有商品會在購物車刪除,可以在訂單處查看本次結算的商品,Controller控制器的代碼如REF_Ref6689\r\h圖4-15所示。購物車結算商品轉向訂單Controller結算時如果沒有選擇商品,會彈出提醒“請至少選擇一個商品結算”,如果時剛剛注冊還沒有完善信息的用戶結算時會彈出提醒“請編輯地址”,部分代碼如REF_Ref7094\r\h圖4-16所示。結算彈出提醒ajax個人中心模塊甘肅特產(chǎn)前端商城的個人中心模塊主要有兩個功能,一個是查看或更改個人信息,另一個是更改密碼。查看或更改個人信息在個人中心的個人信息頁面可以看到當前正在登陸的賬號的除“賬號”外其余所有可更改的字段的信息,如果要更新自己的信息,在填寫完最新的信息后點擊保存按鈕即可,如REF_Ref10764\r\h圖4-17所示。查看并更改個人信息頁面更改密碼更改密碼界面在個人中心的修改密碼頁面,用戶可以修改自己的密碼,更改密碼時,寫入的舊密碼和新密碼都是不可見的,相應字符用“·”代替,如REF_Ref12113\r\h圖4-18所示。在向前端傳入根據(jù)用戶ID查找到的密碼時要進行解密操作,需要調用解密函數(shù),該函數(shù)代碼如REF_Ref15035\r\h圖4-19所示。修改密碼js沒有填寫舊密碼時點擊保存按鈕會彈出“舊密碼不能為空”的提示,沒有填寫新密碼時會彈出“新密碼不能為空”的提示,沒有第二次填寫密碼”時會彈出“確認密碼不能為空”的提示,當填寫的新舊密碼相同時會彈出“新密碼和舊密碼不能一樣”的提示,當新密碼和確認新密碼填寫有差異時會彈出“新密碼和確認密碼輸入不一致”的提示。修改密碼成功的話會退回登錄頁面。訂單模塊甘肅特產(chǎn)前端商城的訂單模塊有以下幾個功能:取消訂單、完成收貨、完成收貨后評價商品。各個功能的后端Controller控制器代碼都是通過改變訂單表的“狀態(tài)”字段實現(xiàn)的。取消訂單取消訂單頁面處于“待發(fā)貨”狀態(tài)的訂單隨時都可以取消,如REF_Ref20652\r\h圖4-20所示。完成收貨去收獲頁面處于“待收貨”狀態(tài)的訂單可以點擊“去收貨”完成收貨,如REF_Ref10564\r\h圖4-21所示。完成收貨后評價商品去評價頁面處于“已收貨待評價”狀態(tài)的訂單可以點擊“去評價”完成評價,如REF_Ref10665\r\h圖4-22所示,完成評價后會出現(xiàn)在該商品的詳細信息頁,包括評價用戶的賬號、時間和評價。公告模塊通過點擊甘肅特產(chǎn)前端商城的公告列表的公告如REF_Ref31144\r\h圖4-23所示,就能看到商城管理員發(fā)布的公告的具體內(nèi)容。公告列表的Controller控制器代碼通過SQL語句查詢到公告表里的信息傳給前端jsp,公告詳情則根據(jù)前端傳到后端的公告ID通過SQL語句進行查詢,再傳給前端展示出來。公告列表頁面留言模塊甘肅特產(chǎn)前端商城的留言功能如REF_Ref1870\r\h圖4-24所示。填寫好后點擊“提交”按鈕,將數(shù)據(jù)傳給后端Controller,再由Controller通過SQL語句寫入留言表。提交留言頁面若沒有填寫姓名欄,會彈出“請輸入姓名”的提示,若沒有填寫手機號,會彈出“請輸入手機號”的提示,若沒有填寫留言內(nèi)容,會彈出“請輸入留言”的提示。提交成功后會將數(shù)據(jù)傳給后端同時提示“您的反饋很重要,謝謝!”,ajax代碼如REF_Ref3098\r\h圖4-25所示。提交成功ajax后端管理系統(tǒng)管理員登錄甘肅特產(chǎn)商城的后端管理系統(tǒng)的登陸界面如REF_Ref11338\r\h圖4-26所示,光標移動到賬號和密碼欄卻沒有填寫時會提醒“請?zhí)顚戀~號”和“請?zhí)顚懨艽a”,填寫好信息后點擊“登錄”按鈕就能完成登錄操作。甘肅特產(chǎn)商城的后端管理系統(tǒng)的登陸界面如REF_Ref12190\r\h圖4-27所示,點擊“退出登錄”按鈕就能退回到管理員登錄頁面。管理員登錄界面管理員退出登錄商品銷售統(tǒng)計甘肅特產(chǎn)商城的后端管理系統(tǒng)的首頁的商品銷售統(tǒng)計圖如REF_Ref22441\r\h圖4-28所示,對應的代碼如REF_Ref22447\r\h圖4-29所示。商品銷售統(tǒng)計圖商品銷售代碼類目管理模塊甘肅特產(chǎn)商城的后端管理系統(tǒng)的類目管理的主要功能有一級類目的增刪改和二級類目的增刪改。一級類目和二級類目的管理頁面如REF_Ref23819\r\h圖4-30所示。刪除一級類目時該類目對應的所有二級類目也會被刪除。一級類目和二級類目管理頁面用戶管理模塊甘肅特產(chǎn)商城的后端管理系統(tǒng)的用戶管理模塊只有搜索和查看用戶部分信息的功能,如REF_Ref29106\r\h圖4-31所示,管理員看到的賬號密碼是加密的。用戶管理頁面商品管理模塊甘肅特產(chǎn)商城的后端管理系統(tǒng)的商品管理模塊的主要功能有商品的增刪改查,如REF_Ref30608\r\h圖4-32所示。點擊左上角的“添加商品”按鈕就會跳轉到新增商品頁面,新增商品時需要填寫商品名稱、價格、折扣、圖片等信息,在搜索框內(nèi)填好商品名稱點擊“搜索”按鈕就能找到想要尋找的商品,點擊“修改”按鈕跳轉到商品信息修改頁面,點擊“下架”按鈕就能刪除該商品。商品管理頁面由于部分特產(chǎn)有時令性,當商品過季時,位于商品所在地的供貨商會聯(lián)系管理員,管理員對該商品進行“下架”操作,待該商品即將應季時,供貨商也會聯(lián)系管理員,管理員重新上架該商品。在下架及上架操作前都會發(fā)布公告提醒用戶。特產(chǎn)種類繁多,各類商品有不同的打包方式,注明在商品詳情中。飲料類商品進行包箱,易碎商品充分用保護膜包裹后裝箱;水果皆采用冷鏈包裝確保新鮮完整;面食和小吃使用真空包裝,湯底濃縮成湯料包,用戶用水沖泡即可;生鮮腌制好后和配料等一起采用冷鏈包裝;裘皮等貴重衣物多次包裝后裝入飛機盒,再充分包裹后裝箱。訂單管理模塊甘肅特產(chǎn)商城的后端管理系統(tǒng)的訂單管理模塊的主要功能有:根據(jù)訂單號搜索訂單,處于“待發(fā)貨”狀態(tài)的訂單,可以點擊“去發(fā)貨”按鈕進行發(fā)貨操作,“待發(fā)貨”、“已取消”、“已收貨”狀態(tài)的訂單都可以點擊“查看購買物品”按鈕查看該訂單的具體商品和數(shù)量,如REF_Ref31686\r\h圖4-33所示,訂單詳情頁面如REF_Ref31950\r\h圖4-34所示。訂單管理頁面訂單詳情頁面公告管理模塊甘肅特產(chǎn)商城的后端管理系統(tǒng)的公告管理模塊的主要功能是公告的增刪改查,如REF_Ref32267\r\h圖4-35所示。訂單管理頁面留言管理模塊。甘肅特產(chǎn)商城的后端管理系統(tǒng)的留言管理模塊的主要功能就是根據(jù)姓名搜索留言和刪除用戶的留言,如REF_Ref221\r\h圖4-36所示。留言管理頁面結論與展望開發(fā)總結甘肅特產(chǎn)商城管理系統(tǒng)分為商城前端和管理系統(tǒng)后端,實現(xiàn)了用戶登陸注冊模塊、挑選商品模塊、購物車模塊、個人中心模塊、訂單模塊、公告模塊和留言模塊以及后端的管理員登錄、商品銷售統(tǒng)計、類目管理模塊、用戶管理模塊、商品管理模塊、訂單管理模塊、公告管理模塊和留言管理模塊。管理系統(tǒng)后端的功能較商城前端來說各模塊的功能更簡單且重復性更強,除此之外頁面的數(shù)量也相差很多,因此在實現(xiàn)商城前端時花費了更多的時間和精力。在完成這次甘肅特產(chǎn)商城管理系統(tǒng)的設計及實現(xiàn)的同時,也回顧了大學時期從JAVA開始的,與其相關的專業(yè)課,尤其是這些課程的期末設計。雖然之前有過在進行期末設計中完成系統(tǒng)的經(jīng)驗,但在編寫代碼時還是經(jīng)常出現(xiàn)小問題。在實現(xiàn)這次甘肅特產(chǎn)商城管理系統(tǒng)中,使用了之前沒有使用過的jQuery,邊學習邊使用,深刻體會到了“大學真正學習的是一種叫做‘自學’的能力”這句話。在測試階段,也出現(xiàn)了許多問題,比如說由于商品的圖片時上傳到“resource/ueditor/upload”文件夾,然后再將圖片路徑保存到數(shù)據(jù)庫的相應字段,所以在修改商品信息時,修改商品頁面的圖片無法正常顯示的問題。除此之外,實現(xiàn)系統(tǒng)的過程中總是出現(xiàn)各種問題
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
- 4. 未經(jīng)權益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負責。
- 6. 下載文件中如有侵權或不適當內(nèi)容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- GB/T 18570.9-2025涂覆涂料前鋼材表面處理表面清潔度的評定試驗第9部分:水溶性鹽的現(xiàn)場電導率測定法
- GB/T 46018.2-2025塑料再生塑料產(chǎn)品評價技術規(guī)范第2部分:聚苯乙烯(PS)材料
- 學校健康素養(yǎng)試題及答案
- 會計面試常被問的問題及答案試題
- 安全員考試模擬試題及參考答案詳解
- 水務行業(yè)面試題及答案
- 拉薩市曲水縣輔警招聘公安基礎知識考試題庫及答案
- 股票知識考試文案及答案
- 刨花板鋪裝工入職考核試卷及答案
- 血液透析室血液凈化理論考試試題與答案
- 云南省玉溪市2025-2026學年八年級上學期1月期末物理試題(原卷版+解析版)
- 2026年哈爾濱通河縣第一批公益性崗位招聘62人考試參考試題及答案解析
- 六年級寒假家長會課件
- 就業(yè)協(xié)議書解約函模板
- DL-T976-2017帶電作業(yè)工具、裝置和設備預防性試驗規(guī)程
- 光學下擺拋光技術培訓教材
- 建筑材料進場報告
- YY/T 1543-2017鼻氧管
- YS/T 903.1-2013銦廢料化學分析方法第1部分:銦量的測定EDTA滴定法
- GB/T 9414.9-2017維修性第9部分:維修和維修保障
- GB/T 21781-2008化學品的熔點及熔融范圍試驗方法毛細管法
評論
0/150
提交評論