基于SSM的果鮮生活農(nóng)產(chǎn)品網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)

摘? 要：互聯(lián)網(wǎng)與我國(guó)人民的生活息息相關(guān)，果鮮生活農(nóng)產(chǎn)品網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)可以將傳統(tǒng)農(nóng)業(yè)與現(xiàn)代化的互聯(lián)網(wǎng)相結(jié)合，通過(guò)互聯(lián)網(wǎng)實(shí)現(xiàn)農(nóng)產(chǎn)品的銷(xiāo)售。果鮮生活農(nóng)產(chǎn)品網(wǎng)站使用SSM開(kāi)發(fā)框架、Java語(yǔ)言進(jìn)行開(kāi)發(fā)，對(duì)于數(shù)據(jù)的安全存取選用MySQL進(jìn)行支持。實(shí)現(xiàn)了用戶(hù)登錄、注冊(cè)、瀏覽商品、查看商品詳情、根據(jù)商品分類(lèi)查找商品、加入購(gòu)物車(chē)、完善用戶(hù)信息、修改密碼;管理員登錄、查看商品列表、刪除商品、查看用戶(hù)列表、刪除用戶(hù)等功能。

關(guān)鍵詞：SSM;Spring;Spring MVC;MyBatis;Bootstrap;MySQL

Abstract：Chinese peoples lives are closely related to the internet. The design and implementation of fruit fresh life agricultural products website can combine traditional agriculture with modern internet to realize the sale of agricultural products on the internet. Fruit fresh life agricultural products website uses SSM development framework and Java language for development，and uses MySQL to support the secure access of data. The system realizes the functions of user login，registration，browsing products，viewing product details，searching products according to the commodity classification，adding shopping cart，improving user information and modifying password;administrator login，viewing commodity list，deleting commodity，viewing user list，deleting user and so on.

Keywords：SSM;Spring;Spring MVC;MyBatis;Bootstrap;MySQL

0? 引? 言

互聯(lián)網(wǎng)的快速發(fā)展讓人們的生活更加便利，人與人之間的溝通、聯(lián)系也越來(lái)越密切，世界成了一個(gè)聯(lián)系的整體，在這種頻繁、便捷的交流環(huán)境下，世界各地的商品也乘著互聯(lián)網(wǎng)這艘大船迅速地流通起來(lái)，世界經(jīng)濟(jì)因?yàn)榛ヂ?lián)網(wǎng)的發(fā)展出現(xiàn)了新的機(jī)遇，進(jìn)而煥發(fā)出巨大的活力。在互聯(lián)網(wǎng)快速發(fā)展的大背景下，互聯(lián)網(wǎng)與我國(guó)人民的日常生活息息相關(guān)。雖然我國(guó)這些年來(lái)保持著叫快遞發(fā)展速度，但我國(guó)由于地域廣博，人口數(shù)量龐大，各個(gè)地域之間發(fā)展不平衡，造成了發(fā)達(dá)地區(qū)商品交換便利，而落后的偏遠(yuǎn)山區(qū)商品交換艱難甚至存在高質(zhì)量的商品找不到銷(xiāo)路的艱難處境，導(dǎo)致農(nóng)民的農(nóng)產(chǎn)品滯銷(xiāo)、傾倒、腐爛。農(nóng)民不能通過(guò)這些農(nóng)產(chǎn)品獲得相應(yīng)的回報(bào)甚至還會(huì)出現(xiàn)虧損，在農(nóng)村，許多農(nóng)民家庭的基本開(kāi)銷(xiāo)依賴(lài)農(nóng)產(chǎn)品的收入，這無(wú)疑會(huì)讓收入微薄的他們生活更加艱難。而身處城市中的居民，他們生活相對(duì)富裕，想要追求生活的質(zhì)量，吃到放心的食品，綠色天然的農(nóng)產(chǎn)品對(duì)他們來(lái)說(shuō)無(wú)疑是一個(gè)非常好的選擇。在這樣的國(guó)情背景下，作者設(shè)計(jì)并實(shí)現(xiàn)的果鮮生活網(wǎng)站解決了這一難題，該網(wǎng)站分別設(shè)計(jì)了用戶(hù)模塊和管理員模塊，基于SSM[1]框架和MySQL[2]數(shù)據(jù)庫(kù)，前端使用了HTML+CSS+

