基于Java SSM的蔬菜水果农产品网上购物商城的设计与实现

分手后的思念是犯贱 2024-04-03 12:22 39阅读 0赞

目 录  
摘 要 I  
Abstract II  
目 录 IV  
第一章 引言 1  
1.1 系统开发背景 1  
1.2 系统开发意义 1  
1.3论文的主要结构 2  
第二章 系统设计工具介绍 3  
2.1 平台选择 3  
2.2 系统开发工具 3  
2.2.1 开发语言—JSP 3  
2.2.2 数据库—MySQL 4  
第三章 蔬菜水果农产品网上购物商城需求分析 5  
3.1 蔬菜水果农产品网上购物商城系统的现状 5  
3.2 可行性分析 6  
3.3 系统实现的目标 6  
3.4 系统功能需求 6  
3.4.1 功能概述 6  
3.4.2 功能描述 7  
3.4.3 功能划分 8  
3.4.3 功能用例 8  
第四章 蔬菜水果农产品网上购物商城系统设计 14  
4.1 项目规划 14  
4.1.1 系统功能结构图 14  
4.1.2 处理流程 15  
4.2 系统设计 16  
4.2.1 设计目标 16  
4.2.2 系统开发环境 16  
4.3 数据库设计 17  
第五章 蔬菜水果农产品网上购物商城系统实现 23  
5.1 系统各部分的实现方法 23  
5.1.1 创建与数据库的连接 23  
5.1.2 访问数据库的JavaBean 23  
5.2 网站前台设计 24  
5.2.1前台框架设计 24  
5.2.2 网站首页 25  
5.2.3 产品详情页 26  
5.2.4 评价 27  
5.3网站后台设计 27  
5.3.1 后台主页 27  
5.3.2 后台评价管理 28  
5.3.3 水果管理 29  
5.3.4水果信息修改 29  
5.3.5 水果分类管理 30  
5.3.6 订单管理 30  
5.3.7 购物车管理 31  
第六章 系统测试与评价分析 32  
6.1 测试环境简介 32  
6.2 系统的不足及修改方法 32  
6.3 系统的评价分析 33  
6.3.1 实用性 33  
6.3.2 可维护性 33  
6.3.3 可扩展性 33  
结论 34  
参考文献 35  
致谢 37  
3.3 系统实现的目标  
现在流行的蔬菜水果农产品网上购物商城系统不仅要有漂亮的网页，更要有严谨的规划，注重每一个细小的环节，这样才能使得在电子交易时避免不必要错误发生。我们将使用HTML、JSP等技术来编辑网页，并运用JDBC技术把数据库和动态网页相关联。传统的管理信息系统信息获取方法是由专业文字录入人员将信息输入到管理系统的数据库中，这种方法在数据量不大时有很多的应用场合。当数据量比较大，并且有较强的专业性时，录入的费用和出错的可能性都相应上升。本设计在实际应用中的解决方案是建立网站， 以及自己的数据库，使得所需水果信息可以及时的保存、更新，可以更好的及时了解水果买卖的情况。  
3.4 系统功能需求  
3.4.1 功能概述  
本网站主要包括：前台水果展示及销售和后台网站管理  
(1) 前台水果展示：主要包括水果销售者在线注册为卖家会员、修改个人信息、管理账户余额、发布预售水果信息、销售水果。水果消费者在线注册为买家会员、修改个人信息、管理账户余额、浏览水果详细信息、支付购物、下订单、评价、投票。游客注册为卖家或者买家会员、浏览水果详细信息，搜索水果信息。  
(2) 后台网站管理：主要由管理员维护客户注册信息、维护水果信息、处理订定单信息、维护系统公告、网上售货、发布网站公告。  
第五章 蔬菜水果农产品网上购物商城系统实现  
本系统所采用的是Internet架构，三层B/S模式，本文转载自http://www.biyezuopin.vip/onews.asp?id=13775采用JSP+MySQL数据库技术实现，同时利用了JavaBean、JavaScript、JDBC-ODBC桥接器等技术。本节将首先介绍系统开发工具、再介绍系统各部分的实现方法。  
5.1 系统各部分的实现方法  
从系统功能模块划分中可以看出，系统功能模块分为前台和后台。前台包括有用户注册、用户登录、修改个人信息、查询水果、特价水果展示、新品展示、购买水果、加入购物车、支付等功能。后台模块总要有添加水果、删除水果、添加水果类别、管理用户、管理公告、管理订单等。各模块虽然是独立的，但又统一于同一数据库中，便于管理员管理维护数据库，同时也便于用户的操作。

