首页 > 分享 > 宠物之家寄养系统的设计与实现

宠物之家寄养系统的设计与实现

萌宠菠菠乐园
2024-09-29 19:39

摘要 I
Abstract II
目录 III
第1章绪论 1
1.1 开发背景与意义 1
1.2 论文结构 1
第2章关键技术介绍 2
2.1 jsp语言介绍 2
2.2 javascript脚本简介 2
2.3 html/CSS简介 3
2.4 Mysql介绍 3
第3章系统分析 4
3.1 可行性分析 4
3.1.1经济可行性 4
3.1.2技术可行性 4
3.1.3操作可行性 4
3.2 功能需求分析 4
3.3 业务流程分析 7
3.4 数据流程分析 8
第4章系统设计 10
4.1 功能模块设计 10
4.2 数据库设计 12
4.3.1 概念模型设计 12
4.3.2 数据库逻辑设计 12
4.3.3 数据库表设计 13
第5章系统实现 19
5.1 数据库连接实现 19
5.2 系统前台主要功能实现 20
5.2.1 首页实现 20
5.2.2 商品分类展示实现 20
5.2.3 商品详情实现 22
5.2.4 商品购买实现 24
5.2.5 宠物寄养实现 26
5.2.6 在线留言实现 26
5.3 系统后台主要功能实现 27
5.3.1 管理员登录实现 27
5.3.2 商品管理实现 29
5.3.3 订单管理实现 30
第6章系统测试 33
6.1 测试用例 33
6.2 测试结果分析 35
第7章结　论 36
参考文献 37
致谢 38
第4章系统设计
本章将对宠物寄养系统进行系统设计。包括体系结构设计、功能模块设计和数据库设计。首先确定系统的实现将采用B/S架构，根据需求分析阶段的结果设计功能模块，最后设计数据库概念模型和逻辑模型[19]。
1.2.3.3.4.4.1 功能模块设计
通过软件的需求分析已经获得了系统的基本功能需求。根据各大功能模块的不同，将系统分为各种功能大块。系统功能结构如下图所示。
在这里插入图片描述

图4-2系统功能结构图
将各大功能模块按系统前后台进行分类，前台模块包括为用户提供注册、登录的功能，以及浏览商品，购买商品，提交订单后采用模拟的金额支付，实现商品的购买流程。后台模块供管理人员使用，可以添加新的商品、商品修改和调整，商品种类维护，可以对用户进行管理。对用户的订单进行管理发货等等。

前台模块设计：
①注册功能。用户首先要进行注册成为系统的用户，注册时需填写用户名、邮箱号、密码3项信息，然后点击“注册”按钮。如果注册成功，则提示注册成功并转到用户登录界面，同时用户信息会被写进数据库中的用户表中。如果注册失败，则会提示失败原因。用户注册成功后就可以登录了。
②登录功能。如果用户是系统的已注册用户，在评论和购买商品前需要填写邮箱号和密码，之后点击“登录”按钮，之后系统会将用户填入的信息与数据库中用户注册时填写的信息进行比对，如果一致的话系统将会跳转到首页用户即可享受到系统的购买商品和评论服务。如果用户填写的信息有误，系统将会提示用户输入的信息有误。
③商品展示功能。系统将所有商品信息从数据库中提取出来显示在系统中，用户可以浏览系统，将自己心怡的商品放入购物车中，这是系统会提取该商品的信息并将信息加入购物车表中。
④购物车功能。当用户选择完商品后可以进入购物车页面，系统会从购物车表中提取用户的购物车信息并显示出来，用户可以在这里查看自己要购买的商品，也可以取消购买某商品，这时该商品的信息会从购物车表中删除。
⑤结账功能。在购物车模块，当用户确定所买的商品后，单击“结算”的功能，进入结账的界面。在结账界面，系统会将购物车表中的商品信息显示在订单中并根据用户购买的数量和商品的单价计算出用户购买的商品的总价，接下来只需要用户填写收货信息选择付款和发货方式并点击“确认提交订单”按钮。确认后产生将订单，系统会将订单信息插入数据库中的订单表和订单商品表中，并进入支付页面。系统连接到第三方支付网关完成付款并根据第三方网关返回的消息确认支付完成。