JavaScript[3-6]進(jìn)行頁(yè)面設(shè)計(jì)，從而解決農(nóng)產(chǎn)品銷(xiāo)售難的問(wèn)題。

1? 系統(tǒng)設(shè)計(jì)

本網(wǎng)站基于SSM開(kāi)發(fā)框架和MySQL數(shù)據(jù)庫(kù)，將傳統(tǒng)農(nóng)業(yè)與現(xiàn)代互聯(lián)網(wǎng)相結(jié)合，通過(guò)互聯(lián)網(wǎng)實(shí)現(xiàn)農(nóng)產(chǎn)品的銷(xiāo)售，使商家能通過(guò)更加現(xiàn)代化的方式售出他們的產(chǎn)品，使購(gòu)物更加的便捷、友好。

網(wǎng)站主要分為用戶(hù)模塊和管理員模塊，主要針對(duì)農(nóng)產(chǎn)品的選購(gòu)，游客可以對(duì)網(wǎng)站進(jìn)行瀏覽，如需購(gòu)買(mǎi)商品需注冊(cè)，然后進(jìn)行登錄，登錄成功后管理員和用戶(hù)各自操作，操作完成之后退出網(wǎng)站即可。業(yè)務(wù)流程圖如圖1所示。

本網(wǎng)站主要分為用戶(hù)模塊和管理員模塊，用戶(hù)模塊包括：登錄注冊(cè)，瀏覽商品，查看商品詳情，加入購(gòu)物車(chē)，生成訂單，完善資料，修改密碼，商品展示;管理員模塊包括：登錄退出，用戶(hù)管理，商品管理。功能模塊圖如圖2所示。

1.1? 管理員模塊功能設(shè)計(jì)

管理員模塊功能設(shè)計(jì)主要是針對(duì)用戶(hù)和商品進(jìn)行管理，其功能模塊分為以下幾點(diǎn)：

（1）登錄退出：管理員在登錄界面登錄成功后，會(huì)跳轉(zhuǎn)進(jìn)入網(wǎng)站的管理員界面，已經(jīng)登錄的管理員可以退出登錄;

（2）用戶(hù)管理：管理員登錄成功后，進(jìn)入用戶(hù)列表頁(yè)面，根據(jù)管理員操作的用戶(hù)編號(hào)，刪除數(shù)據(jù)庫(kù)中對(duì)應(yīng)編號(hào)的用戶(hù)，再次刷新用戶(hù)列表，用戶(hù)刪除成功;

（3）商品管理：后臺(tái)進(jìn)行顯示全部商品，管理員登錄后可進(jìn)行查看;進(jìn)入商品列表頁(yè)面，根據(jù)管理員操作的商品編號(hào)，刪除數(shù)據(jù)庫(kù)中對(duì)應(yīng)編號(hào)的商品，再次刷新商品列表，商品刪除成功。

1.2? 用戶(hù)模塊功能設(shè)計(jì)

用戶(hù)模塊功能設(shè)計(jì)主要是用戶(hù)登錄注冊(cè)，瀏覽商品，將商品加入購(gòu)物車(chē)，提交并生成訂單等，其功能模塊分為以下幾點(diǎn)：

（1）登錄注冊(cè)：已注冊(cè)的用戶(hù)可直接在用戶(hù)登錄界面輸入用戶(hù)名、密碼，若用戶(hù)存在且密碼正確則登錄成功，反之則登錄失敗，并返回登錄界面重新登錄;已經(jīng)登錄的用戶(hù)可以退出登錄，當(dāng)用戶(hù)點(diǎn)擊退出登錄后，網(wǎng)站將跳轉(zhuǎn)到登錄界面;

（2）瀏覽商品：未登錄的用戶(hù)可以瀏覽網(wǎng)站，但將商品加入購(gòu)物車(chē)時(shí)，會(huì)跳轉(zhuǎn)到登錄界面，提醒用戶(hù)先進(jìn)行登錄，登錄成功后則可將商品加入購(gòu)物車(chē);

（3）查看商品詳情：當(dāng)用戶(hù)瀏覽商品時(shí)，如果對(duì)某一件商品感興趣，希望進(jìn)一步了解時(shí)，可點(diǎn)擊該商品，后臺(tái)獲取到用戶(hù)點(diǎn)擊的商品的編號(hào)查找出對(duì)應(yīng)商品的詳細(xì)信息并進(jìn)行單獨(dú)顯示，商品的詳細(xì)信息包括：商品圖片、商品的名稱(chēng)、商品的價(jià)格、商品描述、商品銷(xiāo)量等;

（4）加入購(gòu)物車(chē)：未登錄的用戶(hù)進(jìn)行加入購(gòu)物車(chē)這一操作時(shí)會(huì)被要求先進(jìn)行登錄，登錄后便可將商品加入購(gòu)物車(chē)，在購(gòu)物車(chē)中可刪除購(gòu)物項(xiàng)和清空購(gòu)物車(chē);后臺(tái)獲取用戶(hù)點(diǎn)擊的商品的編號(hào)以及商品的數(shù)量加入購(gòu)物車(chē)并根據(jù)單價(jià)和數(shù)量計(jì)算出購(gòu)物項(xiàng)的價(jià)格和購(gòu)物車(chē)內(nèi)商品總價(jià)格，在購(gòu)物車(chē)界面進(jìn)行顯示。購(gòu)物車(chē)界面可以顯示每一項(xiàng)商品的單價(jià)、數(shù)量及該購(gòu)物項(xiàng)的總價(jià)，購(gòu)物車(chē)內(nèi)的多項(xiàng)商品，購(gòu)物車(chē)內(nèi)的商品總價(jià);

（5）生成訂單：用戶(hù)對(duì)購(gòu)物車(chē)的商品進(jìn)行結(jié)算并提交形成訂單;

（6）完善資料：已經(jīng)登錄成功的用戶(hù)可以錄入年齡、性別、電話(huà)、地址后并提交，以此完善自己的個(gè)人信息;

（7）修改密碼：已經(jīng)登錄成功的用戶(hù)可以進(jìn)入個(gè)人中心，對(duì)本賬號(hào)的登錄密碼進(jìn)行修改，在新密碼框中輸入新密碼，提交并保存新密碼，密碼修改成功;

（8）商品展示：網(wǎng)站可以展示全部商品，用戶(hù)也可以根據(jù)一、二級(jí)標(biāo)題對(duì)商品進(jìn)行篩選顯示，后臺(tái)獲取到用戶(hù)點(diǎn)擊的一、二級(jí)菜單編號(hào)篩選出對(duì)應(yīng)商品，在商品列表頁(yè)面對(duì)所篩選出的商品進(jìn)行顯示。

1.3? 相關(guān)技術(shù)介紹

本網(wǎng)站使用了SSM開(kāi)發(fā)框架和MySQL數(shù)據(jù)庫(kù)，SSM框架由Spring、Spring MVC和MyBatis構(gòu)成。其中，Spring是分層的JavaEE一站式輕量級(jí)開(kāi)源框架;Spring MVC分離了控制器、模型對(duì)象;MyBatis是基于Java的持久層框架。數(shù)據(jù)存取采用的MySQL是一個(gè)真正的多用戶(hù)、多線(xiàn)程SQL數(shù)據(jù)庫(kù)服務(wù)器，它所使用的SQL語(yǔ)句是世界范圍內(nèi)使用最多并且標(biāo)準(zhǔn)化的數(shù)據(jù)庫(kù)語(yǔ)言，另外，SQL語(yǔ)句使存儲(chǔ)信息、更新信息、存取信息以及刪除信息更加容易。因?yàn)镸ySQL的體積相對(duì)其他的數(shù)據(jù)庫(kù)要小很多，所以使用MySQL來(lái)作為本項(xiàng)目的數(shù)據(jù)庫(kù)系統(tǒng)。

2? 主要數(shù)據(jù)表設(shè)計(jì)

本網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)中，作者設(shè)計(jì)的主要數(shù)據(jù)表包括管理員信息表、用戶(hù)信息表、商品信息表、一級(jí)標(biāo)題表、二級(jí)標(biāo)題表，其主要字段的設(shè)計(jì)分別如表1至表5所示。

3? 系統(tǒng)部分功能實(shí)現(xiàn)

3.1? 網(wǎng)站主頁(yè)實(shí)現(xiàn)

