javaweb練手項目jsp+servlet簡易購物車系統

簡易購物車項目

這是一個用intellij IDEA做的簡易的javaweb項目,開發環境使用的jdk1.8和tomcat8以及mysql資料庫。

1.項目開發準備:

  1. 創建github倉庫
  2. 項目框架搭建
  3. 項目構建並同步倉庫
  4. 編寫所需業務邏輯

2.開發項目解決方案:

  1. github倉庫站上所屬存放的項目倉庫
  2. mysql資料庫中創建項目所需shopCartDB資料庫,用於儲存購物車項目所需數據
  3. 採用註解@WebServlet進行http請求響應
  4. 搭建jsp+servlet架構的技術框架,基於c標籤及el表達式進行jsp頁面數據渲染,
    c標籤引入方式:
<%@ taglib prefix="c" uri="//java.sun.com/jsp/jstl/core" %>

根據jdbc直連技術,編寫資料庫操作工具類,方便存儲數據,程式碼如下:

public class DBUtils {
	String url = null;		//連接地址
	String username = null;		//資料庫名
	String password = null;		//資料庫密碼
	String driverClass = null;	//連接驅動
	private static DBUtils db = new DBUtils();
	/**構建資料庫連接參數*/
	private DBUtils() {
		try {
			url = "jdbc:mysql://localhost:3306/shopCartDb?useUnicode=true&characterEncoding=utf8";
			username = "root";
			password = "root123";
			driverClass = "com.mysql.jdbc.Driver";
			Class.forName(driverClass);
		} catch (Exception e) {
			e.printStackTrace();
		}
	}
	/**構建資料庫連接對象*/
	public Connection getConnection(){
		Connection conn = null;
		try {
			conn = DriverManager.getConnection(url, username, password);
		} catch (Exception e) {
			e.printStackTrace();
		}
		return conn;
	}
	public static DBUtils getInstance(){
		return db;
	}
}

3.項目功能:

  1. 註冊
  2. 登錄
  3. 找回密碼
  4. 商品列表
  5. 添加購物車
  6. 購物車刪除
  7. 購物車數量修改
  8. 購物車結算

4.工作內容:

本項目採用mysql資料庫進行儲存數據,所以優先搭建項目所需資料庫結構,此項目有用戶表,商品表,購物車表,結算表等資訊。

利用搭建好的jsp+servlet框架提供http請求及響應視圖能力,展示項目所需各個jsp頁面。根據響應顯示註冊頁面進行註冊操作。

根據註冊所填寫的帳號和密碼進行系統登錄,如忘記密碼,可根據郵件動態驗證碼形式進行密碼找回,密碼採用騰訊QQ服務提供的SMTP伺服器

進行驗證碼收發操作,系統進入後展示商品列表,利用c標籤將db入庫的數據進行動態渲染,el表達式進行數據取值展示,添加購物車利用ajax請求

進行添加購物車、移除購物車的技術實現,根據所添加的購物車列表數據,可更改購物車的數量進行結算,將購物車頁面數據進行複選框勾選模式。

可進行多個商品一起結算,利用js技術篩選出具體哪些商品進行勾選,根據勾選商品的數量及商品單價進行最終價格結算。從而完成一系列的購物車技術實現

5.項目總結:

  1. jsp+servlet組合框架開發,條理清晰的mvc框架
  2. 了解c標籤進行數據渲染及多方面的強大渲染能力,可以更合理動態展示複雜的數據結構
  3. 豐富學習了markdown擴充的語法,可以更直觀展示項目介紹文檔
  4. 合理利用jdbc直連技術,更加熟悉掌握對數據的增刪改查操作
  5. 鞏固java的基礎知識,並針對不足之處記性額外補充學習,比如list結構及數組結構體的運用
  6. 熟悉ajax技術,能利用ajax技術針對get與post請求進行數據的傳遞和響應

6.部分程式碼截圖:

  1. 商品列表程式碼

  2. 購物車列表程式碼

  3. 結算後端程式碼

  4. 結算列表程式碼

7.項目效果:

  1. 登錄

  2. 商品列表

  3. 購物車列表

  4. 結算列表