<%@ page language="java" import="java.util.*" pageEncoding="gb2312"%> <%@page import="util.Info"%> <%@page import="dao.CommDAO"%> <%@page import="util.PageManager"%> <html> <head> <title>爱窝宠物寄养系统</title><script language="javascript" src="qtimages/qkjs.js"></script> <LINK href="qtimages/style.css" type=text/css rel=stylesheet> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> </head> <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <table width="984" height="1118" border="0" align="center" cellpadding="0" cellspacing="0" id="__01"><tr><td><%@ include file="qttop.jsp"%></td></tr><tr><td><table id="__01" width="984" height="785" border="0" cellpadding="0" cellspacing="0"> <tr> <td valign="top"><table id="__01" width="766" height="785" border="0" cellpadding="0" cellspacing="0"> <tr> <td><table id="__01" width="766" height="265" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="313" height="265" align="center"><%=new CommDAO().DynamicImage("",6,310,231) %></td> <td><table id="__01" width="453" height="265" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="453" height="38" background="qtimages/1_02_01_01_02_01.gif"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="26%" align="center"><a href="news.jsp?lb=最新动态"><span class="red"><strong>最新动态</strong></span></a></td> <td width="74%"> </td> </tr> </table></td> </tr> <tr> <td><table id="__01" width="453" height="217" border="0" cellpadding="0" cellspacing="0"> <tr> <td><img src="qtimages/1_02_01_01_02_02_01.gif" width="8" height="217" alt=""></td> <td width="433" height="217" valign="top"><table width="98%" border="0" align="center" cellpadding="0" cellspacing="0" class="newsline"> <% for(HashMap map:new CommDAO().select("select * from xinwentongzhi where leibie='最新动态' order by id desc ",1,7)){ %> <tr height="25"> <td width="15" align="center" class="newslist"><img src="qtimages/1.jpg" /></td> <td width="383" class="newslist"><a href="gg_detail.jsp?id=<%=map.get("id")%>"><%=Info.ensubStr(map.get("biaoti"),28)%></a></td> <td width="63" class="newslist"><%=map.get("addtime").toString().substring(0,10) %></td> </tr> <%}%> </table></td> <td><img src="qtimages/1_02_01_01_02_02_03.gif" width="12" height="217" alt=""></td> </tr> </table></td> </tr> <tr> <td><img src="qtimages/1_02_01_01_02_03.gif" width="453" height="10" alt=""></td> </tr> </table></td> </tr> </table></td> </tr> <tr> <td><table id="__01" width="766" height="226" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="766" height="37" background="qtimages/1_02_01_02_01.gif"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="16%" align="center"><a href="yonghuzhucelist.jsp"><span class="red"><strong>热销商品</strong></span></a></td> <td width="84%"> </td> </tr> </table></td> </tr> <tr> <td><table id="__01" width="766" height="180" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="8" background="qtimages/1_02_01_02_02_01.gif"> </td> <td width="744" height="180"> <div style="margin:0px;"> <div id="demo" style="float:left; overflow:hidden"> <div id="indemo"> <div id="demo1"> <div id="dbgdtp"><table width="100%" height="100%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <% for(HashMap m:new CommDAO().select("select * from shangpinxinxi order by xiaoshouliang desc",1,8)){ %> <td align="center"><table width="100%" border="0" cellspacing="0" cellpadding="0" id="product"> <tr align="center"> <td> <div style=" margin-left:13px; width:150px; height:120px; border:1px #CCC solid; padding:2px; background:#FFF"> <a href="shangpinxinxidetail.jsp?id=<%=m.get("id") %>" target=""><img src="<%=m.get("tupian") %>" border="0" title="<%=m.get("shangpinmingcheng") %>" height="120" width="150"/></a></div></td> </tr> <tr align="center"> <td ><a href=""target=""><%=m.get("shangpinmingcheng") %></a></td> </tr> </table></td> <%} %> </tr> </table> </div> </div> <div id="demo2"></div> </div> </div> <script language="javascript">var speed=20;var tab=document.getElementById("demo");var tab1=document.getElementById("demo1");var tab2=document.getElementById("demo2");tab2.innerHTML=tab1.innerHTML;function Marquee(){if(tab2.offsetWidth-tab.scrollLeft<=0)tab.scrollLeft-=tab1.offsetWidthelse{tab.scrollLeft++;}}var MyMar=setInterval(Marquee,speed);tab.onmouseover=function() {clearInterval(MyMar)};tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};</script> <style type="text/css">  </style></td> <td width="14" background="qtimages/1_02_01_02_02_03.gif"> </td> </tr> </table></td> </tr> <tr> <td><img src="qtimages/1_02_01_02_03.gif" width="766" height="9" alt=""></td> </tr> </table></td> </tr> <tr> <td><table id="__01" width="766" height="294" border="0" cellpadding="0" cellspacing="0"> <tr> <td><table id="__01" width="381" height="294" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="381" height="39" background="qtimages/1_02_01_03_01_01.gif"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="36%" align="center"><a href="news.jsp?lb=养宠知识"><span class="red"><strong>养宠知识</strong></span></a></td> <td width="64%"> </td> </tr> </table></td> </tr> <tr> <td><table id="__01" width="381" height="243" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="5" background="qtimages/1_02_01_03_01_02_01.gif"> </td> <td width="368" height="243" valign="top"><table width="98%" border="0" align="center" cellpadding="0" cellspacing="0" class="newsline"> <% for(HashMap map:new CommDAO().select("select * from xinwentongzhi where leibie='养宠知识' order by id desc",1,9)){%> <tr height="25"> <td width="7%" align="center" class="newslist"><img src="qtimages/1.jpg" width="7" height="7" /></td> <td width="93%" class="newslist"><a href="gg_detail.jsp?id=<%=map.get("id")%>"><%=Info.ensubStr(map.get("biaoti"),26)%></a></td> </tr> <%}%> </table></td> <td width="8" background="qtimages/1_02_01_03_01_02_03.gif"> </td> </tr> </table></td> </tr> <tr> <td><img src="qtimages/1_02_01_03_01_03.gif" width="381" height="12" alt=""></td> </tr> </table></td> <td><table id="__01" width="381" height="294" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="381" height="39" background="qtimages/1_02_01_03_01_01.gif"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="36%" align="center"><a href="news.jsp?lb=寄养须知"><span class="red"><strong>寄养须知</strong></span></a></td> <td width="64%"> </td> </tr> </table></td> </tr> <tr> <td><table id="__01" width="381" height="243" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="5" background="qtimages/1_02_01_03_01_02_01.gif"> </td> <td width="368" height="243" valign="top"><table width="98%" border="0" align="center" cellpadding="0" cellspacing="0" class="newsline"> <% for(HashMap map:new CommDAO().select("select * from xinwentongzhi where leibie='寄养须知' order by id desc",1,9)){%> <tr height="25"> <td width="7%" align="center" class="newslist"><img src="qtimages/1.jpg" width="7" height="7" /></td> <td width="93%" class="newslist"><a href="gg_detail.jsp?id=<%=map.get("id")%>"><%=Info.ensubStr(map.get("biaoti"),26)%></a></td> </tr> <%}%> </table></td> <td width="8" background="qtimages/1_02_01_03_01_02_03.gif"> </td> </tr> </table></td> </tr> <tr> <td><img src="qtimages/1_02_01_03_01_03.gif" width="381" height="12" alt=""></td> </tr> </table></td> </tr> </table></td> </tr> </table></td> <td valign="top"><%@ include file="qtleft.jsp"%></td> </tr> </table></td></tr><tr><td><%@ include file="qtdown.jsp"%></td></tr> </table> </body> </html>

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247

在这里插入图片描述