本網(wǎng)站界面主題突出，布局合理，內(nèi)容充分，文字表達(dá)清楚，語(yǔ)句通順，頁(yè)面有明確的導(dǎo)航提示。界面、版面形象的藝術(shù)風(fēng)格清新悅目、布局合理。用戶(hù)可在首頁(yè)根據(jù)商品分類(lèi)，按自己的需求選擇某一類(lèi)商品，點(diǎn)擊后，該類(lèi)所有的商品信息將會(huì)顯示在該頁(yè)面中，其中的頁(yè)面展示信息有商品圖片、商品的名稱(chēng)、商品的價(jià)格、商品描述、商品銷(xiāo)量等信息，用戶(hù)端商品列表界面如圖3所示。

在點(diǎn)擊商品列表界面的某一個(gè)具體的商品后，進(jìn)入商品詳情界面，在商品詳情頁(yè)面可瀏覽商品的其他圖片，包括商品的名稱(chēng)、重量、售價(jià)和產(chǎn)地，可根據(jù)用戶(hù)自身需要修改商品的數(shù)量并加入購(gòu)物車(chē)，商品詳情頁(yè)面如圖4所示。

3.2? 管理員模塊功能實(shí)現(xiàn)

界面整體風(fēng)格簡(jiǎn)潔美觀，界面導(dǎo)航采用扁平豎版設(shè)計(jì)，鼠標(biāo)劃過(guò)和點(diǎn)擊會(huì)出現(xiàn)不同交互動(dòng)作，界面導(dǎo)航內(nèi)容一目了然，管理員可以點(diǎn)擊導(dǎo)航欄的不同位置進(jìn)入不同模塊。

每個(gè)子界面的風(fēng)格統(tǒng)一、樣式一致、內(nèi)容突出，具有較強(qiáng)的交互性。管理員在登錄成功后，可對(duì)商品和用戶(hù)進(jìn)行管理操作。管理員界面的商品列表界面如圖5所示。

4? 結(jié)? 論

基于SSM的果鮮生活農(nóng)產(chǎn)品網(wǎng)站，將傳統(tǒng)農(nóng)業(yè)與現(xiàn)代化的互聯(lián)網(wǎng)相結(jié)合，順應(yīng)了銷(xiāo)售現(xiàn)代化的時(shí)代潮流，并且顧客能夠更好的選擇所需的產(chǎn)品，使購(gòu)物更加便捷、友好。SSM中的Spring MVC是輕量級(jí)的Web框架，對(duì)Web層進(jìn)行解耦，使開(kāi)發(fā)更為簡(jiǎn)潔，易于后期對(duì)于網(wǎng)站的維護(hù)。網(wǎng)站后續(xù)可以增加用戶(hù)上傳商品功能，管理員可以對(duì)用戶(hù)上傳的商品進(jìn)行審核，審核通過(guò)后可顯示在商品列表頁(yè)面，從而提高系統(tǒng)的使用效率。

參考文獻(xiàn)：

[1] 楊開(kāi)振，周吉文，梁華輝，等.Java EE互聯(lián)網(wǎng)輕量級(jí)框架整合開(kāi)發(fā)——SSM框架（Spring MVC+Spring+MyBatis）和Redis實(shí)現(xiàn) [M].北京：電子工業(yè)出版社，2017.

[2] FORTA B.MySQL必知必會(huì) [M].劉曉霞，鐘鳴，譯.北京：人民郵電出版社，2009.

[3] 姜鵬，郭曉倩.形·色——網(wǎng)頁(yè)設(shè)計(jì)法則及實(shí)例指導(dǎo) [M].北京：人民郵電出版社，2017.

[4] 余樂(lè).網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站建設(shè)：從入門(mén)到精通 [M].北京：清華大學(xué)出版社，2017.

[5] CROCKFORD D.JavaScript語(yǔ)言精粹 [M].趙澤欣，鄢學(xué)鹍，譯.北京：電子工業(yè)出版社，2009.

[6] DUCKETT J.HTML & CSS設(shè)計(jì)與構(gòu)建網(wǎng)站 [M].劉濤，陳學(xué)敏，譯.北京：清華大學(xué)出版社，2013.

作者簡(jiǎn)介：李蕊岑（1995—），女，漢族，四川南部人，碩士研究生，研究方向：計(jì)算機(jī)系統(tǒng)結(jié)構(gòu)。