基于SSM的宠物寄养中心网站的设计与实现

绪论宠物作为人类的伙伴，面对着自己家里的宠物们因主人暂时无法照看的情况，爱宠主人们又增加了养宠物的一些负担，针对这一系列问题，宠物托管照看便逐渐成为了热门行业。宠物寄养中心网站不仅有利于解决宠物寄养服务供不应求现象，也有利于提供宠物寄养服务机构更好的发布和接受宠物信息，使得寄养资源得到合理化的应用[1]。1.1研究背景及意义宠物作为人类的伙伴，一直有着不可替代的作用。在以前的农耕时代人们通过养狗来看家护院，而现代人们则通过豢养宠物来排解生活中的压力[2]。但是随着宠物数量的增加，工作压力的加大，特别是对于经常加班的养宠物一族，很难抽出足够的时间来照顾到宠物；此外，在节假日或遇到紧急情况时，家中喂养的宠物就会无人看管，有些宠物主人因此而放弃出游放松的机会[3]。同时，部分老年人，特别部分患病的老年人更是无力照看宠物，这种情况给宠物主人的生活带来了极大的不便，宠物托管服务也就有了更急切的需求。养宠物是许多人的爱好，但当主人需要离家一段时间时，面对特殊情况，比如怀孕或者生病的时候，自家的宠物就会面临无人照料的困境，不得不被送到外面寄养[4]。因此，推出针对于家中宠物寄养的服务网站是非常必要的，以此希望在寄养资源合理化运用的同时，避免出现无法喂养而导致被遗弃、流浪等情况的出现，可使宠物的生活得更加舒心[5]。通过开发这样的一款宠物寄养中心网站，可满足用户通过网络来管理自己的宠物、申请宠物寄养及参与宠物寄养论坛互动等需求[6]。1.2国内外研究现状互联网最早发源于欧美等发达国家，因此在其发展的这几十年中，不但将其充分应用于各种研究领域，也通过走入生活而为人们带来了改变。而在其中宠物领养与寄养等方面的系统也很早被开发出来[7]。国外从最初的电话和现场将宠物申请领养直到现在的网上领养和爱心捐赠申请等，保证了流浪宠物的生命健康权[8]。不可否认国内在信息化技术的发展上无论各个方面都落后于欧美等发达国家，而宠物领养和爱心捐赠等方面的系统也是最近几年开始被开发出发的[9]。目前国内设计并应用较好的宠物领养寄养方面的网站有和猫住、阿派关爱小动物社会发展中心、懒人宠物、宠物之城等，当前随着国内流浪宠物问题的关注及相关福利公益组织的参与，国内的流浪宠物的信息化管理和寄养信息化水平也得到了很大的提升，一定程度上保障了流浪宠物的生命与健康权利以及为众多的宠物用户提供了寄养服务[10]。1.3系统开发相关技术本项目所采用的开发语言为Java，充分运用了SSM框架和Vue框架对前台和后台模块进行设计，其中SSM包括Spring、SpringMVC、MyBatis，使用到了数据库MySQL，服务器使用Tomcat，系统架构B/S[11]。1.3.1B/S架构架B/S架构是一种由软件厂商所开发的可让用户通过安装在任何一台电脑上的浏览器来使用的模式。该架构可让用户在取得一个web系统的使用权限并打开浏览器后，任选系统在浏览器上提供给用户来操作的一个功能模块，会由当前系统所解析的IP地址到远端部署的服务器来提起数据请求，待建立网络连接后，由服务器完成数据解析并按照系统指定的web数据格式反馈给用户正在使用的浏览器完成展示，从而完成一次利用浏览器而进行的功能模块的操作过程[12]。1.3.2SSM框架SSM框架是一种由负责对业务逻辑、对象等处理的Spring框架和负责接收来自于用户的操作与页面展示处理等的SpringMVC框架以及负责将与数据库相关操作完成接口化处理的MyBatis框架而组成的可应用于Web软件开发的技术[13]。具体框架技术如下：Spring框架：Spring框架可将每一个模块抽象出的业务逻辑以接口化的方式来设计出一个Service，可通过JavaBean技术为多个Service接口提供一些基础服务。SpringMVC框架：SpringMVC框架可将每一个功能所对应的各种操作都封装成一个Controller控制器以及Vue、JSP等页面显示。通过该层提供的控制器可分别对Service接口和JavaBean对象完成数据的交互处理并在处理完成后再次通过控制器将数据传递到页面显示[14]。MyBatis框架：MyBatis框架可将JDBC以接口的方式完成封装并通过提供映射配置文件可完成数据操作的统一化处理，便于数据操作维护。1.3.3Vue.js框架Vue.js是由尤雨溪基于Angular.js框架所存在的如由每次任何内容变化都需执行的脏检查而带来的性能降低、DOM指令组件混用不清晰等问题而推出的可解决前端高效开发的技术[15]。Vue.js是一种区别于利用页面编写代码再到服务器完成读取与加载数据并解析出HTML页面的编程技术，其是一种基于JavaScript技术而被设计出来的采用专注于视图且可利用DOM技术自动完成数据双向绑定的MVVM模式的可实现前后分离的前端技术[16]。1.3.4Tomcat服务器Tomcat是Apache

软件基金会的Jakarta

项目中的一个核心项目，由Apache、Sun

和其他一些公司及个人共同开发而成。由于有了Sun的参与和支持，最新的Servlet和JSP

规范总是能在Tomcat

中得到体现，Tomcat

5支持最新的Servlet

2.4

和JSP

2.0