<%@ page language="java" contentType="text/html; charset=utf-8" %>
    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
    <!DOCTYPE html>
    <html>
    <head>
    	<title>首页</title>
    	<meta charset="UTF-8">
    	<link rel="stylesheet" type="text/css" href="css/public.css">
    	<link rel="stylesheet" type="text/css" href="css/index.css">
    	<link rel="stylesheet" type="text/css" href="css/swiper.css">
    </head>
    <body>
    	
    	<jsp:include page="header.jsp"/>
    	
    	<div class="main">
    		
    		
    		<div class="m_content m_today_box">
    			<div id="m_today">
    				<div class="m-hot-tit clearfix">
    					<div class="m-hot-tit-left"><span>今日推荐</span></div>
    					<a href="today"><div class="m-hot-tit-right"><span>更多推荐 ></span></div></a>
    				</div>
    				<div class="mdd_today_box clearfix">
    					<div class="m_today_center clearfix">
    					
    						<c:forEach items="${todayList}" var="today">
    							<div class="goods-box2 ">
    								<div class="goods clearfix">
    									<a href="detail?id=${today.id}">
    										<div class="img-box">
    											<img src="${today.cover}">
    										</div>
    									</a>
    									<div class="goods-right">
    										<a href="detail?id=${today.id}">
    											<p class="goodsname">${
        today.name}</p>
    										</a>
    										<p class="goods-descript">${
        today.intro}</p>
    										<p class="goods-spec">${
        today.spec}</p>
    										<p class="goodsprices"><span class="yj">¥<span class="yjcont">${
        today.price}</span></span></p>
    										<p class="addcart" data-id="${today.id}"><i class="iconfont icon-gouwuche3"></i>加入购物车</p>
    									</div>
    								</div>
    							</div>
    						</c:forEach>
    						
    					</div>
    				</div>
    			</div>
    		</div>
    		
    	
    		
    		<div class="m_content mdd-top">
    			<div id="m_hot">
    				<div class="m-hot-tit clearfix">
    					<div class="m-hot-tit-left"><span>热销排行</span></div>
    					<a href="hot"><div class="m-hot-tit-right"><span>更多热销 ></span></div></a>
    				</div>
    				<div class="m_hot_one clearfix">
    				
    					<c:forEach items="${hotList}" var="hot" begin="0" end="2" varStatus="status">
    						<div class="goods-box1 ">
    							<div class="goods clearfix">
    								<div class="m-pm" style="background-image: url(img/m_top_${status.count}.png)"></div>
    								<a href="detail?id=${hot.id}">
    									<div class="img-box">
    										<img src="${hot.cover}">
    									</div>
    								</a>
    								<div class="goods-right">
    									<a href="detail?id=${hot.id}">
    										<p class="goodsname">${
        hot.name}</p>
    									</a>
    									<p class="goods-descript">${
        hot.intro}</p>
    									<p class="goods-spec">${
        hot.spec}</p>
    									<p class="goodsprices"><span class="yj">¥<span class="yjcont">${
        hot.price}</span></span></p>
    									<p class="addcart" data-id="${hot.id}"><i class="iconfont icon-gouwuche3"></i>加入购物车</p>
    								</div>
    							</div>
    						</div>
    					</c:forEach>
    					
    				</div>
    					
    				<div class="m_hot_two clearfix">
    				
    					<c:forEach items="${hotList}" var="hot" begin="4" end="8" varStatus="status">
    						<div class="goods-box ">
    							<div class="goods clearfix">
    								<div class="m-pm"><span>${
        status.count + 3}</span></div>
    								<a href="detail?id=${hot.id}">
    									<div class="img-box">
    										<img src="${hot.cover}">
    									</div>
    								</a>
    								<div class="goods-right">
    									<a href="detail?id=${hot.id}">
    										<p class="goodsname">${
        hot.name}</p>
    									</a>
    									<p class="goods-descript">${
        hot.intro}</p>
    									<p class="goods-spec">${
        hot.spec}</p>
    									<p class="goodsprices"><span class="yj">¥<span class="yjcont">${
        hot.price}</span></span></p>
    									<p class="addcart" data-id="${hot.id}"><i class="iconfont icon-gouwuche3"></i>加入购物车</p>
    								</div>
    							</div>
    						</div>
    					</c:forEach>	
    						
    				</div>
    			</div>
    		</div>	
    		
    		
    		
    		<c:forEach items="${dataList}" var="data">
    			<div class="main Louti vegetable">
    				<div class="m-hot-tit clearfix">
    					<div class="m-hot-tit-left"><span>${
        data.type.name}</span></div>
    					<a href="type?id=${data.type.id}"><div class="m-hot-tit-right">查看更多 ></div></a>
    				</div>
    				<div class="main-box">
    					<div class="m-swiper-container">
    						<div class="swiper-wrapper">
    								
    							<div class="swiper-slide">
    								<c:forEach items="${data.goodList}" var="good" varStatus="status">
    									<div class="goods-box ">
    										<div class="goods">
    											<a href="detail?id=${good.id}">
    												<div class="img-box">
    													<img src="${good.cover}">
    												</div>
    											</a>
    											<a href="detail?id=${good.id}">
    												<p class="goodsname">${
        good.name}</p>
    											</a>
    											<p class="goods-descript">${
        good.intro}</p>
    											<p class="goods-spec">${
        good.spec}</p>
    											<p class="goodsprices"><span class="yj">¥<span class="yjcont">${
        good.price}</span></del></p>
    											<p class="addcart" data-id="${good.id}"><i class="iconfont icon-gouwuche3"></i>加入购物车</p>
    										</div>
    									</div>
    									<c:if test="${status.count%5==0}">
    										</div><div class="swiper-slide">
    									</c:if>
    								</c:forEach>
    							</div>
    	
    						</div>
    						<div class="swiper-pagination"></div>
    					</div>
    				</div>
    			</div>	
    		</c:forEach>
    
    	</div>
    
    	<jsp:include page="footer.jsp"/>
    
    </body>
    
    <script src="js/jquery.min.js" type="text/javascript"></script>
    <script src="js/jquery.fly.min.js" type="text/javascript"></script>
    <script src="js/jquery.flexslider.min.js" type="text/javascript"></script>
    <script src="js/swiper.min.js" type="text/javascript"></script>
    <script type="text/javascript">
    // 商品轮播
    new Swiper('.m-swiper-container', {
        
    	pagination: {
        
    		el: '.swiper-pagination',
    		clickable: true,
    	},
    });
    
    // 显示购物车按钮
    $(".goods-box").on("mouseenter", function() {
        
    	$(this).addClass("active")
    	$(this).find(".addcart").show()
    	$(this).find(".reserve").show()
    	$(this).find(".m_stop").show()
    	$(this).find(".goodsprices").hide()
    });
    $(".goods-box").on("mouseleave", function() {
        
    	$(this).removeClass("active")
    	$(this).find(".addcart").hide()
    	$(this).find(".reserve").hide()
    	$(this).find(".m_stop").hide()
    	$(this).find(".goodsprices").show()
    });
    $(".goods-box1").on("mouseenter", function() {
        
    	$(this).addClass("active")
    });
    $(".goods-box1").on("mouseleave", function() {
        
    	$(this).removeClass("active")
    });
    $(".goods-box2").on("mouseenter", function() {
        
    	$(this).addClass("active")
    	$(this).find(".addcart").show()
    	$(this).find(".reserve").show()
    	$(this).find(".goodsprices").hide()
    });
    $(".goods-box2").on("mouseleave", function() {
        
    	$(this).removeClass("active")
    	$(this).find(".addcart").hide()
    	$(this).find(".reserve").hide()
    	$(this).find(".goodsprices").show()
    });
    
    </script>
    
    </html>

