本次項目開發的各模塊靈感來自於市面上已經成熟的各大電商項目(網上商城)、例如淘寶京東。項目開發時間為2020/2/27—2020/3/28。開發工具前期使用Eclipse創建的Dynamic Web項目(動態web項目),到中期使用IDEA開發工具將項目轉為Maven項目繼續開發(期間自學了Mave ...
本次項目開發的各模塊靈感來自於市面上已經成熟的各大電商項目(網上商城)、例如淘寶京東。項目開發時間為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會話中有無用戶對象(判斷用戶是否登錄),如圖: