健身器材销售网站的设计与实现（SSH）

Love The Way You Lie 2024-04-01 04:29 41阅读 0赞

目 录

摘要…………………………………………………………………………………………I Abstract……………………………………………………………………………………II 目录………………………………………………………………………………………III

1绪论 1  
1.2 研究背景 1  
1.2 研究目的和意义 1  
1.3 研究内容 2  
1.4 研究方法 3  
1.5 DIST分销系统 3  
1.6 论文章节安排 3  
2 相关技术基础 4  
2.1 J2EE技术 4  
2.2 SSH框架 4  
2.3 JQuery技术 4  
2.4 MVC模式 5  
2.5 MySQL数据库 5  
2.6本章小结 5  
3 健身器材销售网站需求分析 6  
3.1 健身器材销售网站可行性分析 6  
3.1.1 健身器材销售网站技术可行性 6  
3.1.2 网上购物商城系统操作可行性 6  
3.1.3 健身器材销售网站经济可行性分析 6  
3.2 健身器材销售网站功能需求分析 7  
3.2.1 健身器材销售网站前台模块功能分析 7  
3.2.2 健身器材销售网站后台模块功能分析 8  
3.2.3 非功能性需求分析 9

3.3 健身器材销售网站用例图 10  
3.3 本章小结 12  
4 健身器材销售网站设计 13  
4.1 健身器材销售网站总体方案设计 13  
4.1.1 健身器材销售网站结构设计 13  
4.2 健身器材销售网站数据库设计 14  
4.2.1 数据库设计 14  
4.2.2 数据库概念结构设计 15  
4.3 本章小结 20  
5 健身器材销售网站的实现 21  
5.1 健身器材销售网站前台的实现 21  
5.1.1 健身器材销售网站前台 21  
5.1.2用户注册登录模块 21  
5.1.3 用户个人中心模块 24  
5.1.4 商品模块的实现 25  
5.1.5 购物车模块 26  
5.1.6 订单管理模块 28  
5.2 健身器材销售网站后台的实现 30  
5.2.1 健身器材销售网站后台 30  
5.2.2 管理员登录模块 30  
5.2.3 管理员管理模块 30  
5.2.4 会员管理模块 32  
5.2.5 商品管理模块 32  
5.2.6 商品模块 32  
5.3 本章小结 33  
6 总结与展望 34  
参考文献……………………………………………………………………………………37  
致谢……………………………………………………………………………………… 38

3 健身器材销售网站需求分析  
3.1 健身器材销售网站可行性分析  
健身器材销售网站的开发过程，就是对我们设想中一个需求进行多方面的分析，确定细化的需求分析后，由专业技术人员利用软件开发工具将需求转换成产品的过程。开发过程根据软件开发的要求需要先对系统的实现进行可行性分析\[3\]。普遍采用的分析过程，需要通过一系列相应的方法，对项目进行分析，从而实现降低系统的投入成本，提高系统的经济收益效益的效果。本文对所需开发的健身器材销售网站从技术、操作、经济上进行研究。  
3.1.1 健身器材销售网站技术可行性  
系统选用SSH(struts2 + spring4 + hibernate4)框架，设计模式为MVC，采用面向对象的JAVA语言来开发，用JSP来设计页面，动态页面样式的设计通过js技术来实现，页面相关数据使用jQuery技术进行验证。使得开发层次清晰，代码实现方便快捷，页面美观。根据需求分析选用小型项目常用的Mysql数据库，其快速稳定的性能完全能满足系统性能需要。  
3.1.2 网上购物商城系统操作可行性  
本系统采用浏览器/服务器模式，用户可以直接通过连接了网络的普通PC机就可以访问健身器材销售网站，而店家只需要在服务器端运行本系统，除了需要在系统进行维护更新时关闭系统外，其余时间一般都可以正常运行。运行本系统之后，商家管理员不需要进行单独培训，只需要会对电脑进行简单操作就可以对系统进行管理。健身器材销售网站使用浏览器进行系统的操作，对于对计算机不熟悉的用户来说，操作也是简单方便，容易上手。因此，本系统从操作可行性方面来说是可以进行进一步开发实现的。  
3.1.3 健身器材销售网站经济可行性分析  
本系统的开发和运营成本较低。开发工具选用开源免费的MyEclipse8.5和Apache Tomcat6.0服务器进行网站开发，以节省系统开发投入的成本。通过以上对开发工具、开发技术的分析，可发现所选用工具均为性价比极大的产品。基于系统开发所需要使用的相关技术而言，可用于系统开发的人员选择上也是比较多的，一般所需要投入的成本是远远低于投资一家小型的实体店铺的。  
3.2 健身器材销售网站功能  
健身器材销售网站需要实现的最主要的功能就是能够让用户看到本店所卖的商品、支持加入购物车，并购买的功能。对于商家来说最主要的功能就是要能够对店铺的商品、用户、评论信息等进行管理。网站分为前台和后台。本文转载自http://www.biyezuopin.vip/onews.asp?id=12193前台主要实现首页、用户注册、登录、健身器材查询、购买、评价、公告等，后台主要是普通管理员和超级管理员对网站进行维护。  
3.2.1 健身器材销售网站前台模块功能分析  
通过对淘宝网、天猫商城等网上商城的认识与分析，健身器材销售网站前台至少应该具有以下一些基本功能：1.注册登录功能;2.个人信息管理功能;3.浏览商品功能;4.购物车功能;5.订单查看管理功能。  
1.用户注册登录功能  
（1）用户注册：用户在注册之前可随意浏览商品，但进行购买前需要先注册登录，其中包括用户名、密码、e-mail地址等个人基本信息。  
（2）用户登录：如果是已注册过的用户，可以直接登录，否则需要注册。登录成功后才可以购买商品，进行商品留言。用户登录流程如图3-1所示：  
![在这里插入图片描述][c66cacd8edf6452090907de43825f372.png]

图3-1 用户登录流程图

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
    <%@ taglib uri="/struts-tags" prefix="s" %>
    <!DOCTYPE html>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>商城首页</title>
    </head>
    <body>
    
    <div class="wrap">
    
    <s:action name="header" executeResult="true"/>
    
    	<div class="main">
    		<div class="content">
    		
    			<div class="content_top">
    				<div class="heading">
    					<h3>热销推荐</h3>
    				</div>
    				<div class="clear"></div>
    			</div>
    			
    			<div class="section group">
    			
    				<s:iterator value="showList" status="status">
    					<div class="listview_1_of_2 images_1_of_2" <s:if test="#status.count%4==1">style="margin-left: 0;"</s:if>>
    						<div class="listimg listimg_2_of_1">
    							 <a href="detail.action?productid=<s:property value="product.id"/>">
    								<img src="../<s:property value="product.cover"/>" alt="<s:property value="product.name"/>"/>
    							</a>
    						</div>
    						<div class="text list_2_of_1">
    							<h3><a href="detail.action?productid=<s:property value="product.id"/>"><s:property value="product.name"/></a></h3>
    							<p><s:property value="showtext"/></p>
    							<p><span style="color:red;"><s:property value="product.price"/>元</span></p>
    							<div class="button"><span><a href="javascript:buy(<s:property value="product.id"/>);">加入购物车</a></span></div>
    					   </div>
    				   </div>	
    				</s:iterator>
    				
    				<div class="clear"></div>
    				
    			</div>
    		
    			<div class="content_bottom">
    				<div class="heading">
    					<h3>特价促销</h3>
    				</div>
    				<div class="clear"></div>
    			</div>
    			
    			<div class="section group">
    			
    				<s:iterator value="saleList">
    				
    					<div class="grid_1_of_4 images_1_of_4">
    						 <a href="detail.action?productid=<s:property value="product.id"/>">
    						 	<img src="../<s:property value="product.cover"/>" alt="<s:property value="product.name"/>" width="212px" height="212px"/>
    						 </a>
    						 <div class="discount">
    						 	<span class="percentage"><s:property value="discount"/>%</span>
    						 </div>
    						 <h2><a href="detail.action?productid=<s:property value="product.id"/>"><s:property value="product.name"/></a></h2>
    						 <p>
    							 <span class="strike"><s:property value="product.price"/>元</span>
    							 <span class="price"><s:property value="price"/>元</span>
    						 </p>
    					     <div class="button">
    						     <span>
    							     <img src="./images/cart.jpg" alt="加入购物车" /><a href="javascript:buy(<s:property value="product.id"/>);" class="cart-button">加入购物车</a>
    						     </span> 
    					     </div>
    					     <div class="button">
    					     	<span><a href="detail.action?productid=<s:property value="product.id"/>" class="details">查看详情</a></span>
    					     </div>
    					</div>
    				
    				</s:iterator>
    
    			</div>
    			
    			<div class="content_bottom">
    	    		<div class="heading">
    	    		<h3>新品上架</h3>
    	    		</div>
    	    		
    	    		<div class="clear"></div>
        		</div>
    			<div class="section group">
    			
    				<s:iterator value="newList">
    					<div class="grid_1_of_4 images_1_of_4">
    						<a href="detail.action?productid=<s:property value="product.id"/>">
    							<img src="../<s:property value="product.cover"/>" alt="<s:property value="product.name"/>" width="212px" height="212px" />
    						</a>
    						<h2><a href="detail.action?productid=<s:property value="product.id"/>"><s:property value="product.name"/></a></h2>
    						<p><span class="price"><s:property value="product.price"/>元</span></p>
    					     <div class="button">
    						     <span>
    							     <img src="./images/cart.jpg" alt="加入购物车" /><a href="javascript:buy(<s:property value="product.id"/>);" class="cart-button">加入购物车</a>
    						     </span> 
    					     </div>
    					     <div class="button">
    					     	<span><a href="detail.action?productid=<s:property value="product.id"/>" class="details">查看详情</a></span>
    					     </div>
    					</div>			
    				</s:iterator>
    				
    			</div>
    			
        	</div>
    	</div>
    
    <jsp:include page="footer.jsp"/>
    
    </div>
    
    </body>
    </html>

