基于Java+SSM+MySQL的水果商城系统

目录
摘要 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.4 系统功能需求
3.4.1 功能概述
本网站主要包括：前台水果展示及销售和后台网站管理
(1) 前台水果展示：主要包括水果销售者在线注册为卖家会员、修改个人信息、管理账户余额、发布预售水果信息、销售水果。水果消费者在线注册为买家会员、修改个人信息、管理账户余额、浏览水果详细信息、支付购物、下订单、评价、投票。游客注册为卖家或者买家会员、浏览水果详细信息，搜索水果信息。
(2) 后台网站管理：主要由管理员维护客户注册信息、维护水果信息、处理订定单信息、维护系统公告、网上售货、发布网站公告。
3.4.2 功能描述
开发一个基于Web的网上商城，采用结构化设计分析方法，该系统包括前台购物和后台管理两大总的模块，后台管理模块又包括分类录入水果（以及水果的相关信息，如名称、单价、摘要、目录等）和管理前台用户，前台管理模块包括用户登录，查询、浏览水果，以及购物功能。本网站的所有会员都可以特价水果，新用户可以通过注册成为本网站的会员，并可以定购水果和查询订单。本系统的各项功能需求如下：
(1) 注册会员功能，该功能的优先级较高，要想正常使用本网站，就要首先进行注册，需要填写用户名、密码、确认密码、邮箱等问题。
(2) 会员登录功能，该功能的优先级较高，使用已经注册过的用户名和密码进行登录，经过系统确认正确后，即可进入下一步操作。
(3) 会员管理账户余额功能，该功能包括会员使用网银给账户充值，以及查看本账户当前可用余额和交易记录。
(4) 浏览搜索水果功能，通过输入想要找的水果的关键字进行查询，然后从若干水果中进行浏览，挑选出自己想要的水果。
(5) 查看水果相信信息功能，通过浏览到的水果，对水果进行详细信息浏览。
(6) 购物车功能，在浏览网页和查找水果的过程中，如果选中某一水果，就可以随时将它添加到自己的购物车中，前提条件是这必须要在登录之后才能完成的操作。而且，还可以将购物车中的水果使用网上银行账户通过支付宝的操作进行递交付款。
(7) 销售排行榜功能，该功能是将网站上的所有水果按照销售量进行排序显示，并将网站上的所有水果按照上传日期进行排序再显示。
(8) 水果网站管理员对水果进行分类管理功能，该功能包括添加水果、修改水果、删除水果、添加水果类型、修改水果类型、删除水果类型并且显示出所有的水果类型和水果信息（如编号、名称等）。
(9) 商城网站管理员对网站的会员进行管理功能，该功能是指管理员可以维护客户注册信息、维护水果信息、维护系统公告，同时，本文转载自http://www.biyezuopin.vip/onews.asp?id=12062还可以将一些使用不规范的用户或者长期不用的用户进行删除。店长管理员还可以给其他董事管理员分配管理权限，实现本网站的秩序。
(10) 管理员的登录与注销功能，管理员进入后台进行操作也要经过最高层管理员的允许。
3.4.3 功能划分
根据功能需求分析，将本系统功能划分如下图：
在这里插入图片描述