![在这里插入图片描述][095cd862f5744762be63352f458919b6.jpeg_pic_center]  
![在这里插入图片描述][d0b3f7ca49d14f5f97426ca3e24ba729.png_pic_center]  
![在这里插入图片描述][48ed56c421a64a20b777c1aa5f107690.jpeg_pic_center]  
![在这里插入图片描述][702a20dd9ddd441d92e8261259903f45.png_pic_center]  
![在这里插入图片描述][489f0efa65974a2da32b303dd1a2ff38.png_pic_center]  
![在这里插入图片描述][9f33e7bd1a92449f9c9df54cf37f3e19.jpeg_pic_center]  
![在这里插入图片描述][f8f6ae3349244c099452be9f7a83c71a.jpeg_pic_center]  
![在这里插入图片描述][76f094c15dd144929fd34005ac17ffec.jpeg_pic_center]  
![在这里插入图片描述][4429b81bd48d4ef9969c4984259ac2f9.png_pic_center]  
![在这里插入图片描述][b04c75a9e6454233b87c16fdc634a657.png_pic_center]  
![在这里插入图片描述][343a0de94b2b4faea8220f49d64c3e91.jpeg_pic_center]  
![在这里插入图片描述][61c1ef0985204c008d72e96abe9b8b0b.png_pic_center]  
![在这里插入图片描述][c1756fc4ff6c4ed7a09a56ae78cb6863.jpeg_pic_center]  
![在这里插入图片描述][95fa6b0cb9334029857d03edad7f3759.png_pic_center]  
![在这里插入图片描述][a39dc11a0e554e8ab09d966b45352d44.jpeg_pic_center]