![在这里插入图片描述][180c71a87f464341ad42feaf2671ee3c.png_pic_center]  
![在这里插入图片描述][5ba9275cd9554cb4b05b587559d49f2f.png_pic_center]  
![在这里插入图片描述][398c2ec095f44d27b26999d30f80bc00.png_pic_center]  
![在这里插入图片描述][cd499295275648308742c67ff9294002.png_pic_center]  
![在这里插入图片描述][1f1b814b5b484158b762476a52dc78f8.png_pic_center]  
![在这里插入图片描述][89636825146246cab62d60b3d81306f4.png_pic_center]  
![在这里插入图片描述][376a19ad1d8b4d44b6739094a3b83ebd.png_pic_center]  
![在这里插入图片描述][4953d4d5006c408ba482b2c9ca675344.png_pic_center]  
![在这里插入图片描述][c47dea62a2ed405eba98b67b7b8ee1bc.png_pic_center]  
![在这里插入图片描述][e8bc6a8bc7b04b41ba66eac1495a9b06.png_pic_center]  
![在这里插入图片描述][26440b7012874f9d9011f4627eea00e3.png_pic_center]  
![在这里插入图片描述][3377b5bff7f04866a6a40379d9ba339d.png_pic_center]  
![在这里插入图片描述][0004cb8ff4094c3295caf12be8abac0d.png_pic_center]

[c66cacd8edf6452090907de43825f372.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/cc5f886fd5c44b3e98845a308c527d90.png
[180c71a87f464341ad42feaf2671ee3c.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/c3af69e601ed413c83f87e22044b0c51.png
[5ba9275cd9554cb4b05b587559d49f2f.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/b2f0b134bc5b4a4a87238d1502fccbb8.png
[398c2ec095f44d27b26999d30f80bc00.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/35c267409301429e888301dadf030375.png
[cd499295275648308742c67ff9294002.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/ea8f96379fa84f679fd7b922277427cd.png
[1f1b814b5b484158b762476a52dc78f8.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/d98261c5ef804f2e8df1595f452fa44b.png
[89636825146246cab62d60b3d81306f4.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/4c7686fc550e4728b35093e2b856cba2.png
[376a19ad1d8b4d44b6739094a3b83ebd.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/8be87443b53944ec8bd52a1db97b1747.png
[4953d4d5006c408ba482b2c9ca675344.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/ca78ec52a48f4ca7bb2f0b97e4fea124.png
[c47dea62a2ed405eba98b67b7b8ee1bc.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/8ad0e7f06ee446f3af89434860918887.png
[e8bc6a8bc7b04b41ba66eac1495a9b06.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/d6327c1d03b14653993707e67826708d.png
[26440b7012874f9d9011f4627eea00e3.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/a7a7efa9e91645dfa5dc0698b16d5f4c.png
[3377b5bff7f04866a6a40379d9ba339d.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/891d171e43cc41d090148dae408aa9ed.png
[0004cb8ff4094c3295caf12be8abac0d.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/786942d4320e45d38d2bb1049b848aee.png