javaweb練手專案jsp+servlet簡易購物車系統

程式幫發表於2020-12-20

簡易購物車專案

這是一個用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="http://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. 結算列表

相關文章