规范。1.3.5MySQL数据库数据库技术在尚未被一个系统正式地引入到开发过程中前，多以文件处理的方式来为不同类的系统提供数据支持，然而系统对文件的操作过于频繁非常容易造成系统的直接崩溃，由此，一些技术高手和如微软、甲骨文之类的大系统企业开始为提升数据操作的性能而提出了SQL语言数据库，MySQL数据库便是其中并可提供开源支持的数据库之一。该MySQL数据库支持事务机制和不同类型数据在同一表保存与完整更新，也可支持表索引机制以及通过语句优化的方式来提升数据库的使用效率[17]。1.4主要研究内容宠物寄养中心网站可从开发工具、技术及功能方面进行研究。开发工具和技术上，开发工具选择的是IDEA2019集成环境；前端技术选择的是应用广泛的Vue.js前端框架技术；后端技术选择的是SSM框架和Java语言技术来开发宠物寄养中心网站的功能代码；通过利用MyBatis框架完成对MySQL数据处理接口的封装，完成宠物寄养相关数据的存储[18]。在功能上，本宠物寄养中心网站包括三种用户角色：具有宠物寄养需求的用户、宠物店的员工和管理员，用户可浏览公告栏，可通过论坛与其他用户互动宠物喂养、领养的问题以及申请宠物寄养等；员工可查看用户的宠物信息、审核用户的寄养好申请以及管理员可在后端管理员工、宠物寄养、寄养论坛及寄养状态等信息，以此为用户所养宠物的寄养和论坛互动提供支持。1.5论文结构宠物寄养中心网站的第一章，主要说明宠物寄养网站的应用现状以及使用技术等问题，总结归纳其的意义。第二章主要说明该网站的需求分析情况以及研发的可行性。第三章主要说明经由需求分析得出的各功能是如何设计的，以及介绍功能所设计的数据是如何在数据库中存储的。第四章主要说重点功能模块的运行界面和流程。第五章负责通过测试用例及测试结果分析网站是否安全可靠，是否可以投入到线上环境。需求分析在软件开发过程中，开发初期能准确分析好项目需求是十分重要的，在软件需求分析阶段，我们要对软件系统有一个完整的认识，包括功能、性能、安全性、可靠性、可维护性等等，这需要我们做大量的工作，如对用户需求进行分析，对用户需求进行验证等。本章节主要对项目可行性和系统功能需求进行分析，并对主要功能模块进行用例描述。2.1可行性分析设计之前可行性分析是必不可少的。可行性分析能够让我们了解在当前的技术的支持下，是否有足够的时间、精力和资金完成当前的项目。互联网的快速发展催生了许多互联网产品，宠物寄养网站就是其中之一。2.1.1技术可行性分析宠物寄养中心网站技术选择的是SSM框架、Vue技术来分开开发后端与前端，学校的课程体系中有相关的课程且选课做过实践；另外，网络中有不少的类似SSM框架的程序片段和较为完整的网站可借鉴，利于遇到问题时的解决处理。由此，技术可行[19]。2.1.2经济可行性分析宠物寄养中心网站主要从软件的投入和开发上的支出方面做经济分析。软件的投入基本为0，其采用的IDEA工具和SSM框架、Vue.js框架、MySQL数据库可免费取得；开发上的支出，功能模块的数量虽多达数十个，但都是增删改查，基本上可做到一个模块掌握，其余模块做好界面即可快速开发，成本很低[20]。由此，经济可行。2.1.3操作可行性分析本宠物寄养中心网站在操作上，文字标示简洁，有网络寄养需求的用户可轻松使用，这些技术进行开发的系统具有良好的用户操作体验。Vue是一款流行的前端框架，可以提供优美的界面设计和友好的用户交互，同时也支持响应式布局，适应不同设备的屏幕大小。而Spring和Mybatis等框架可以提供良好的数据访问和处理能力，使得用户能够快速、准确地进行数据查询、修改、添加和删除操作,由此，操作可行。2.2系统需求分析按应用主体的需要，可以把它划分为前台和后台。开发一个项目，就需要提前分析其具体功能是什么，宠物几样中心网站的设计主要目的就是解决宠物寄养等问题，因此系统需求分析必不可少的。2.2.1确定业务参与者宠物寄养中心网站是为有寄养需求的用户设计的可进行寄养申请和论坛互动等的软件，可让不同的用户（用户、员工和管理员）使用其对应的功能，如图2-1所示。表2-1参与成员信息表编号成员角色说明1用户可在宠物寄养中心网站前端注册登录后查看通知公告、参与寄养论坛互动、在线留言及管理宠物和宠物寄养信息等。2员工员工可在注册登录宠物寄养中心网站后审核用户提交的宠物寄养信息，查看与修改寄养状态等3系统管理员可在登录宠物寄养中心网站后端后，对宠物分类、宠物、宠物寄养、等信息管理；也可回复、删除用户在寄养论坛的帖子信息等。2.2.2用例词汇需求本宠物寄养中心网站的用例词汇表详细描述，如表2-2所示。表2-2用例词汇表用例项目用例说明角色预分配人员用户注册员工或用户打开宠物寄养中心网站的注册页面，输入唯一的用户名和密码及其余的个人资料来完成注册用户、员工用户登录用户打开宠物寄养中心网站的登录页面，依次输入账号和密码，存在用户数据则该用户成功登入宠物寄养中心网站中用户、医生、管理员寄养论坛用户可发帖，管理员可查看用户寄养论坛的发帖信息用户、管理员公告栏一个用户可查看以索引的升序方式显示出的公告信息。管理员可发布一条公告，也支持单选公告信息修改，还可支持利用复选框的方法挑选或第一列的复选框批量删除用户、管理员个人中心可修改个人资料、修改密码用户、员工、管理员在线留言用户可遇到的宠物寄养中心网站使用或其它问题留言，管理员可回复、删除用户的留言信息用户、管理员宠物信息管理用户可添加宠物信息，员工可查看，用户和管理员可修改、删除宠物信息用户、员工、管理员宠物寄养管理用户可提交寄养请求，员工可审核，用户和管理员可修改、删除用户、员工、管理员表2-2(续)用例项目用例说明角色预分配人员寄养状态管理用户可查看并支付寄养的费用，员工可修改，管理员可发布寄养状态，也可修改、删除用户、员工、管理员用例项目用例说明角色预分配人员用户管理管理员可设置一个用户的账号和个人资料，也可修改、删除用户、管理员员工管理管理员可设置一个员工的账号和个人资料，也可修改、删除员工、管理员分类管理管理员可设置分类信息，也可修改、删除用户、管理员系统管理可设置显示在首页的轮播图，也可修改用户、管理员2.2.3系统用例模型宠物寄养中心网站的设计与实现基于SSM的宠物寄养中心网站的用例模型，如图2-1所示。图2-1宠物寄养中心网站用例图2.3主要模块用例描述用例图又称用况图，描述系统功能。通过用例图展示待建系统的上下文范围以及它提供的功能。用例着眼于为用户增加价值，提供了一种捕获功能需求的系统且直观的方法，可驱动整个开发过程。2.3.1登录用例描述用户、员工、管理员都可以通过相应登陆界面输入自己的账号密码进行登录，登录用例描述如表2-1所示。表2-1登录用例描述用例条目描述用例编号01登录参与者用户、员工、管理员用例描述用户、员工和管理员输入账号、密码并选择对应的角色来登录前置条件以注册获得账号分配的用户和员工，管理员已有权限并打开宠物寄养中心网站的登录页面后置条件可依据其角色完成特色功能界面的分配基本路径1.在宠物寄养中心网站的登录界面，用户输入账号和密码，点击登录按钮2.当前程序编辑的页面配合用户表的查找完成验证，数据存在则成功登录3.跳出“登录成功”提示并跳转至个人中心界面扩展路径1.未填写账号密码就点击登录，跳出“请填写账户密码”提示2.只填写账号未写密码就登录，跳出“密码未填，无法登录”提示3.填写密码但与账号不匹配，跳出“账户密码不匹配，无法登录”提示2.3.2用户管理用例描述用户可对自己的资料进行增删改查，管理可代为发布并分配账号，可选定用户信息做修改、删除等，用户管理用例描述如表2-2所示。表2-2用户管理用例描述用例条目描述用例编号02用户管理参与者用户、管理员用例描述用户可自行注册后完成个人信息的发布，也可在个人中心完成资料、密码的更新；管理员可代为发布并分配账号，可选定用户信息做修改、删除等前置条件无论用户还是管理员都只能在登录后才可进行操作后置条件可将用户信息按发布时间升序列表基本路径1.用户的每一种信息，包括用户名、密码等信息由管理员输入系统中保存2.管理员可输入用户名完成精确查询，可选择一条用户信息做修改、删除扩展路径1.打开用户没写任何信息就提交，跳出“未填写内容，无法新增”提示2.选择一条用户信息做修改，未更改任何内容即点击提交，跳出“用户信息未修改”提示2.3.3员工管理用例描述员工可注册后完可在个人中心完成资料、密码的更新；管理员可代为发布并分配账号，可选定用户信息做修改、删除等相关操作员工管理用例描述如表2-3所示。表2-3员工管理用例描述用例条目描述用例编号03员工管理参与者员工、管理员用例描述员工可自行注册后完成个人信息的发布，也可在个人中心完成资料、密码的更新；管理员可代为发布并分配账号，可选定用户信息做修改、删除等相关操作前置条件无论员工还是管理员都只能在登录后才可进行操作后置条件可将员工信息按发布时间升序列表基本路径1.员工的每一种信息，包括用户名、密码及个人资料等等由管理员输入系统中保存2.管理员可输入用户名完成精确查询，可选择一条用户信息做修改、删除扩展路径1.打开员工新增未填写任何信息就点击提交，跳出“未填写内容，无法新增”提示2.选择一条员工信息做修改，未更改任何内容即点击提交，跳出“员工息未修改”提示2.3.4宠物信息管理用例描述用户可添加自己的宠物，员工可查看，用户和管理员都可修改、删除信息宠物信息管理用例描述如表2-4所示。表2-4宠物信息管理用例描述用例条目描述用例编号04宠物信息管理参与者用户、员工、管理员用例描述用户可添加自己的宠物，员工可查看，用户和管理员都可修改、删除信息前置条件用户、员工及管理员已登录宠物寄养中心网站并选择宠物信息管理后置条件以索引的升序方式显示宠物列表信息基本路径1.用户通过个人后端来输入宠物名称、类别等信息，完成发布2.员工可查看，用户和管理员可修改、删除扩展路径1.未填写任何的宠物信息，跳出“请填写信息”提示2.未选择宠物信息删除，提示选择宠物信息2.3.5宠物寄养管理用例描述用户可添加宠物寄养，员工可审核，用户和管理员可修改、删除宠物寄养信息，宠物寄养管理用例描述如表2-5所示。表2-5宠物寄养管理用例描述用例条目描述用例编号05宠物寄养管理参与者用户、员工、管理员用例描述用户可添加宠物寄养，员工可审核，用户和管理员可修改、删除宠物寄养信息前置条件参与用户都通过登录验证后置条件所有用户提交的宠物寄养信息以索引的升序方式列表显示基本路径1.用户选择自己的宠物，输入寄养信息，提交2.所有用户的宠物寄养信息以索引的升序显示，员工可审核，用户、管理员可修改、删除。扩展路径1.用户未输入任何的宠物寄养内容，直接点击提交，跳出“请填写内容”提示2.未挑选一条宠物寄养信息删除，跳出“请选择一条宠物寄养信息”的提示2.3.6寄养状态管理用例描述员工可添加寄养状态反馈信息，用户可查看与支付费用，管理员和员工可修改，管理员还可删除寄养状态管理用例描述如表2-6所示。表2-6寄养状态管理用例描述用例条目描述用例编号06寄养状态管理参与者用户、员工、管理员用例描述员工可添加寄养状态反馈信息，用户可查看与支付费用，管理员和员工可修改，管理员还可删除前置条件参与用户都通过登录验证后置条件以索引的升序方式列表显示基本路径1.员工可选择一位用户的宠物寄养信息来输入寄养情况，反馈给寄养宠物的用户2.员工和管理员可修改，还可支持利用复选框的方法挑选或第一列的复选框批量删除。扩展路径1.新增宠物状态界面没有填写任何内容就进行提交，跳出“请填写内容”提示2.未挑选一条宠物状态信息删除，会跳出“请选择一条宠物状态信息”的提示2.3.7在线留言管理用例描述用户可自行发布留言，管理员可对用户的留言做修改、删除、查询，同时也可对用户的留言进行回复在线留言管理用例描述如表2-7所示。表2-7在线留言管理用例描述用例条目描述用例编号07在线留言管理参与者用户、管理员用例描述用户可自行发布留言，管理员可对用户的留言做修改、删除、查询，同时也可对用户的留言进行回复前置条件无论用户还是管理员都只能在登录后才可进行操作后置条件可将用户信息按发布时间升序列表基本路径1.用户可输入留言内容选择图片发布留言，也可进行重置留言重新输入想输入的内容2.管理员可查看用户留言详情，可选择一条用户留言做修改、删除和对其进行回复扩展路径1.用户打开新增未填写任何留言就点击立即提交，跳出“请输入内容”的提示2.选择一条用户留言做修改，更改任何留言后点击提交，跳出“操作成功”提示3.选择一条用户留言做回复，回复任何留言后点击提交，跳出“操作成功”提示2.3.8寄养论坛管理用例描述用户可查询帖子和发布帖子，管理员可对用户的帖子进行修改、删除、查询操作，寄养论坛管理用例描述如表2-8所示。表2-8寄养论坛管理用例描述用例条目描述用例编号08寄养论坛管理参与者用户、管理员用例描述用户可查询帖子和发布帖子，管理员可对用户的帖子进行修改、删除、查询操作前置条件无论用户还是管理员都只能在登录后才可进行操作后置条件可将用户信息按发布时间升序列表基本路径1.用户点击查询键可查看其他人发布的帖子和自己发布的帖子，点击发布帖子可设置标题和内容进行发帖，同时可设置公开或私人的发布类型，也可进行重置2.管理员可查看用户帖子详情，可选择一条用户帖子做修改、删除和对其进行回复扩展路径1.用户打开新增未填写任何文字的帖子就点击立即提交，跳出“请输入标题”的提示2.选择一条用户的帖子做删除，点击删除键会跳出“确定进行删除操作”的提示2.3.9公告栏管理用例描述用户可查询公告和观看公告栏里面的内容，管理员可对公告栏里的公告进行详情查看、删除、修改操作，公告栏管理用例描述如表2-9所示。表2-9公告栏管理用例描述用例条目描述用例编号09公告栏管理参与者用户、管理员用例描述用户可查询公告和观看公告栏里面的内容，管理员可对公告栏里的公告进行详情查看、删除、修改操作，修改时可添加标题、内容、图片、简介等相关内容前置条件无论用户还是管理员都只能在登录后才可进行操作后置条件可将用户信息按发布时间升序列表基本路径1.用户点击查询键可查看公告栏里的公告，点击公告可查看里面的内容2.管理员可查看公告详情，可选择一条公告进行修改、删除扩展路径1.管理员选择一条公告做删除，点击删除键会跳出“确定进行删除操作”的提示2.管理员修改公告栏的公告时，若任何内容都不输入就会跳出“请输入标题”的提示2.4本章小结本章主要进行系统需求分析，从技术、经济、操作三方面进行分析,并进行了用例描述，了解用户的需求，以便达到为用户提供有效、有用、易用以及便捷的宠物寄养服务。系统设计系统设计在软件开发过程是一个非常重要的环节。只有对系统进行一个全面的，合理的设计，才能让后续开发有条不紊的开展。本章分别对系统总体结构、每个功能模块、数据库表等进行了设计，使软件的开发过程变得更加清晰。3.1系统功能模块设计宠物寄养中心网站功能模块图如图3-1所示。用户，可通过登录宠物寄养中心网站前端后来发布寄养方面的帖子、添加自己的宠物，也可申请寄养、查看寄养状态并支付寄养的费用。员工，可通过后端审核用户的寄养并通过输入费用、上传寄养视频等完成寄养状态的推送。管理员，可通过后端对宠物、宠物寄养、寄养状态及寄养论坛等信息的全面管理，为用户的宠物寄养、寄养费用的支付等提供支持。图3-1宠物寄养中心网站功能结构图1.用户模块可提供给用户使用，其功能需求如下：（1）注册登录：用户注册时要输入账号和密码，账号需要唯一存在，输入个人的资料一并作为用户信息保存系统中；登录时可将账号、密码输入，存在的数据则登录成功。（2）宠物寄养：用户可根据将宠物的资料输入并保存在宠物寄养中心网站中，可选择自己的宠物寄养的天数提交；所有已提交的宠物寄养信息以分配的索引号的升序方式列表显示；可支持局部查询、修改及删除信息。（3）在线留言：用户在使用宠物寄养中心网站遇到的各种各样的问题可进行留言，也可查看不同用户的留言信息，新发布的留言会始终在第一条显示。（4）寄养论坛：所有用户通过该宠物寄养中心网站的寄养论坛模块所发布的帖子用户可跟帖讨论，也可根据状态和标题来设置好对应的内容来完成一条新寄养贴的发布。（5）寄养费用支付：所有员工向宠物寄养用户反馈的寄养状态信息以索引的升序方式显示，可支持用户来支付寄养的费用，也可下载费用明细和预览宠物视频。（6）个人中心：修改个人的资料；所有已发布的寄养帖子信息以索引的升序方式显示，可修改、删除。2.管理模块可提供给员工和管理员来使用，功能需求如下：（1）员工注册登录：员工注册时输入账号和密码，账号要唯一存在，输入个人的资料一并作为用户信息保存系统中；登录时可将账号、密码输入，存在的数据则登录成功。（2）个人中心：可修改密码、个人信息。（3）宠物信息管理：所有用户通过宠物寄养中心网站提交的宠物信息以索引的升序方式显示，可支持局部查询。（4）宠物寄养管理：所有用户提交的宠物寄养信息以索引的升序方式提供给员工来查看、审核；可支持局部查询及向寄养用户来反馈寄养的情况。（5）寄养状态管理：所有基于寄养的情况而反馈给用户的寄养状态信息以索引的升序方式显示；可支持局部查询和修改。（6）管理员登录：输入账号和密码并选择“管理员”，页面判断输入，程序判断账号的正确性，管理员账户存在则登录成功。（7）用户管理：管理员可添加一位用户，分配一个新用户的账号，并保存该用户的资料；所有注册或管理员添加的用户信息可局部查询、修改以及删除。（8）员工管理：与用户管理方式一致。（9）宠物分类管理：管理员可根据宠物的资料情况来设置多个宠物的分类信息；所有已添加的宠物分类信息会以索引的升序方式列表显示；可支持局部查询、修改以及通过设置在索引前面的复选框来部分或全部选择宠物分类信息删除。（10）留言管理：所有用户通过宠物寄养中心网站提交的留言信息以索引的升序方式列表显示；可支持局部查询、修改、回复以及选择用户的留言信息删除。（11）论坛管理：管理员可发布数条帖子信息；所有用户（包括管理员）通过寄养论坛发布的帖子信息可支持修改、查看与回复用户的跟帖评论信息。（12）寄养订单管理：实现管理员对寄养用户生成的订单进行修改和删除的功能。并可以进行订单详情的查看的操作。（13）寄养订单统计：主要实现管理员对生成的订单进行统计的功能，通过这表图进行直接查看。3.2系统主要功能时序图时序图不但可以展示对象之间交互的顺序而且可以直观的描述并发进程，将交互行为建模为消息传递，通过描述消息是如何在对象间发送和接收的来动态展示对象之间的交互。3.2.1用户登录时序图用户登录时序图如图3-2所示，宠物寄养中心网站的用户、员工及管理员的登录页面尽管不一样，但登录的过程是一样的，可通过角色来做到用户的区分。用户打开宠物寄养中心网站的登录页面，输入账号、密码并支持选择对应的角色，每一个用户的账号和权限都集成在一个用户表中做检查，已输入且账号正确，可成功登录。图3-2用户登录时序图3.2.2用户管理时序图管理员可添加用户的账号和密码并保存其资料，也可修改、删除，如图3-3所示。图3-3用户管理时序图3.2.3宠物管理时序图用户可根据宠物的种类、性别等资料输入系统中保存，员工可查看，也可修改、删除，宠物管理时序图如图3-4所示。图3-4宠物管理时序图3.2.4宠物寄养管理时序图所有用户提交的宠物寄养信息后可支持修改以及宠物寄养时序图，如3-5所示。图3-5宠物寄养管理时序图3.2.5寄养状态管理时序图寄养状态是由员工根据用户寄养宠物的护理情况来发布的一种信息，用户可查看到寄养的状态信息，员工和管理员可修改、删除。宠物寄养管理时序图，如3-6所示。图3-6寄养状态管理时序图3.3数据库设计数据库设计指的是将程序中涉及的各个实体及这些实体之间的关系，进行规划统计，并结构化的展示的过程。数据库的设计要保持一对一关系设计原则进行设计，只有我们对数据库进行优良的设计才能提高我们系统的性能，提供更好的服务。3.3.1数据库概念设计针对宠物寄养中心网站的数据库概念设计采用系统总体E-R进行说明，具体如图3-7所示。图3-7宠物寄养系统总体E-R图3.3.2数据库实体图设计宠物寄养中心网站数据库选择的是MySQL数据库，其主要完成宠物分类、宠物信息、宠物寄养及宠物论坛等实体的设计，具体如下：公告栏实体描述是关于宠物寄养的资讯的信息，其实体属性图设计如图3-5所示。图3-8公告栏实体属性图在线留言实体描述的是用户使用宠物寄养中心网站遇到的问题信息或需要咨询问题的留言信息，其实体图设计如图3-9所示。图3-9在线留言实体属性图用户实体描述的是用户在宠物寄养中心网站中注册的账号和个人资料，其实体图设计如图3-10所示。图3-10注册用户实体属性图寄养论坛实体描述的是为不同用户发布的宠物寄养方面的互动信息，其实体E-R图设计如图3-11所示。图3-11寄养论坛实体属性图宠物分类实体描述的是区分宠物的分类信息，其实体图设计如图3-12所示。图3-12宠物分类实体属性图管理员实体描述的是不同管理员登录宠物寄养中心网站的信息，其实体图设计如图3-13所示。图3-13用户实体属性图宠物信息实体描述的是宠物名称、宠物分类及宠物性别等宠物基本资料，其实体图设计如图3-14所示。图3-14宠物信息实体属性图寄养状态实体描述的是用户寄养宠物产生的寄养状态信息，包括寄养费用、费用明细等信息，其实体图设计如图3-15所示。图3-15寄养状态实体属性图宠物寄养实体描述的是用户提交寄养申请产生的寄养信息，包括寄养日期寄养天数等信息，其实体图设计如图3-16所示。图3-16宠物寄养实体属性图3.3.3数据库表设计宠物寄养中心网站在完成上述的实体设计后，可为每一个实体对应的属性分配类型长度及设置主键、说明等信息，从而完成各个数据表的设计，其设计如下：宠物寄养中心网站公告栏信息保存的是可为用户提供公告资讯信息，设计如表3-1所示。表3-1公告栏信息表字段名类型长度是否为空主键说明idint(10)否是序号addtimedatetime否否创建时间titlevarchar(20)否否标题introductionlongtext是否简介picturevarchar(50)否否图片contentlongtext否否内容管理员信息保存的是不同用户登录宠物寄养中心网站的账号信息，设计如表3-2所示。表3-2管理员信息表字段名类型长度是否为空主键说明idint(10)否是序号addtimedatetime否否创建时间usernamevarchar(32)否否用户名passwordvarchar(32)否否密码rolevarchar(50)是否角色宠物分类信息保存的是不同宠物的分类信息，可以设置猪、狗等，设计如下表3-3所示。表3-3宠物分类信息表字段名类型长度是否为空主键说明idint(10)否是序号titlevarchar(20)否否标题cwflvarchar(20)是否宠物分类在线留言信息保存的是用户使用宠物寄养中心网站遇到的各种问题信息，设计如表3-4所示。表3-4在线留言信息表字段名类型长度是否为空主键说明idint(10)否是序号表3-4（续）字段名类型长度是否为空主键说明addtimedatetime否否创建时间useridint(10)否否留言人idusernamevarchar(20)是否用户名avatarurlvarchar(50)是否头像contentlongtext否否留言内容cpicturevarchar(50)是否留言图片replylongtext是否回复内容rpicturevarchar(50)是否回复图片用户信息保存的是一个用户通过宠物寄养中心网站注册时保留在系统中的账户和个人资料信息，设计如表3-5所示。表3-5用户信息表字段名类型长度是否为空主键说明idint(10)否是序号addtimedatetime否否创建时间yhzhvarchar(32)否否用户账号namevarchar(20)否否姓名passwordvarchar(32)否否密码sexvarchar(8)是否性别phonevarchar(22)是否手机txlongtext是否头像宠物寄养信息保存的是用户提交宠物寄养产生的信息，设计如表3-6所示。表3-6宠物寄养信息表字段名类型长度是否为空主键说明idint(10)否是序号addtimedatetime否否创建时间jybhvarchar(20)是否寄养编号cwmcvarchar(20)否否宠物名称picturelongtext是否图片cwflvarchar(20)否否宠物分类cwxbvarchar(8)否否宠物性别cwnlvarchar(40)否否宠物年龄sfjyvarchar(8)否否是否绝育jytsint否否寄养天数表3-6（续）字段名类型长度是否为空主键说明yhxmvarchar(20)是否姓名yhxmvarchar(20)是否姓名phonevarchar(22)是否手机shvarchar(8)是否是否审核hflongtext是否审核回复jyrqdate否否寄养日期jyyylongtext否否寄养原因yhzhvarchar(20)是否用户账号宠物信息保存的是宠物的基本信息，设计如表3-7所示。表3-7宠物信息表字段名类型长度是否为空主键说明idint(10)否是序号addtimedatetime否否创建时间mcvarchar(20)否否宠物名称picturelongtext是否图片cwflvarchar(20)否否宠物分类cwxbvarchar(8)否否宠物性别cwnlvarchar(50)否否宠物年龄sfjyvarchar(8)否否是否绝育cwjjlongtext是否宠物简介djsjdatetime是否登记时间yhzhvarchar(20)是否用户账号yhxmvarchar(20)是否姓名phonevarchar(22)是否手机寄养论坛信息保存的是用户发布的关于宠物寄养的帖子信息，设计如表3-8所示。表3-8寄养论坛信息表字段名类型长度是否为空主键说明idint(10)否是序号addtimedatetime否否创建时间titlevarchar(20)是否帖子标题contentlongtext否否帖子内容parentidbigint是否父节点iduseridbigint否否用户id表3-8（续）字段名类型长度是否为空主键说明usernamevarchar(20)是否用户名avatarurllongtext是否头像isdonevarchar(20)是否状态寄养状态信息保存的是用户缴费后寄养宠物信息，设计如表3-9所示。表3-9寄养状态信息表字段名类型长度是否为空主键说明idint(10)否是序号addtimedatetime否否创建时间cwbhvarchar(20)是否寄养编号cwmcvarchar(20)是否宠物名称cwtplongtext是否宠物图片cwsplongtext是否宠物视频jyfyint是否寄养费用fymxlongtext是否费用明细tjsjdatetime是否提交时间yhzhvarchar(20)是否用户账号yhxmvarchar(20)是否姓名yhsjvarchar(22)是否手机ygzhvarchar(20)是否员工账号ygxmvarchar(20)是否员工姓名zfvarchar(10)是否是否支付3.4本章小结本章通过对软件设计的概述，数据库是系统中最重要的信息载体，数据库管理系统是支撑应用系统运行的重要基础设施，是应用程序与数据之间进行联系和传递的桥梁。对于一个面向用户的应用来说，设计合理、高效可靠的数据库管理系统是十分重要的。系统实现在本章中主要是介绍本系统的可以实现的功能，包括前台界面和后台管理相关的功能模块，利用各类图表进行细致的划分，方便后续项目制作时更加清晰。下面将会主要利用界面图、流程图将项目可实现的主体功能详细的展示出来。4.1系统前端本系统前端是针对用户设计的，用户在登陆页面完成注册与登录，注册后使用几样论坛，在线留言等功能。4.1.1用户注册登录用户注册界面如图4-1所示，用户打开宠物寄养中心网站注册界面，账号是唯一的，不允许用户在宠物寄养中心网站中存在两个及以上的账号；密码要设置为多个字符，要求可输入字母、数字等；手机号需是11位，以上资料录入后可完成注册。图4-1用户注册界面用户登录界面如图4-2所示，用户打开宠物寄养中心网站的登录页面，依次输入账户、密码，页面是否输入的信息判断交由页面校验，存在输入则由程序调用数据库接口到用户表查找，存在一条用户数据则登录成功。图4-2用户登录界面用户登录流程图，如图4-3所示。图4-3用户登录流程图4.1.2寄养论坛寄养论坛列表界面如图4-4所示，每一位用户发布的论坛类型为“公开”的帖子都会以索引的升序方式显示在列表中，用户可选择不同用户的论坛信息查看与跟帖评论。图4-4寄养论坛列表信息发布论坛界面如图4-5所示，一个用户根据自己的选择来设置论坛的类型，可以设置标题，输入内容，同时可选择“私人”和“公开”模式。图4-5发布论坛界面4.1.3在线留言在线留言列表界面如图4-6所示，所有用户通过在线留言输入自己想表达的内容。图4-6 在线留言界面图4-7 在线留言界面4.1.4宠物信息宠物信息列表界面如图4-8所示。用户发布的宠物信息在该模块可以搜索，可以修改以及通过设置在宠物信息列表第一列的复选框的方式来挑选宠物信息进行删除。图4-8宠物信息列表界面宠物信息添加界面如图4-9所示，用户可输入宠物名称、等信息添加宠物信息。图4-9宠物信息添加界面用宠物信息管理流程图，如图4-10所示。图4-10宠物信息管理流程图4.1.5宠物寄养宠物寄养列表界面如图4-11所示。用户提交的所有寄养信息在该模块中以分配的索引号的升序方式列表显示，可支持局部查询及查看详情。图4-11宠物寄养列表界面宠物寄养添加界面如图4-12所示，用户如果出差或其他原因不能照顾宠物了，可以添加寄养信息，输入寄养时间、寄养天数、寄养原因等信息。图4-12宠物寄养添加界面宠物寄养管理模块流程图，如图4-13所示。图4-13宠物寄养管理流程图支付界面如图4-14所示，已经通过的寄养状态可以选择不同的支付方式支付。图4-14支付界面4.2后台管理端本系统后端是针对管理员和员工设计的，员工在登陆后可使用宠物状态管理等功能，管理员可使用用户管理等功能。4.2.1用户管理用户列表界面如图4-15所示，所有已注册或管理员添加的用户信息可选择一条用户信息修改与删除，也可支持全部删除用户信息。图4-15用户列表界面用户信息管理流程图，如图4-16所示。图4-16用户信息管理流程图4.2.2宠物分类管理宠物分类列表界面如图4-17所示，宠物分类信息按索引从1开始到N的顺序列表中显示，可支持查询，也可支持选择一条宠物分类信息修改，还可单独、部分或全部选择宠物分类信息删除。图4-17宠物分类信息列表添加宠物分类信息界面如图4-18所示，需设置合理的宠物分类，供用户查看。图4-18添加宠物分类信息4.2.3宠物信息管理宠物信息列表界面如图4-19所示，所有用户通过宠物寄养中心网站提交的宠物信息按索引从1开始往后顺序显示，可查询，选择一条宠物信息修改、查看与删除，也可支持部分或全部删除宠物信息。图4-19宠物信息列表界面4.2.4宠物寄养管理宠物寄养列表界面如图4-20所示，所有可支持选择一条宠物寄养信息修改、查看，也可支持选择一条、部分或全部宠物寄养信息删除。图4-20宠物寄养列表界面宠物寄养管理模块流程图，如图4-21所示。图4-21宠物寄养管理流程图寄养状态界面如图4-22所示，用户可以查看所有由员工反馈给自己的寄养状态信息，可让用户预览一下员工上传到网站中的寄养视频和产生的费用等信息。 图4-22寄养状态界面 用宠物寄养状态流程图，如图4-23所示。图4-23寄养状态管理流程图4.2.5在线留言管理在线留言列表界面如图4-24所示，所有用户通过宠物寄养中心网站提交的宠物寄养有关的留言信息按索引序号从1到大的顺序列表显示，可支持选择一条在线留言修改、查看评论，也可支持选择一条、部分或全部在线留言删除。图4-24在线留言列表界面留言回复界面如图4-25所示，管理员可以对某个用户的留言回复。图4-25留言回复界面4.3本章小结本章对用户注册、用户登录、宠物寄养论坛、宠物寄养状态、在线留言等功能的详细设计和实现，并选取了项目中的实例截图，对应的展示项目。总的来说，都是通过对数据增删改查来实现这几个功能。系统测试软件测试指的是以软件开发各个阶段指示和程序的内部结构为依据，用实例不断地进行系统测试。然后，使用这些测试用例去运行程序，在运行的过程中，对程序中所存在的问题进行判断并发现错误方便后续修改。5.1系统测试环境宠物寄养中心网站在利用SSM框架和Vue.js开发完成后，可通过搭建测试环境与黑盒法对功能模块进行测试，已验证是否满足用户的使用需求。其测试环境如下：系统运行环境：Window10、MySQL、Tomcat浏览器：Edge浏览器5.2系统功能测试5.2.1宠物信息管理功能测试宠物信息管理：用户在宠物寄养中心网站设置的宠物信息资料，可供用户查看，管理员也可修改、删除。其测试用例如表5-1所示。表5-1宠物信息管理测试表测试名称测试过程期望结果实际结果添加宠物信息未输入宠物信息宠物信息添加失败通过添加宠物信息输入宠物名称“哈多利系博美犬”，宠物分类“博美犬”，性别“公”，年龄“2”，宠物简介“德国狐狸犬的一个分支，石器时代的泥炭狗”提交宠物名称为“哈多利系博美犬”的宠物信息添加成功通过查看宠物信息选择宠物名称为“哈多利系博美犬”的宠物信息显示宠物名称为“哈多利系博美犬”的宠物信息详细信息通过修改宠物信息宠物名称为“哈多利系博美犬”的宠物年龄改为“5”宠物名称为“哈多利系博美犬”的宠物年龄显示“5”通过删除宠物信息删除宠物名称为“哈多利系博美犬”的宠物信息不再显示通过5.2.2宠物寄养管理功能测试宠物寄养管理：用户如果没有时间照顾宠物，可将提交寄养信息寄养宠物，管理员可修改、删除。其测试用例如表5-2所示。表5-2宠物寄养管理功能测试表测试名称测试过程期望结果实际结果添加宠物寄养用户未输入寄养信息宠物寄养添加失败通过添加宠物寄养用户“张三”输入宠物名称“哈多利系博美犬”，宠物分类“博美犬”，寄养天数“7”，寄养日期“2023.4.18”，提交名称为“哈多利系博美犬”的宠物寄养添加成功通过修改宠物寄养修改用户“张三”的宠物寄养天数“7”改为“10”宠物名称为“哈多利系博美犬”的寄养天数显示“10”通过删除宠物寄养删除用户“张三”的宠物寄养的信息不再显示通过5.2.3寄养论坛功能测试寄养论坛管理：用户可根据寄养、喂养等多方面的经验或直接上图、视频等来与其他宠物用户互动，用户可跟帖评论；管理员可局部查询、修改及删除用户的寄养论坛帖子信息。其测试用例如表5-3所示。表5-3寄养论坛功能测试表测试名称测试过程期望结果实际结果发布帖子未输入寄养论坛帖子信息寄养论坛帖子信息发布失败通过发布帖子用户输入标题“有没有人在大话里明超宠物寄养店寄养过宠物”，状态“公开”，内容“大话里明超宠物寄养店的服务态度咋样，是不是很专业，费用高不高啊”标题“有没有人在大话里明超宠物寄养店寄养过宠物”的寄养论坛帖子发布成功通过跟帖讨论用户选择标题“有没有人在大话里明超宠物寄养店寄养过宠物”的寄养论坛帖子信息，输入评论内容“服务不错，费用也还行”跟帖评论成功通过查询帖子输入标题“大话里明超宠物寄养店”，查询显示标题“有没有人在大话里明超宠物寄养店寄养过宠物”的寄养论坛帖子信息通过表5-3（续） 测试名称测试过程期望结果实际结果修改帖子用户修改标题为“大话里明超宠物寄养店的服务和费用情况”用户的寄养论坛帖子标题显示为“大话里明超宠物寄养店的服务和费用情况”通过删除帖子删除用户的宠物寄养帖子不显示通过5.3系统性能测试本文的系统相关性能的测试主要是使用ApacheJMeter工具完成。“宠物寄养需求”不能共实时获取是系统的主要问题所在。针对潜在的功能问题，本文进行了具体的性能测试，以验证系统的完整性和可靠性。创建线程组时，首先设定相关初始化参数，线程数选择120，描述设置选择20，循环次数选择15。最终的性能测试表如表5-9所示。表5-9性能测试表测试模块样本平均值异常吞吐量用户登录2002072023.8/sec宠物寄养200367031.1/sec在线留言20020030.1/sec寄养论坛20062031.8/sec宠物状态1752053024.1/sec5.4本章小结本章对软件测试的方法进行了相关介绍，主要对宠物系统功能、宠物寄养功能、宠物论坛功能进行了测试。经过测试，可以确定本系统基本功能运行无异常，可以正常运行项目，系统符合上线运行的资质。结论宠物寄养中心网站采用了当前流行的B/S架构进行设计，并通过前后端分离的方式来分别为用户、员工和管理员提供信息服务。前端是采用Vue.js框架进行构建，后端采用了SSM框架，服务器采用Tomcat。网站