图3.1 系统功能模块的层次框图

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>"/>
    
    <title>水果超市</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	
	
	  <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- Favicon -->
    <link rel="shortcut icon" type="image/x-icon" href="img/favicon.png">

 
	    
	    
	     <link rel="stylesheet" type="text/css" href="<%=basePath%>home/css/font-awesome.min.css" />
  <link rel="stylesheet" type="text/css" href="<%=basePath%>home/css/bootstrap.css" />
  <link rel="stylesheet" type="text/css" href="<%=basePath%>home/css/style.css">
  <link rel="stylesheet" type="text/css" href="<%=basePath%>home/css/magnific-popup.css">
  <link rel="stylesheet" type="text/css" href="<%=basePath%>home/css/owl.carousel.css">
	
	
	  <script type="text/javascript">
	  
	 
	
	 
	
	
	function getprofenlei()
	{ 
		
		 var html = ""; 
		    $.ajax({
		        url: "leixing.action?list&page=0&rows=30",
		        type: "POST",
		        async: false, 
		        contentType: "application/x-www-form-urlencoded;charset=UTF-8",
		        success: function (data) { 
		            $.each(data.rows, function (i, val) { 
		            	
		            
		            	 

		            	  html += ' <li ><a href="home/search.jsp?fenlei='+val.id+'" >'+val.a1+'	</a></li>';
		                
		            })

		        }

		    }); 
 
		   $("#fenlei").html(html);
		      
		
	}
	    
	  
	  function gettop1()
	  {
	  	 
	  	  
	  	 var html = "";
	  	    $.ajax({
	  	        url: "leixing.action?list&page=0&rows=10",
	  	        type: "POST",
	  	        async: false,
	  	        success: function (data) {
	   
	  	        	
	  	        	var total='';
	  	        	//
	                
	               // 
	                $.each(data.rows, function (i, valmm) { 
	  	                	  
	  	              html+='<div class="nArrivals owl-carousel" id="'+valmm.id+'">';
	  	            	
	  	                $.ajax({
	  	        	        url: "shangpin.action?list&page=0&rows=10",
	  	        	        type: "POST",
	  	        	        async: false,
	  	        	        data: { fenlei:valmm.id },
	  	        	        success: function (data) { 
	  	        	            $.each(data.rows, function (i, val) {  
	  	        	            	 html+=''+
	  	  		            	 ''+
	  	  	                     ' '+
	  	  	                      '  <div class="image product-imageblock"> <a href="home/details.jsp?ids='+val.id+'"> <img data-name="product_image"  style="width:223px;height:285px;" src="<%=basePath%>'+val.tupian1+'" alt="iPod Classic" title="iPod Classic" class="img-responsive"> <img style="width:223px;height:285px;" src="<%=basePath%>'+val.tupian1+'" alt="iPod Classic" title="iPod Classic" class="img-responsive"> </a> </div>'+
	  	  	                       ' <div class="caption product-detail text-left">'+
	  	  	                        '  <h6 data-name="product_name" class="product-name mt_20"><a href="home/details.jsp?ids='+val.id+'" title="Casual Shirt With Ruffle Hem">'+val.biaoti+'</a></h6>'+
	  	  	                         ' <div class="rating"> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i><i class="fa fa-star fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i><i class="fa fa-star fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i><i class="fa fa-star fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i><i class="fa fa-star fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i><i class="fa fa-star fa-stack-x"></i></span> </div>'+
	  	  	                          '<span class="price"><span class="amount"><span class="currencySymbol">$</span>'+val.jiage+'</span>'+
	  	  	                          ''+
	  	  	                          '<div class="button-group text-center">'+
	  	  	                           ' <div class="wishlist"><a href="home/details.jsp?ids='+val.id+'"><span>wishlist</span></a></div>'+
	  	  	                            '<div class="quickview"><a href="home/details.jsp?ids='+val.id+'"><span>Quick View</span></a></div>'+
	  	  	                            '<div class="compare"><a href="home/details.jsp?ids='+val.id+'"><span>Compare</span></a></div>'+
	  	  	                            '<div class="add-to-cart"><a href="home/details.jsp?ids='+val.id+'"><span>Add to cart</span></a></div>'+
	  	  	                          '
'+
	  	  	                        '
'+
	  	  	                      '
'+
	  	  	                    '
'+
	  	  	                 ' 
'; 
	  	        	             
	  	        	            })
	  	        	          html+='

'; 
	  	        	            
	  	        	    }
	  	                })
	  	                 
	  	               
	  	                
	  	            }) 
	  	          $("#nArrivals").html(html);  
	  	        }

	  	    }); 

	    
	  	
	  	
	  	}

	  
	  
	  
	  
	  
	  function gettop2()
	  {
		  
		  
		  var html = ""; 
		    $.ajax({
		    	  url: "shangpin.action?list&page=3&rows=10",
		        type: "POST",
		        async: false, 
		        contentType: "application/x-www-form-urlencoded;charset=UTF-8",
		        success: function (data) { 
		        	
		        	var lasthtml='';
		        	var totalhtml='';
		        	  var html = ""; 
		        	
		            $.each(data.rows, function (i, val) {  
		            	
		            	if(i!=0)
		            		{
		            		
		            		
		            	 html+= '<li class="item product-layout-left mb_20">'+
		                    '<div class="product-list col-xs-4">'+
		                     ' '+
		                      '  <div class="image product-imageblock"> <a href="home/details.jsp?ids='+val.id+'"> <img class="img-responsive"    title="iPod Classic" alt="iPod Classic" src="<%=basePath%>'+val.tupian1+'"> <img class="img-responsive" title="iPod Classic" alt="iPod Classic"   src="<%=basePath%>'+val.tupian2+'"> </a> </div>'+
		                      '
'+
		                    '

'+
		                    ''+
		                     ' <div class="caption product-detail">'+
		                        '<h6 class="product-name"><a href="home/details.jsp?ids='+val.id+'">'+val.biaoti+'</a></h6>'+
		                        '<div class="rating"> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i><i class="fa fa-star fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i><i class="fa fa-star fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i><i class="fa fa-star fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i><i class="fa fa-star fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i><i class="fa fa-star fa-stack-x"></i></span> </div>'+
		                        '<span class="price"><span class="amount"><span class="currencySymbol">$</span>'+val.jiage+'</span>'+
		                        ''+
		                      '
'+
		                    '

'+
		                  '';
		                  
		                 
		                  
		                  if(i%3==0)
		            	   {
		            	   
		            	   
		            	   lasthtml=lasthtml+totalhtml+html+'';
		            	 
		            	   html=""; 
		            	   
		            	   }
		                  }
		            })
		            
		            $("#featu-pro").html(lasthtml);  

		        }

		    });


		   
		  
	  }
	  
	  
	  
	  
	  
	  
	  
	  
	  function gettop3()
	  {
		  
		  
		  var html = ""; 
		    $.ajax({
		    	  url: "shangpin.action?list&page=0&rows=10",
		        type: "POST",
		        async: false, 
		        contentType: "application/x-www-form-urlencoded;charset=UTF-8",
		        success: function (data) {
		        	var lasthtml='';
		        	var totalhtml='';
		        	  var html = ""; 
		        	 
		        	
		            $.each(data.rows, function (i, val) {  
		            	
		            	if(i!=0)
	            		{
			        	
		            	 html+='<li class="item product-layout-left mb_20">'+
		                 '<div class="product-list col-xs-4">'+
		                  ' '+
		                     '<div class="image product-imageblock"> <a href="home/details.jsp?ids='+val.id+'"> <img  class="img-responsive" title="iPod Classic" alt="iPod Classic" src="<%=basePath%>'+val.tupian1+'"> <img  class="img-responsive" title="iPod Classic" alt="iPod Classic" src="<%=basePath%>'+val.tupian2+'"> </a> </div>'+
		                  ' 
'+
		                '