基于SSM的手表商城系统设计与实现

快来打我* 2024-04-01 12:43 97阅读 0赞

目 录  
摘 要 I  
Abstract II  
1绪论 1  
1.1系统开发背景 1  
1,2研究现状 1  
1.3研究主要内容 3  
2相关技术 5  
2.1 SSM的技术原理 5  
2.1.1 SSM语言及其特点 5  
2.1.2 Java及Java Servlets概述 6  
2.1.3 JavaBean简介 6  
2.2 服务器配置 7  
2.2.1 Tomcat安装及配置 8  
2.2.2 数据库配置 8  
3系统分析 11  
3.1 可行性分析 11  
3.1.1 技术可行性 11  
3.1.2 操作可行性 11  
3.1.3 经济可行性 11  
3.1.4 法律可行性 11  
3.2 腕表交易系统功能需求分析 11  
3.3 数据库需求分析 12  
4系统设计 13  
4.1 系统功能模块设计 13  
4.2系统流程设计 13  
4.2.1 系统开发流程 13  
4.2.2 用户登录流程 14  
4.2.3 系统操作流程 15  
4.2.4 添加信息流程 15  
4.2.5 修改信息流程 16  
4.2.6 删除信息流程 16  
4.3系统用例分析 17  
4.3.1 管理员用例图 17  
4.3.2 用户用例图 18  
4.4 数据库设计 19  
4.4.1 tb\_Ware(商品信息表) 19  
4.4.2 tb\_manager(管理员信息表) 19  
4.4.3 tb\_sub(订单生成表) 19  
4.4.4 tb\_Link(超级链接表) 20  
4.4.5 tb\_Affiche(公告信息表) 20  
4.3 用SSM连接数据库 20  
5系统实现 22  
5.1 前台部分 22  
5.1.1 前台总体框架 22  
5.1.2 商城首页 22  
5.1.3 产品详情页 23  
5.1.4 评价 23  
5.2 后台部分 24  
5.2.1 后台主页 24  
5.2.2 后台评价管理 25  
5.2.3 商品管理 25  
5.2.4 商品修改 26  
5.2.5 分类管理 26  
5.2.6 订单管理 27  
5.2.7 腕表购物车管理 27  
6系统测试 28  
6.1系统测试的意义 28  
6.2性能测试 29  
6.3测试分析 29  
总 结 30  
致 谢 31  
参考文献 31  
3系统分析  
3.1 可行性分析  
腕表交易系统主要目标是实现网上展示腕表交易系统信息，购买腕表产品。在确定了目标后，我们从以下四方面对能否实现本系统目标进行可行性分析。  
3.1.1 技术可行性  
腕表交易系统主要采用Java技术，基于B/S结构，MYSQL数据库，主要包括前端应用程序的开发以及后台数据库的建立和维护两个方面。对于应用程序的开发要求具备功能要完备、使用应简单等特点，而对于数据库的建立和维护则要求建立一个数据完整性强、数据安全性好、数据稳定性高的库。腕表交易系统的开发技术具有很高可行性，且开发人员掌握了一定的开发技术，所以系统的开发具有可行性。  
3.1.2 操作可行性  
腕表交易系统的登录界面简单易于操作，采用常见的界面窗口来登录界面，通过电脑进行访问操作，会员只要平时使用过电脑都能进行访问操作。此系统的开发采用PHP语言开发，基于B/S结构，这些开发环境使系统更加完善。本系统具有易操作、易管理、交互性好的特点，在操作上是非常简单的。因此本系统可以进行开发。  
3.1.3 经济可行性  
腕表交易系统是基于B/S模式，采用MYSQL数据库储存数据，所要求的硬件和软件环境，市场上都很容易购买，程序开发主要是管理系统的开发和维护。所以程序在开发人力、财力上要求不高，而且此系统不是很复杂，开发周期短，在经济方面具有较高的可行性。  
3.1.4 法律可行性  
此腕表交易系统是自己设计的管理系统，具有很大的实际意义。开发环境软件和使用的数据库都是开源代码，因此对这个系统进行开发与普通的系统软件设计存在很大不同，没有侵权等问题，在法律上完全具有可行性。  
综上所述，腕表交易系统在技术、经济、操作和法律上都具有很高的可行性，开发此程序是很必要的。  
3.2 腕表交易系统功能需求分析  
此基于SSM的腕表交易系统分前台功能和后台功能：  
1）前台部分由用户使用，主要包括用户注册，腕表购物车管理，订单管理，个人资料管理，留言板管理  
2）后台部分由管理员使用，主要包括管理员身份验证，商品管理，处理订单，用户信息管理，连接信息管理  
3.3 数据库需求分析  
数据库的设计通常是以一个已经存在的数据库管理系统为基础的，常用的数据库管理系统有MYSQL，SQL，Oracle等。我采用了Mysql数据库管理系统，建立的数据库名为db\_business。  
整个系统功能需要以下数据项：  
用户：用户id、用户名称、登录密码、用户真实姓名、性别、邮箱地址、联系地址、联系电话、密码问题、答案、注册时间。  
留言：主题id、作者姓名、Email、主题名称、留言内容、发布时间。  
商品：商品id、名称、价格、图片路径、类型、简要介绍、存储地址、上传人姓名、发布时间、是否推荐。  
订单：订单号、用户名、真实姓名、订购日期、Email、地址、邮编、付款方式、联系方式、运送方式、订单核对、其他。  
管理员：管理员id、管理员名称、管理员密码。  
公告：公告内容、公告时间。

