Javaweb實戰(zhàn)之實現(xiàn)蛋糕訂購系統(tǒng)
視頻展示
javaWeb大作業(yè)——蛋糕訂購系統(tǒng)
1 實驗的目的及要求
目的:學(xué)習(xí)JavaWeb的基礎(chǔ)知識,掌握servlet和jsp的必要知識。培養(yǎng)搭建實戰(zhàn)項目的能力。
2 需求分析
2.1 問題陳述
隨著網(wǎng)絡(luò)的普及與發(fā)展,網(wǎng)上購物逐漸成為一種主流消費的方式,它以方便, 足不出戶, 款式多全面,低廉的價格、送貨上門的便捷等等優(yōu)點稱為了人們購物的主要方式,在順應(yīng)互聯(lián)網(wǎng)大勢的情況下經(jīng)過多方面的調(diào)查需求,現(xiàn)推出網(wǎng)上蛋糕訂購系統(tǒng)來滿足個體蛋糕店來打造自己品牌的需求。
2.2 功能需求分析
實現(xiàn)管理員對物品和用戶的分類、刪除、修改、信息編輯、物品搜索和主頁面的熱門推薦等。以及用戶對自己信息的修改和物品的訂購功能。再加上用戶的登陸注冊功能。
3 總體設(shè)計
3.1 功能結(jié)構(gòu)圖設(shè)計
3.2 模塊簡介
系統(tǒng)分為兩個主模塊用戶和管理員。對于用戶模塊在進(jìn)入網(wǎng)站主頁時用戶可以先瀏覽商店信息可以在商品分類里面進(jìn)行商品分類查詢或者在熱銷和新品里面進(jìn)行瀏覽,然后把想要購買的商品加到購物車上然后在行訂單查詢里面進(jìn)行支付。對于管理員模塊除了可以進(jìn)行和用戶部分一樣的功能以外還可以進(jìn)入后臺管理模塊,進(jìn)行訂單管理和客戶管理還有商品管理,類別管理以及退出。
4 詳細(xì)設(shè)計
4.1 主模塊詳細(xì)設(shè)計
主模塊主要包括兩部分一個是用戶的相關(guān)操作,一個是管理員的相關(guān)操作。對應(yīng)著建立了七張數(shù)據(jù)表
同時對orderitem和recommend、shoppingcart設(shè)置了相應(yīng)的外鍵和索引來關(guān)聯(lián)表之間的關(guān)系。
對于程序的界面設(shè)計方面我主要采用了bootstrap框架的導(dǎo)航欄對管理員和用戶所需要的模塊進(jìn)行相應(yīng)的添加。
界面設(shè)計在頁面頂部設(shè)置導(dǎo)航欄便于操作:
對與用戶操作和管理員操作需要具體登陸后才能展現(xiàn)。
主程序流程圖:
4.2 子模塊詳細(xì)設(shè)計
以管理員模塊為例進(jìn)行詳細(xì)講解:
數(shù)據(jù)存儲設(shè)計:
在用戶表里面設(shè)計一個元素isadmin來判斷是不是管理員
對物品在主頁面的推薦表設(shè)計為例進(jìn)行介紹:
界面設(shè)計:
點擊后臺管理后:
程序流程圖:
5 編碼和測試
5.1 編碼
使用C3P0連接池對數(shù)據(jù)庫進(jìn)行鏈接配置:
<c3p0-config> <!-- 默認(rèn)配置,只可以出現(xiàn)一次 --> <default-config> <property name="driverClass">com.mysql.jdbc.Driver</property> <property name="jdbcUrl">jdbc:mysql://localhost:3306/cakes?useUnicode=true&characterEncoding=utf-8&useSSL=false</property> <property name="user">root</property> <property name="password">root</property> <property name="initialPoolSize">10</property> <property name="maxIdleTime">3600</property> <property name="maxPoolSize">20</property> <property name="minPoolSize">10</property> </default-config> </c3p0-config>
對用戶購買進(jìn)行展示:
Servlet類; @WebServlet(name = "goods_buy",urlPatterns = "/goods_buy") public class GoodsBuyServlet extends HttpServlet { private GoodsService gService = new GoodsService(); protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { Order o = null; if(request.getSession().getAttribute("order") != null) { o = (Order) request.getSession().getAttribute("order"); }else { o = new Order(); request.getSession().setAttribute("order", o); } int goodsid = Integer.parseInt(request.getParameter("goodsid")); Goods goods = gService.getGoodsById(goodsid); if(goods.getStock()>0) { o.addGoods(goods); response.getWriter().print("ok"); }else { response.getWriter().print("fail"); } }
訂單確認(rèn)部分:
@WebServlet(name = "order_confirm",urlPatterns = "/order_confirm") public class OrderConfirmServlet extends HttpServlet { private OrderService oService = new OrderService(); protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { Order o = (Order) request.getSession().getAttribute("order"); try { BeanUtils.copyProperties(o, request.getParameterMap()); } catch (IllegalAccessException e) { // TODO Auto-generated catch block e.printStackTrace(); } catch (InvocationTargetException e) { // TODO Auto-generated catch block e.printStackTrace(); } o.setDatetime(new Date()); o.setStatus(2); o.setUser((User) request.getSession().getAttribute("user")); oService.addOrder(o); request.getSession().removeAttribute("order"); request.setAttribute("msg", "訂單支付成功!"); request.getRequestDispatcher("/order_success.jsp").forward(request, response); }
訂單確認(rèn)的jsp頁面部分:
<div class="cart-items"> <div class="container"> <h2>確認(rèn)收貨信息</h2> <form class="form-horizontal" action="/order_confirm" method="post" id="payform"> <div class="row"> <label class="control-label col-md-1">收貨人</label> <div class="col-md-6"> <input type="text" class="form-control" name="name" value="${user.name }" style="height:auto;padding:10px;" placeholder="輸入收貨人" required="required"><br> </div> </div> <div class="row"> <label class="control-label col-md-1">收貨電話</label> <div class="col-md-6"> <input type="text" class="form-control" name="phone" value="${user.phone }" style="height:auto;padding:10px;" placeholder="輸入收貨電話" required="required"><br> </div> </div> <div class="row"> <label class="control-label col-md-1">收貨地址</label> <div class="col-md-6"> <input type="text" class="form-control" name="address" value="${user.address }" style="height:auto;padding:10px;" placeholder="輸入收貨地址" required="required"><br> </div> </div> <br><hr><br> <h2>選擇支付方式</h2> <h3>支付金額: ${order.total }</h3><br><br> <div class="col-sm-6 col-md-4 col-lg-3 "> <label> <div class="thumbnail"> <input type="radio" name="paytype" value="1" checked="checked" /> <img src="images/wechat.jpg" alt="微信支付"> </div> </label> </div> <div class="col-sm-6 col-md-4 col-lg-3 "> <label> <div class="thumbnail"> <input type="radio" name="paytype" value="2" /> <img src="images/alipay.jpg" alt="支付寶支付"> </div> </label> </div> <div class="col-sm-6 col-md-4 col-lg-3 "> <label> <div class="thumbnail"> <input type="radio" name="paytype" value="3" /> <img src="images/offline.jpg" alt="貨到付款"> </div> </label> </div> <div class="clearfix"> </div> <div class="register-but text-center"> <input type="submit" value="確認(rèn)訂單"> <div class="clearfix"> </div> </div> </form> </div> </div>
5.2 測試
6 總結(jié)及建議
通過本次課程的學(xué)習(xí)讓我掌握了一種可以用來就業(yè)的本領(lǐng)這無疑對我以后進(jìn)入社會更好的生活提供了一份保障。本次實驗作業(yè)也讓我清楚的認(rèn)識到想要獨立的完成一個系統(tǒng)網(wǎng)站需要大量的知識積累不僅僅是簡單的學(xué)習(xí)這一門課就行的,比如在網(wǎng)站的前端設(shè)計中對css樣式和jquary的應(yīng)用上就暴露出了自己的薄弱項,在這方面的編寫中遇到了巨大的困難。而且不僅如此在后端也同樣暴露出了很多問題。比如在設(shè)計模式的不成熟可能導(dǎo)致后面對項目維護(hù)不方便。認(rèn)識到這些問題后我會積極補(bǔ)救,在后面的學(xué)習(xí)中積極完善自己的不足來提高編程能力。
到此這篇關(guān)于Javaweb實戰(zhàn)之實現(xiàn)蛋糕訂購系統(tǒng)的文章就介紹到這了,更多相關(guān)Javaweb蛋糕訂購系統(tǒng)內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
消息隊列 RabbitMQ 與 Spring 整合使用的實例代碼
本篇文章主要介紹了消息隊列 RabbitMQ 與 Spring 整合使用的實例代碼,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-08-08java Date裝成英文String后,無法再轉(zhuǎn)回Date的解決方案
本文介紹了java Date裝成英文String后,無法再轉(zhuǎn)回Date的解決方案。具有一定的參考價值,下面跟著小編一起來看下吧2017-01-01Spring?Cloud?Eureka服務(wù)注冊中心入門流程分析
這篇文章主要介紹了Spring?Cloud?Eureka服務(wù)注冊中心入門流程分析,本文給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2022-06-06