jsp+servlet實戰編寫購物商城
阿新 • • 發佈：2020-12-24
專案介紹
本專案使用jsp+servlet+mysql架構搭建美妝購物商城，主要分為使用者端和商城端，使用者端主要有首頁展示，商品資訊、購物車、訂單和個人中心幾個大的模組，每個模組都包含主要的電商功能；商戶端主要是對商品的增刪改查，對商品銷量的統計，訂單管理以及公告管理幾個核心板塊。
開發環境：
- jdk 8
- intellij idea
- tomcat 8
- mysql 5.7
所用技術：
- jsp+servlet
- js+ajax
- layui
- jdbc+C3P0
執行效果
- 註冊
- 使用者資訊
- 首頁
- 商品列表
- 訂單確認
- 後端-銷售榜單
重要程式碼:
- 登入，許可權角色控制：
public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { // 1.獲取登入頁面輸入的使用者名稱與密碼 String username = request.getParameter("username"); String password = request.getParameter("password"); // 2.呼叫service完成登入操作。 UserService service = new UserService(); try { User user = service.login(username, password); // 3.登入成功，將使用者儲存到session中. request.getSession().setAttribute("user", user); // 獲取使用者的角色，其中使用者的角色分普通使用者和超級使用者兩種 String role = user.getRole(); // 如果是超級使用者，就進入到後臺管理系統；否則進入我的賬戶頁面 if ("超級使用者".equals(role)) { response.sendRedirect(request.getContextPath() + "/admin/login/home.jsp"); return; } else { response.sendRedirect(request.getContextPath() + "/client/myAccount.jsp"); return; } } catch (LoginException e) { // 如果出現問題，將錯誤資訊儲存到request範圍，並跳轉回登入頁面顯示錯誤資訊 e.printStackTrace(); request.setAttribute("register_message", e.getMessage()); request.getRequestDispatcher("/client/login.jsp").forward(request, response); return; } } // 退出登入，銷燬使用者快取資訊 public void doPost(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException { // 獲取session物件. HttpSession session = request.getSession(); // 銷燬session session.invalidate(); // flag標識 String flag = request.getParameter("flag"); // 重定向到首頁 if (flag == null || flag.trim().isEmpty()) { response.sendRedirect(request.getContextPath() + "/index.jsp"); } }
- 購物車邏輯
// 後端資料組裝 public void doPost(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException { // 1.獲取美妝id String id = request.getParameter("id"); // 2.根據id條件查詢具體美妝引數資訊 ProductService service = new ProductService(); try { Product p = service.findProductById(id); //3.將商品新增到購物車 //3.1獲得session物件 HttpSession session = request.getSession(); //3.2從session中獲取購物車物件 Map<Product, Integer> cart = (Map<Product, Integer>)session.getAttribute("cart"); //3.3如果購物車為null,說明沒有商品儲存在購物車中，創建出購物車 if (cart == null) { cart = new HashMap<Product, Integer>(); } //3.4向購物車中新增商品 Integer count = cart.put(p, 1); //3.5如果商品數量不為空，則商品數量+1，否則新增新的商品資訊 if (count != null) { cart.put(p, count + 1); } session.setAttribute("cart", cart); response.sendRedirect(request.getContextPath() + "/client/cart.jsp"); return; } catch (FindProductByIdException e) { e.printStackTrace(); } } //jsp 頁面資料渲染 <c:forEach items="${cart}" var="entry" varStatus="vs"> <table width="100%" border="0" cellspacing="0"> <tr> <td width="10%">${vs.count}</td> <td width="30%">${entry.key.name }</td> <td width="10%">${entry.key.price }</td> <td width="20%"> <!-- 減少商品數量 --> <input type="button" value='-' style="width:20px" onclick="changeProductNum('${entry.value-1}','${entry.key.pnum}','${entry.key.id}')"> <!-- 商品數量顯示 --> <input name="text" type="text" value="${entry.value}" style="width:40px;text-align:center" /> <!-- 增加商品數量 --> <input type="button" value='+' style="width:20px" onclick="changeProductNum('${entry.value+1}','${entry.key.pnum}','${entry.key.id}')"> </td> <td width="10%">${entry.key.pnum}</td> <td width="10%">${entry.key.price*entry.value}</td> <td width="10%"> <!-- 刪除商品 --> <a href="${pageContext.request.contextPath}/changeCart?id=${entry.key.id}&count=0" style="color:#FF0000; font-weight:bold" onclick="javascript:return cart_del()">X</a> </td> </tr> </table> <c:set value="${total+entry.key.price*entry.value}" var="total" /> </c:forEach>
- 文字驗證碼生成
public void doGet(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException {
// 禁止快取
// response.setHeader("Cache-Control", "no-cache");
// response.setHeader("Pragma", "no-cache");
// response.setDateHeader("Expires", -1);
int width = 180;
int height = 30;
// 步驟一 繪製一張記憶體中圖片
BufferedImage bufferedImage = new BufferedImage(width, height,
BufferedImage.TYPE_INT_RGB);
// 步驟二 圖片繪製背景顏色 ---通過繪圖物件
Graphics graphics = bufferedImage.getGraphics();// 得到畫圖物件 --- 畫筆
// 繪製任何圖形之前 都必須指定一個顏色
graphics.setColor(getRandColor(200, 250));
graphics.fillRect(0, 0, width, height);
// 步驟三 繪製邊框
graphics.setColor(Color.WHITE);
graphics.drawRect(0, 0, width - 1, height - 1);
// 步驟四 四個隨機數字
Graphics2D graphics2d = (Graphics2D) graphics;
// 設定輸出字型
graphics2d.setFont(new Font("宋體", Font.BOLD, 18));
Random random = new Random();// 生成隨機數
int index = random.nextInt(words.size());
String word = words.get(index-1);// 獲得成語
// 定義x座標
int x = 10;
for (int i = 0; i < word.length(); i++) {
// 隨機顏色
graphics2d.setColor(new Color(20 + random.nextInt(110), 20 + random
.nextInt(110), 20 + random.nextInt(110)));
// 旋轉 -30 --- 30度
int jiaodu = random.nextInt(60) - 30;
// 換算弧度
double theta = jiaodu * Math.PI / 180;
// 獲得字母數字
char c = word.charAt(i);
// 將c 輸出到圖片
graphics2d.rotate(theta, x, 20);
graphics2d.drawString(String.valueOf(c), x, 20);
graphics2d.rotate(-theta, x, 20);
x += 40;
}
// 將驗證碼內容儲存session
request.getSession().setAttribute("checkcode_session", word);
// 步驟五 繪製干擾線
graphics.setColor(getRandColor(160, 200));
int x1;
int x2;
int y1;
int y2;
for (int i = 0; i < 30; i++) {
x1 = random.nextInt(width);
x2 = random.nextInt(12);
y1 = random.nextInt(height);
y2 = random.nextInt(12);
graphics.drawLine(x1, y1, x1 + x2, x2 + y2);
}
// 將上面圖片輸出到瀏覽器 ImageIO
graphics.dispose();// 釋放資源
ImageIO.write(bufferedImage, "jpg", response.getOutputStream());
}
專案總結
通過專案能學習一些java的基本資料渲染和讀取，前後端資料傳遞除開request外也可以用session進行快取互動，但是有點浪費快取資源，不必要長久快取資料可以及時清空
快取，原生jsp+servlet組合框架也有很多不足，後期會改版成ssh或者ssm或者springboot版本的電商平臺