4系统设计  
4.1 系统功能模块设计  
功能结构图如下：  
![在这里插入图片描述][91c531459b4c4882a1b127995075bb80.png]  
图9 功能模块设计图  
从图中可以看出，网上腕表交易系统可以分为前台和后台两个部分，前台部分由用户使用，主要包括用户注册，生成订单，腕表购物车管理，查看腕表购物车，查看留言，订购产品，订单查询和发布留言7个模块；本文转载自http://www.biyezuopin.vip/onews.asp?id=11975后台部分由管理员使用，主要包括管理员身份验证，商品管理，处理订单，用户信息管理，连接信息管理5个模块。

<!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">
        
        <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='';
    	  	        	//<div class="tab-pane active" id="nArrivals">
    	                
    	               // <div class="nArrivals owl-carousel" id="top1">
    	                $.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="product-grid">'+
    	  	  		            	 '<div class="item">'+
    	  	  	                     ' <div class="product-thumb">'+
    	  	  	                      '  <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>'+
    	  	  	                          '</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>'+
    	  	  	                          '</div>'+
    	  	  	                        '</div>'+
    	  	  	                      '</div>'+
    	  	  	                    '</div>'+
    	  	  	                 ' </div>'; 
    	  	        	             
    	  	        	            })
    	  	        	          html+='</div>'; 
    	  	        	            
    	  	        	    }
    	  	                })
    	  	                 
    	  	               
    	  	                
    	  	            }) 
    	  	          $("#nArrivals").html(html);  
    	  	        }
    
    	  	    });

