本次項目開發的各模塊靈感來自於市面上已經成熟的各大電商項目(網上商城)、例如淘寶京東。項目開發時間為2020/2/27—2020/3/28。開發工具前期使用Eclipse創建的Dynamic Web項目(動態web項目),到中期使用IDEA開發工具將項目轉為Maven項目繼續開發(期間自學了Maven的相關生命周期和使用方法后才決定轉為Maven項目)。本項目使用Java語言作為后端開發語言。
此項目所用到的前端相關技術:Html+Css+Js+Layui+JQuery+Ajax+JSTL
后端用到的相關技術與工具:Spring+SpringMVC+MyBatis+MySQL+Tomcat
本項目使用的相關工具與框架版本:IDEA-2019.3 Maven-3.6.0 JDK-1.8 Spring+SpringMVC-5.2.4 MyBatis-3.2.8 MySQL-8.0.19 JSTL-1.2 Tomcat-8.5.41
本項目為大三時期在疫情期間完成,從了解電商項目的基本運營方式到需求分析、數據庫關系設計、后端實現、前端設計(部分界面參考已有的商場界面設計)、前后端交互、上線前准備工作與測試、部署上線等工作均為獨立開發,用時一個月左右(因為開發期間的時間也用於做其它事情,加上此為本人第一個使用SSM開發的項目,所以開發時間略長),開發過程中也遇到了許許多多的大大小小的問題,得益於信息網絡的發達還好都解決了,后續會列出開發中遇到的問題及我自己的解決方法。
本項目分為兩大模塊,第一是給客戶使用的網上商城,第二是給商城管理員使用的后台管理系統。在開發接近尾聲的時候剛好遇上阿里雲的高校學生“在家實踐”計划的活動,便免費領取了一台ECS用於項目部署上線。項目訪問地址:http://39.96.66.218:8080/EasyShopping
本項目擁有網上商城的基本功能,首頁展示最新商品(查詢十件后台最新添加的商品)、熱賣商品(沒做商品被購買的總次數,就展示上架最久的5件商品吧)、商品分類展示(導航欄、下面還有各類商品的總數)、商品詳情頁(商品詳細信息、商品的評論)、加入購物車、購買商品(從商品詳情頁購買、從購物車批量購買)、個人訂單列表(可查看詳細訂單商品、繼續支付未支付的訂單、刪除訂單)、個人信息修改(包括頭像上傳)、購物車查看(刪除、購買)、地址管理(增加、刪除)、用戶對已購買商品進行評論、商品的模糊查詢;后台管理系統可允許管理員查看不同等級的管理員信息、查看商品信息(模糊查詢商品、修改商品、上架商品)、查看客戶信息、查看所有訂單列表(可查看訂單包含的商品信息)。
通過本項目的開發也讓我學習了一些jquery的事件,沒學js之前本人對js代碼有點反感,但其實只要自己親手去做一些js事件會發現很有意思,使用js對用戶的操作反饋更加人性化,特別是對於開發者來說使用js提交數據更加的靈活,以前只會使用按鈕對form表單提交數據,現在可以將提交事件寫在js中,不僅能提交數據,還能對數據的合法性按照自己的要求進行效驗;使用jquery的ajax可以完美配合spring框架提供的@RequestBody來接收json字符串並將json屬性名解析成java類所對應的屬性名,使用@ResponseBody可以按自己需求將字符串、java類、List集合、Map集合等數據結構返回給ajax,form表單提交和ajax提交可按照業務需要進行選擇。
在Controller控制層主要匹配前端各個請求,接收傳來的數據,使用spring管理的業務層bean調用業務層相關方法對數據進行處理,返回給前端相關數據。
在Service服務層主要處理相關業務邏輯,使用spring管理的持久層mapper(或dao)調用持久層相關方法完成相應的業務邏輯,包含與數據庫有關的操作也包含與數據庫無關的操作。
在Mapper持久層是操作數據庫的接口,配合Mapper.xml配置文件對數據庫進行各種操作,可以使用mybatis的逆向工程生成各個表的Mapper配置文件和Mapper接口,也可以根據自己業務需求手寫sql語句,提供相應的查詢結果給服務層。
例(加入購物車實現):
前端判斷session會話中有無用戶對象(判斷用戶是否登錄),如圖:
此處使用jquery的ajax對商品id和購買數量進行post提交,Controller層如圖:
后台接收到HttpSession、購買商品的數量、商品的id,構造一個購物車對象,用當前登錄用戶的id作為購物車所屬的用戶id,調用業務層的添加購物車方法,利用@ResponseBody返回指定字符串給ajax,前端進行彈框提示。
Service服務層的代碼如圖:
首先調用Mapper持久層的方法根據當前用戶的id和商品的id查詢該用戶的購物車里面是否已經有此件商品。如果有,便更改此購物車對象的商品數量為已添加數量與新添加數量之和,並調用持久層的購物車更新方法更新數據庫;如果沒有,直接調用持久層的添加購物車方法添加一條購物車數據到數據庫。
通過此例可以看出使用ssm框架開發的優點,各層只負責做自己的工作,由spring管理並提供各層bean實例,起到連接各層的作用,每一個模塊只做一件事,各模塊提供最小限度的接口。如此一來便可以實現高內聚和低耦合。
項目上線后遇到的問題:
1.第一次部署上去后未發現問題,等第二天起床再訪問就報錯了。
上網查閱資料后發現是遇到了經典的“8小時問題”。原因是mysql在默認情況下,如果發現一個連接的空閑時間超過8小時,將會在數據庫端自動關閉這個連接。而數據源並不知道這個連接已經關閉了,當它將這個無用的連接返回給某個Mapper時,就會報無法獲取connection異常。
可以設置mysql的配置文件,將這2個參數設置為24小時(60*60*24=604800)即可。 set interactive_timeout=604800; set wait_timeout=604800; 也可以配置dbcp連接池相關參數。
2.過了幾天后再次訪問居然直接報錯了,說是沒有數據庫表。
去看了下數據庫發現數據庫居然被黑了。。。只留下了經典的warning表。。。我一個用於學習的項目的數據庫都會被黑,看來安全問題是非常值得重視的。ip地址暴露,數據庫端口還是默認的3306,數據庫密碼也太過簡單了,於是將備份的sql重新導入,重設密碼等等。
3.之后遇到過一些瀏覽器無法登錄項目的情況。
原來是瀏覽器阻止了cookie的問題導致的,設置一下瀏覽器就行了。
項目開發中遇到的問題:
1.查詢數據時總是報錯,錯誤信息的sql語句也挺奇怪的。
后面發現是我的表名和一些字段名使用了mysql的保留字,更改后即可解決,詳細參見另一篇博客。