[095cd862f5744762be63352f458919b6.jpeg_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/f10cfee9b49549719a14b28d9cf47a3e.jpeg
[d0b3f7ca49d14f5f97426ca3e24ba729.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/a1f7cbabd6e3408989a04d768fc8ab62.png
[48ed56c421a64a20b777c1aa5f107690.jpeg_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/7f498b81455c4b58960e03a20fe7389f.jpeg
[702a20dd9ddd441d92e8261259903f45.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/f96b7cb8013e49abb307dc5940a74206.png
[489f0efa65974a2da32b303dd1a2ff38.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/2138c3563ba845e0a58c6de058763e7e.png
[9f33e7bd1a92449f9c9df54cf37f3e19.jpeg_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/dfe600614c0c42d1be720a667908f06a.jpeg
[f8f6ae3349244c099452be9f7a83c71a.jpeg_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/8aae6ebabdf44bcb851412f506c26c1a.jpeg
[76f094c15dd144929fd34005ac17ffec.jpeg_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/209640282dca4244a69814d69a822912.jpeg
[4429b81bd48d4ef9969c4984259ac2f9.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/b2d4b96ace02490a8f432394fb1bb3d1.png
[b04c75a9e6454233b87c16fdc634a657.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/22a5529e34704ef89d0153e3c861d875.png
[343a0de94b2b4faea8220f49d64c3e91.jpeg_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/54a501fdd4264400a4c66f8ffb2ed9c7.jpeg
[61c1ef0985204c008d72e96abe9b8b0b.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/575b94c0db004e37a777072fb9c1d719.png
[c1756fc4ff6c4ed7a09a56ae78cb6863.jpeg_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/bd2dfaff86a44118aa981a52c2d488a9.jpeg
[95fa6b0cb9334029857d03edad7f3759.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/e70c85ca3e404c0da078785320e68ec5.png
[a39dc11a0e554e8ab09d966b45352d44.jpeg_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/2a69631acbb34c6f9474d9c944a5f29a.jpeg