![在这里插入图片描述][607e207584944fcab772d945c086559e.png_pic_center]  
![在这里插入图片描述][1e394d2a4ee24626992da71ab1509c04.png_pic_center]  
![在这里插入图片描述][87d62f1ee90b4d1a8a983643d43353c3.png_pic_center]  
![在这里插入图片描述][94b160c81b144bc2915946ac23fef788.png_pic_center]  
![在这里插入图片描述][06d44032fad74f2dafd805577cb3d254.png_pic_center]  
![在这里插入图片描述][94f70a7225864b818bc08c71de701fda.png_pic_center]  
![在这里插入图片描述][4245bb9378e841c5a02a94b9af2d7109.png_pic_center]  
![在这里插入图片描述][b5e04b62e8e34ff993ab59aac0419013.png_pic_center]  
![在这里插入图片描述][52bbe5f9eaa148aeaaa44d778a10a940.png_pic_center]  
![在这里插入图片描述][33e9ba5033124192934455a2c9aa5ff4.jpeg_pic_center]  
![在这里插入图片描述][61d50fd40f014837b223bcd582e52866.png_pic_center]  
![在这里插入图片描述][6aa1c84a96f54f779db5f5e4a3dcece6.jpeg_pic_center]  
![在这里插入图片描述][afb393e838884dabaf228653c1f935fb.png_pic_center]  
![在这里插入图片描述][1a0abe31449f4943abbaf331e4002853.jpeg_pic_center]  
![在这里插入图片描述][a524bbf6458045a599a39c41941cb910.jpeg_pic_center]  
![在这里插入图片描述][f4196656a3924a2eb91f04db6f718850.jpeg_pic_center]  
![在这里插入图片描述][b8a1263f694c4633bbeac6cd3675f166.png_pic_center]  
![在这里插入图片描述][b5b69d237b9d407590dea02af3307a07.jpeg_pic_center]  
![在这里插入图片描述][46905aebcefd439c8085db771641b4c4.jpeg_pic_center]  
![在这里插入图片描述][575902020b5c423b824b35d7d5dbae3d.jpeg_pic_center]  
![在这里插入图片描述][606e57c738724654a957de802158d768.png_pic_center]

[91c531459b4c4882a1b127995075bb80.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/f50584da96384bc0aa1dc3d111f302a5.png
[607e207584944fcab772d945c086559e.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/a8b27bcc777748b6a0948ddad7eb1196.png
[1e394d2a4ee24626992da71ab1509c04.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/6c9e346664de469b868dbf9b6e0b3a0c.png
[87d62f1ee90b4d1a8a983643d43353c3.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/c9d79edb5f2847e9a79e651b1914558d.png
[94b160c81b144bc2915946ac23fef788.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/e997ea122a8a434992b139f488a7233f.png
[06d44032fad74f2dafd805577cb3d254.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/c05004115a2e4615bb056a4ddd5fe831.png
[94f70a7225864b818bc08c71de701fda.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/5619c410e30745b38b8b52a35cef6111.png
[4245bb9378e841c5a02a94b9af2d7109.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/f65839a6973d4c2eacd2470eebd83ad2.png
[b5e04b62e8e34ff993ab59aac0419013.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/a93cc1b9f22049aa8edb87dcf1e3c8e3.png
[52bbe5f9eaa148aeaaa44d778a10a940.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/2614b55a9c3a43b0ba2c07c0dd3569a3.png
[33e9ba5033124192934455a2c9aa5ff4.jpeg_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/01e96ff2a8f64684afbba55df4405bb8.jpeg
[61d50fd40f014837b223bcd582e52866.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/3509b9a44eae4b9db7b73e5ec0776841.png
[6aa1c84a96f54f779db5f5e4a3dcece6.jpeg_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/f6bff94b625d4881a06b5d90522b833a.jpeg
[afb393e838884dabaf228653c1f935fb.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/0433f463588b4ae6b3f3a4b4a52a7b74.png
[1a0abe31449f4943abbaf331e4002853.jpeg_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/25d1116cc48842f3af597b491b289e92.jpeg
[a524bbf6458045a599a39c41941cb910.jpeg_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/14afb8696d134eae82c111ae16087c56.jpeg
[f4196656a3924a2eb91f04db6f718850.jpeg_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/ac5a6c3f9df7447994a1d8aca27fe754.jpeg
[b8a1263f694c4633bbeac6cd3675f166.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/c8e870aafd0f4b19bf265b996f2fc171.png
[b5b69d237b9d407590dea02af3307a07.jpeg_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/ea1b1c5ddd0d4f47aa90094b2e0f6a86.jpeg
[46905aebcefd439c8085db771641b4c4.jpeg_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/b695caef08f544d5b4f6063a8fe15cc6.jpeg
[575902020b5c423b824b35d7d5dbae3d.jpeg_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/5e9009948bb54daba908ddbade33dd65.jpeg
[606e57c738724654a957de802158d768.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/e3374f0047424b308a715a5d72e40435.png