【《宠物寄养网站的设计与实现》7300字（论文）】

1宠物寄养网站的设计与实现目录前言 摘要:iPet是一个基于SpingMVC框架开发的宠物寄养网站，它旨在宠物主人繁忙无暇照顾宠物时为宠物主人提供一个合适的解决方案。iPet的实现过程包括前端设计，后端功能实现等。前端设计主要是用HTML,CSS，JavaScript等技术将网站的前端界面搭建构造出来，后端则是使用servlet，navicat和MySQL数据库将网站所需的功能实现出来。iPet的使用分为用户和管理员两个部分：用户可以使用的功能有注册,登陆，浏览首页，选择寄养服务种类，对购物车的进行部分操作，结算，查看商家发送的关于宠物图片信息等并进行评论回复。管理员可以使用的功能有登陆，修改首页，设置服务种类，对订单的进行部分操作，发送宠物图片视频信息等。最后在SpringMVC框架下将前后端结合起来，并对网站进行测试，准备上线使用。关键词:宠物寄养，JavaScript，MySQL,SpringMVC框架前言iPet是我们为大多数在无暇照顾宠物时为爱宠主人提供的一个可以及时解决照顾宠物难题的网站。iPet网站给有外出旅游计划，出差需求的养宠人士们提供一个可以临时照看宠物的宠物寄养平台。让主人在千里之外依然可以和自己的宠物“儿女”亲密互动，及时了解爱宠在寄养时的情绪状态。在这里你可以解决你所有的寄养难题。1.概述1.1项目背景介绍在前期大量的调查和查阅中，随着我国当代人民生活水平的提高和情感需求的增加，人们开始养宠物们并当它们当作自己最贴心的”儿女”.宠物已然成为人们情感链接的重要一环ADDINEN.CITE<EndNote><Cite><Author>陈皮</Author><Year>2021</Year><RecNum>197</RecNum><DisplayText>[1]</DisplayText><record><rec-number>197</rec-number><foreign-keys><keyapp="EN"db-id="9wrxa22pvpsrx9epxr852x275e5w9xaxwa05"timestamp="1620569969">197</key></foreign-keys><ref-typename="JournalArticle">17</ref-type><contributors><authors><author>陈皮</author></authors></contributors><titles><title>2020中国宠物行业50强</title><secondary-title>互联网周刊</secondary-title></titles><periodical><full-title>互联网周刊</full-title></periodical><pages>22-23</pages><number>04</number><keywords><keyword>宠物用品</keyword><keyword>宠物经济</keyword><keyword>宠物行业</keyword></keywords><dates><year>2021</year></dates><isbn>1007-9769</isbn><call-num>11-3925/TP</call-num><urls></urls><remote-database-provider>Cnki</remote-database-provider></record></Cite></EndNote>[1]。在社会趋势下就伴随着许多宠物服务的诞生，例如关于远行搬家必需的宠物托运，关于宠物健康预防方面的宠物医院，关于宠物周边消费的宠物乐园等(图1)。在调研期间我关注到一个小众但更急需解决的难题：宠物寄养。如今很多宠物主人虽然很想每天每时都亲自照顾自己的“小孩”，但是现实的情况可能不会允许。例如在和朋友家人计划的短期旅行，临时急需的出差，春节等公共节假日等时间难以协调的问题出现时，宠物们如何安放就成了一个亟须解决问题。我们可以发现市面上有许多宠物医院，宠物护理店，宠物用品店等在兼任宠物寄养的职务，但是这些店铺的主要营收项目并不是宠物寄养，因此他们又是否能够照顾好你的宠物呢，这充满疑问，为此我们决定开发一个专门解决寄养问题的网站。宠物寄养模式虽然国外已经很成熟了，但是在国内目前的发展还是很缓慢的，属于朝阳行业近年来。从之前发布的《2018年宠物店行业数据调研报告》内容可以看出寄养服务收入已占宠物店收入的6%左右ADDINEN.CITE<EndNote><Cite><Author>郑雪莹</Author><Year>2019</Year><RecNum>203</RecNum><DisplayText>[2]</DisplayText><record><rec-number>203</rec-number><foreign-keys><keyapp="EN"db-id="9wrxa22pvpsrx9epxr852x275e5w9xaxwa05"timestamp="1620569969">203</key></foreign-keys><ref-typename="JournalArticle">17</ref-type><contributors><authors><author>郑雪莹</author><author>谷传慧</author><author>韦海涛</author><author>宋彦军</author><author>姜兰兰</author><author>李扬</author><author>刘海莹</author><author>邓柏林</author></authors></contributors><auth-address>北京市动物疫病预防控制中心;</auth-address><titles><title>北京市伴侣动物(宠物)寄养机构现状分析</title><secondary-title>中国动物检疫</secondary-title></titles><periodical><full-title>中国动物检疫</full-title></periodical><pages>22-25+102</pages><volume>36</volume><number>02</number><keywords><keyword>伴侣动物</keyword><keyword>寄养机构</keyword><keyword>服务</keyword><keyword>现状</keyword><keyword>行业标准</keyword></keywords><dates><year>2019</year></dates><isbn>1005-944X</isbn><call-num>37-1246/S</call-num><urls></urls><remote-database-provider>Cnki</remote-database-provider></record></Cite></EndNote>[2]。图SEQFigure\*ARABIC1百度趋势图这个网站实现的基本功能是：浏览。特色功能是：不同身份用户登陆将会有拥有不一样的功能，一是普通用户，他可以通过浏览首页信息来了解选择iPet，然后通过选择不同种类和不同档次和不同时间来确定具体服务项目，然后通过浏览评论iPet商家发布的宠物视频图片等信息来了解宠物寄养的状态和减少对宠物的思念。二是商家，他可以在首页及时更新商家的特色服务和实环境等信息来吸引顾客，然后通过对服务项目的修改和及时补充来满足更多的顾客需求，通过定时的视频图片的发布来让顾客及时了解萌宠们的近况和解决他们之间的“相思之苦”。通过将互联网技术应用于宠物行业的方式，为市场上宠物寄养提供更科学便捷，实惠可靠的方向ADDINEN.CITE<EndNote><Cite><Author>孙郁露</Author><Year>2019</Year><RecNum>201</RecNum><DisplayText>[3]</DisplayText><record><rec-number>201</rec-number><foreign-keys><keyapp="EN"db-id="9wrxa22pvpsrx9epxr852x275e5w9xaxwa05"timestamp="1620569969">201</key></foreign-keys><ref-typename="JournalArticle">17</ref-type><contributors><authors><author>孙郁露</author><author>汤克强</author></authors></contributors><auth-address>西北大学;</auth-address><titles><title>具备宠物同城寄养平台功能的交互式网站设计</title><secondary-title>电子技术与软件工程</secondary-title></titles><periodical><full-title>电子技术与软件工程</full-title></periodical><pages>29</pages><number>11</number><keywords><keyword>宠物寄养平台</keyword><keyword>交互式网站</keyword><keyword>设计开发</keyword></keywords><dates><year>2019</year></dates><isbn>2095-5650</isbn><call-num>10-1108/TP</call-num><urls></urls><remote-database-provider>Cnki</remote-database-provider></record></Cite></EndNote>[3]。1.2项目的相关技术点1.2.1JDK简介JDK主要由Java接口，JVM，Java程序语言组成，是Java程序开发的基础部署环境。Java虚拟机和Java的核心类库这两部分就组成了JRE，JRE是Java程序开发的基础运行环境。从1996年1.0版本发布到现在已经更新了10多个版本，及时的更新JDK的兼容性和功能更加强大，及时适应市场和潮流，给使用者带来了便利和使其长久的存活。1.2.2Tomcat简介Tomcat是Apache基金会下的一个优秀开源产品，它因有简单、易用、开源的特性深受广大程序员的喜爱ADDINEN.CITE<EndNote><Cite><Author>温立辉</Author><Year>2019</Year><RecNum>202</RecNum><DisplayText>[4]</DisplayText><record><rec-number>202</rec-number><foreign-keys><keyapp="EN"db-id="9wrxa22pvpsrx9epxr852x275e5w9xaxwa05"timestamp="1620569969">202</key></foreign-keys><ref-typename="JournalArticle">17</ref-type><contributors><authors><author>温立辉</author></authors></contributors><auth-address>河源职业技术学院电子与信息工程学院;</auth-address><titles><title>开源中间件Tomcat高级应用浅谈</title><secondary-title>科技资讯</secondary-title></titles><periodical><full-title>科技资讯</full-title></periodical><pages>7-8</pages><volume>17</volume><number>11</number><keywords><keyword>中间件</keyword><keyword>内存调优</keyword><keyword>多节点</keyword><keyword>部署</keyword></keywords><dates><year>2019</year></dates><isbn>1672-3791</isbn><call-num>11-5042/N</call-num><urls></urls><remote-database-provider>Cnki</remote-database-provider></record></Cite></EndNote>[4]，是目前最常用的一款开源免费的web开发服务器。Tomcat提供了关于Servlet和JSP功能的调试和开发，还提供了众多API，容器。为程序员们提供了很多方便。开发者运行项目时，只需要将其加载到Tomcat服务器中，就可以使用浏览器访问服务器，完成相应的程序设计。1.3主要编程技术1.3.1JavaScript介绍JavaScript（简称“JS”）是一种即时编译型的编程语言,多用于开发Web页面的ADDINEN.CITE<EndNote><Cite><Author>李世胜</Author><Year>2012</Year><RecNum>206</RecNum><DisplayText>[5]</DisplayText><record><rec-number>206</rec-number><foreign-keys><keyapp="EN"db-id="9wrxa22pvpsrx9epxr852x275e5w9xaxwa05"timestamp="1620569969">206</key></foreign-keys><ref-typename="JournalArticle">17</ref-type><contributors><authors><author>李世胜</author><author>程歩奇</author><author>李晓峰</author><author>孙广中</author><author>陈国良</author></authors></contributors><auth-address>中国科学技术大学计算机科学与技术学院;安徽省高性能计算重点实验室;英特尔中国研究中心;</auth-address><titles><title>基于预测的JavaScript类型系统研究</title><secondary-title>计算机研究与发展</secondary-title></titles><periodical><full-title>计算机研究与发展</full-title></periodical><pages>421-431</pages><volume>49</volume><number>02</number><keywords><keyword>类型预测</keyword><keyword>内联缓存</keyword><keyword>JavaScript</keyword><keyword>动态类型系统</keyword><keyword>算法</keyword><keyword>优化</keyword></keywords><dates><year>2012</year></dates><isbn>1000-1239</isbn><call-num>11-1777/TP</call-num><urls></urls><remote-database-provider>Cnki</remote-database-provider></record></Cite></EndNote>[5]。在网页中依据要求添加不同的动态功能时,使用JS可以为用户提供更加流畅美观的页面效果。通常JavaScript脚本是和HTML一起来实现功能的。1.3.2HTML介绍HTML超文本标记语言，它并不是一种程序，而是一种在网页中控制资料显示的标识语言，常用在网页设计中。它通过定义一系列的标签来标识文件属性和超链接信息等来告诉浏览器以何种形式将网页展现出来形成我们平常看到的网页ADDINEN.CITE<EndNote><Cite><Author>陈艳</Author><Year>2009</Year><RecNum>208</RecNum><DisplayText>[6]</DisplayText><record><rec-number>208</rec-number><foreign-keys><keyapp="EN"db-id="9wrxa22pvpsrx9epxr852x275e5w9xaxwa05"timestamp="1620569969">208</key></foreign-keys><ref-typename="JournalArticle">17</ref-type><contributors><authors><author>陈艳</author></authors></contributors><auth-address>四川职业技术学院;</auth-address><titles><title>初识HTML语言</title><secondary-title>科技信息</secondary-title></titles><periodical><full-title>科技信息</full-title></periodical><pages>243</pages><number>03</number><keywords><keyword>HTML语言</keyword><keyword>标签</keyword><keyword>元素</keyword><keyword>结构</keyword></keywords><dates><year>2009</year></dates><isbn>1001-9960</isbn><call-num>37-1021/N</call-num><urls></urls><remote-database-provider>Cnki</remote-database-provider></record></Cite></EndNote>[6]。1.3.3CSS介绍层叠样式表，通常和HTML语言一起使用来修饰静态网页，配合各种脚本语言对动态网页进行修饰和格式化。因为CSS不仅能够精确控制对网页中元素位置，同时支持绝大部分字体等样式，还拥有对网页对象和模型样式编辑的能力。

1.3.4servlet介绍Servlet小服务程序或服务连接器，是sun公司制定的服务器端服务规范ADDINEN.CITE<EndNote><Cite><Author>樊振宇</Author><Year>2011</Year><RecNum>207</RecNum><DisplayText>[7]</DisplayText><record><rec-number>207</rec-number><foreign-keys><keyapp="EN"db-id="9wrxa22pvpsrx9epxr852x275e5w9xaxwa05"timestamp="1620569969">207</key></foreign-keys><ref-typename="JournalArticle">17</ref-type><contributors><authors><author>樊振宇</author></authors></contributors><auth-address>宝鸡文理学院;</auth-address><titles><title>深入理解SERVLET和JSP原理</title><secondary-title>电脑知识与技术</secondary-title></titles><periodical><full-title>电脑知识与技术</full-title></periodical><pages>2570-2572</pages><volume>7</volume><number>11</number><keywords><keyword>Servlet</keyword><keyword>JSP</keyword><keyword>html</keyword><keyword>Java</keyword><keyword>网页</keyword></keywords><dates><year>2011</year></dates><isbn>1009-3044</isbn><call-num>34-1205/TP</call-num><urls></urls><remote-database-provider>Cnki</remote-database-provider></record></Cite></EndNote>[7]。用Java编写的服务器端程序，具有独立于平台和协议的特性，主要功能在于交互式地浏览和生成数据，生成动态Web内容。1.3.5Navicat介绍Navicat是一款简单、易用的数据库可视化操作工具，用起来十分便利，受到了很多用户的青睐。1.3.6SpringMVC框架的介绍MVC中M是模型，V是界面，C是控制器，使用MVC可以将模型和界面的代码分离，实现数据的控制和前后端分离,在多层Web应用系统应用的实现中具有明显优势ADDINEN.CITE<EndNote><Cite><Author>边卫国</Author><Year>2006</Year><RecNum>210</RecNum><DisplayText>[8]</DisplayText><record><rec-number>210</rec-number><foreign-keys><keyapp="EN"db-id="9wrxa22pvpsrx9epxr852x275e5w9xaxwa05"timestamp="1620569969">210</key></foreign-keys><ref-typename="Thesis">32</ref-type><contributors><authors><author>边卫国</author></authors><tertiary-authors><author>徐学洲,</author></tertiary-authors></contributors><titles><title>基于MVC模式的JavaWeb框架研究与应用</title></titles><keywords><keyword>MVC</keyword><keyword>Struts</keyword><keyword>配置文件</keyword><keyword>框架</keyword><keyword>模板</keyword><keyword>表现层</keyword></keywords><dates><year>2006</year></dates><publisher>西安电子科技大学</publisher><work-type>硕士</work-type><urls></urls><remote-database-provider>Cnki</remote-database-provider></record></Cite></EndNote>[8]。2.系统分析与总体设计原则2.1网站需求分析随着物联网的发展，宠物商家也在重视在线上的推广，创造品宠物内容网站，为顾客提供线上社交沟通空间ADDINEN.CITE<EndNote><Cite><Author>陈伟才</Author><Year>2019</Year><RecNum>200</RecNum><DisplayText>[9]</DisplayText><record><rec-number>200</rec-number><foreign-keys><keyapp="EN"db-id="9wrxa22pvpsrx9epxr852x275e5w9xaxwa05"timestamp="1620569969">200</key></foreign-keys><ref-typename="JournalArticle">17</ref-type><contributors><authors><author>陈伟才</author></authors></contributors><auth-address>广州立白企业集团有限公司;</auth-address><titles><title>中国宠物行业现状和发展趋势</title><secondary-title>中国洗涤用品工业</secondary-title></titles><periodical><full-title>中国洗涤用品工业</full-title></periodical><pages>56-59</pages><number>08</number><keywords><keyword>宠物</keyword><keyword>市场规模</keyword><keyword>发展趋势</keyword></keywords><dates><year>2019</year></dates><isbn>1672-2701</isbn><call-num>11-3366/TS</call-num><urls></urls><remote-database-provider>Cnki</remote-database-provider></record></Cite></EndNote>[9]，例如本次设计的iPet网站。该网站的需求分析，先从登录和注册功能开始，这是使用该网站的第一步，然后通过对创建网站的最主要的需求-宠物寄养着手，商家需要吸引顾客选择把宠物寄养在这里，顾客需要了解这个商家的环境等条件来为自己的宠物挑选一个合适的临时生活的地方。寄养过程中最重要的是宠物主人即使在外地也能及时了解到宠物寄养后的情况和状态，以及商家是否如宣传介绍般细心照顾自己的爱宠。所以除了相应的选择网络下单服务外，还需要相应的在寄养期间可以了解到宠物情绪的功能，因此增加了特色的交流功能。用户是这个网站的主要人物，所以为了让用户有更好的体验，iPet还增加设计了个人中心。在个人中心中用户可以查找历史订单，修改增加宠物的基本信息方便商家可以提供更有针对性的照顾等。2.2数据库需求分析从需求分析出发，对网站的不同功能模块进行详细的数据和逻辑分析，依据使用的编程语言和选择的数据库功能创建网站的详细数据库。在网站中的注册模块和登陆模块中有很多的共同点，如都账户密码的查询功能，需要单独建一个用户表，统一对账户进行处理。不同的功能模块，涉及不同的数据表，不同的类型的用户又有不同权限，其中理清各表间的逻辑关系是系统的难点ADDINEN.CITE<EndNote><Cite><Author>马海珠</Author><Year>2019</Year><RecNum>199</RecNum><DisplayText>[10]</DisplayText><record><rec-number>199</rec-number><foreign-keys><keyapp="EN"db-id="9wrxa22pvpsrx9epxr852x275e5w9xaxwa05"timestamp="1620569969">199</key></foreign-keys><ref-typename="JournalArticle">17</ref-type><contributors><authors><author>马海珠</author></authors></contributors><auth-address>无锡城市职业技术学院;</auth-address><titles><title>小型宠物店管理系统的设计</title><secondary-title>电脑知识与技术</secondary-title></titles><periodical><full-title>电脑知识与技术</full-title></periodical><pages>93-94+108</pages><volume>15</volume><number>36</number><keywords><keyword>宠物店管理系统</keyword><keyword>系统设计</keyword></keywords><dates><year>2019</year></dates><isbn>1009-3044</isbn><call-num>34-1205/TP</call-num><urls></urls><remote-database-provider>Cnki</remote-database-provider></record></Cite></EndNote>[10]。因此，数据库的搭建需要考虑十分周全。数据库技术是信息管理最重要的环节。数据库结构设计的好坏将直接影响系统效率。合理的数据库结构设计可以方便系统数据的处理，提高数据储存的效率，保证数据的完整性。2.3总体设计原则使用面向对象的编程语言，考虑到后期可能需要进行维护，所以进行了模块化设计，即每个类只完成某一种功能；具体业务逻辑和数据处理为以后升级和维护大多使用了接口设计；为了程序适应多种运行环境，进行多轮测试，确保可以实现完整功能。3.系统设计3.1系统设计思路iPet寄养平台分别分为三个模块:关于寄养服务选择模块,关于订单操作模块,关于互动交流模块，每个模块中都有自己独立的功能，例如互动交流模块中有发送视频，观看视频，写评论，发评论，回复评论等.如图2所示是iPet网站的主要实现框架。图2寄养平台的设计与实现框架图 3.2软件的功能模块3.2.1登录注册模块区分用户，游客，商家，登陆的话可以浏览到更多的信息，没有账号的可以选择注册，来成为用户，游客只能访问社区模块，用户和商家可以访问更多的模块。3.2.2设置寄养服务模块商家特有的功能模块，商家登陆后可以后台操作设置寄养服务的信息，比如可以增加宠物屋舍的种类和档次，修改宠物每日食物的不同价格，删除已经不和市场的选项等。3.2.3选择寄养服务模块普通用户特有的功能模块，用户注册登陆后可以在首页浏览后选择心仪的商家发布的寄养服务，比如可以浏览A档的宠物居住环境，选择B档宠物每日食物，选择每日发布几条视频进行互动等。选择不同的服务进行加入购物车或者直接结算操作。3.2.4互动交流模块 用户和宠物远距离互动的一种方式，即使身在千里之外，依旧可以和宠物进行亲密互动，缓解担忧和思念之亲，亦是本网站的特色服务。根据选择服务中的每天发布多少次的视频图片互动选择，商家需要及时上传宠物在商家活动的视频图片，并对视频下用户的评论进行答复和改进。为顾客提供更贴心的服务。3.2.5订单模块 普通用户在网站直接结算或者购物车下单后，可以通过查询个人信息中的订单部分，查询最近和历史中全部的信息，包括自己下单的时间，选择的服务和费用等。3.3项目的数据库设计数据库概念设计完成后进行逻辑设计，将概念结构转换为某个DBMS所支持的数据模型，对其进行优化。逻辑设计完成后，进行数据库物理设计，为逻辑数据模型选取一个最适合应用环境的物理结构（包括存储结构和存取方法）。在本案例中，物理设计得到的结果是表示数据库的SQL脚本文件ADDINEN.CITE<EndNote><Cite><Author>徐枫</Author><Year>2017</Year><RecNum>204</RecNum><DisplayText>[11]</DisplayText><record><rec-number>204</rec-number><foreign-keys><keyapp="EN"db-id="9wrxa22pvpsrx9epxr852x275e5w9xaxwa05"timestamp="1620569969">204</key></foreign-keys><ref-typename="JournalArticle">17</ref-type><contributors><authors><author>徐枫</author></authors></contributors><auth-address>浙江商业职业技术学院;</auth-address><titles><title>浅析宠物商店网站系统的数据库设计</title><secondary-title>电子世界</secondary-title></titles><periodical><full-title>电子世界</full-title></periodical><pages>165</pages><number>16</number><keywords><keyword>数据库</keyword><keyword>宠物商店</keyword><keyword>网站</keyword></keywords><dates><year>2017</year></dates><isbn>1003-0522</isbn><call-num>11-2086/TN</call-num><urls></urls><remote-database-provider>Cnki</remote-database-provider></record></Cite></EndNote>[11]。对项目的各个模块的总体功能设计，如下:3.3.1数据库表逻辑结构设计（1）管理员表：admin(id，acount,password)（2）好友表：friend(id，user_id，friend_id)(3）首页表：head(id，img,user_id)（4）公告表：info(id，content,time)(5）互动表：message(id,user_id,to_user_id,message_id,content,time)（6）订单表：my_order(id，user_id,product_id,status,price,num,create_time)（7）发帖表:photo(id,user_id，user_name,introduce,time,url)（8）商品表:produt(id,name,content,price,url)（9）职业表:profession_class(id,pro_class)（10）购物车表：shop_car(id,user_id,product_id)（11）用户表：user(id,user_name,name,sex,qq,tel,password,work,home,profession)图3数据库表总体结构设计3.3.2部分表结构详细设计用户表（user）表结构详细设计信息如下表1，图4表1用户表结构设计信息字段名字段类型字段长度中文注释idint11用户iduser_namevarchar50用户昵称namevarchar255用户姓名sexchar5用户性别qqvarchar20用户QQ号telbigint11手机号码passwordvarchar50用户密码workvarchar50用户职业homevarchar255用户地址headvarchar255用户头像professionvarchar255职业图4用户表（user）表商品表(produt)结构详细设计信息如下表2，图5：表2商品表详细设计信息字段名字段类型字段长度中文注释idint11购物车编号namevarchar255服务名contentvarchar255服务详细说明pricevarchar255价格urlvarchar255地址图5商品表3.互动表：message(id,user_id,to_user_id,message_id,content,time)详细设计信息如下表3，图6：表3互动表(message)表详细设计信息字段名字段类型字段长度中文注释idint11留言iduser_idint11留言人idto_user_idint11评论目标用户的idmessage_idint11留言关联idcontentvarchar255留言内容timedatetime0评论时间图6互动表4.订单表order结构详细设计信息如下表4，图7：表4订单表order结构详细设计信息字段名字段类型字段长度中文注释idint11编号user_idint11购买人idproduct_idint11商品iduser_namedate255下单时间statusvarchar255当前状态pricevarchar100订单总价numint100购买数量 图7订单表4.界面设计与功能实现4.1宠物寄养网站的实现宠物寄养网站的功能模块主要有以下几个部分：注册登录模块、寄养选择模块、购物车模块、互动交流模块、个人信息模块。4.2注册登录（1）前端实现登录与注册：用户在登入网站的时候，会显示网站的首页如图8所示。此时顾客可以浏览网站首页介绍，查看公告，观看论坛来了解相关的对宠物的居住环境，服务特色和服务态度,卫生安全的保障问题,服务管理中的契约问题ADDINEN.CITE<EndNote><Cite><Author>张湄</Author><Year>2020</Year><RecNum>82</RecNum><DisplayText>[12]</DisplayText><record><rec-number>82</rec-number><foreign-keys><keyapp="EN"db-id="9pfvww9wgpzr5ee9rpcvav02r5wap5fzes95"timestamp="1620219565">82</key></foreign-keys><ref-typename="JournalArticle">17</ref-type><contributors><authors><author>张湄</author></authors></contributors><auth-address>东北农业大学经济管理学院;</auth-address><titles><title>以哈尔滨为例分析宠物寄养的问题与出路</title><secondary-title>现代营销(下旬刊)</secondary-title></titles><periodical><full-title>现代营销(下旬刊)</full-title></periodical><pages>151-152</pages><number>04</number><keywords><keyword>宠物</keyword><keyword>宠物寄养</keyword><keyword>问题分析</keyword><keyword>解决方案</keyword></keywords><dates><year>2020</year></dates><isbn>1009-2994</isbn><call-num>22-1256/F</call-num><urls></urls><remote-database-provider>Cnki</remote-database-provider></record></Cite></EndNote>[12]等问题，如想进一步沟通和查看服务详细信息则需要注册登录。图8首页界面（2）在登录界面中，会提示用户输入已注册的账号，密码进行验证，每个输入框里面都会有字数格式的限制，必须符合格式，才能提交已经输入的数据，用户登录界面如图9，管理员登陆界面如图0：图9用户登录界面图10管理员登录界界面（3）如果用户没有账户，可以点击注册新账号来完成注册，在注册页面中，用户需要输入相关信息来完善个人信息，包括自己的昵称，密码，用户名，联系方式，家庭住址等如图11，以用户名或者手机号为主键完成注册ADDINEN.CITE<EndNote><Cite><Author>无人喝彩</Author><Year>2006</Year><RecNum>209</RecNum><DisplayText>[13]</DisplayText><record><rec-number>209</rec-number><foreign-keys><keyapp="EN"db-id="9wrxa22pvpsrx9epxr852x275e5w9xaxwa05"timestamp="1620569969">209</key></foreign-keys><ref-typename="JournalArticle">17</ref-type><contributors><authors><author>无人喝彩</author></authors></contributors><titles><title>搭建虚拟聊天室让你的网站互动起来</title><secondary-title>电脑迷</secondary-title></titles><periodical><full-title>电脑迷</full-title></periodical><pages>88-89</pages><number>16</number><keywords><keyword>互动交流</keyword><keyword>聊天室</keyword></keywords><dates><year>2006</year></dates><isbn>1672-528X</isbn><call-num>50-1163/TP</call-num><urls></urls><remote-database-provider>Cnki</remote-database-provider></record></Cite></EndNote>[13]。在注册过程中，系统会检测手机号码和用户名是否唯一，没有则完成注册，有则需要修改。另外每个输入框里面都会有长度的限制，输入要符合输入规范。顺利完成上述操作后，用户就可以使用自己已注册的账号，浏览选择下单服务，如图12。图11注册界面图12登陆功能流程图4.3用户寄养选择模块从首页等信息中，我们确定选择此商家进行宠物寄养时，我们可以在商品展示区选择符合自己要求的服务。例如不同等级的住宿环境，寄养时间长度，不同的反馈频率和附加服务等进行加购，下单结算等操作，如下图13。商家也可以随时根据市场和实际需求增加新的商品来增加和宠物主人之间的粘合度，来增加销售，如图14。图13寄养功能选择界面图14后台商品管理界面4.4用户购物车模块显示用户的选择意向，显示用户已经加载多少选项到购物车中，可以快速的找到之前心仪的服务选项来进行下单和结算。让顾客可以在多重选择中快速抉择出最符合心意的商品，在二次光顾时快速找出之前心仪的商品，省心省力，方便顾客如图15。图15购物车购买页面4.5互动交流模块不同用户可以发生主题图片等来论坛和宠友们对进行互动和分享，如图16；不同顾客之间还可以相互评论互动，如图17；商家对顾客发生的帖子和评论可以进行回复，对顾客质疑或不满意的方面进行解释补充等，也可以进行后台管理，如图18。图16发帖界面图17互动评论界面图18论坛后台管理界面4.6个人中心模块用户的个人中心模块，用户可以实现上传新的头像，查看个人基本信息，还可以进行退出登录的操作。个人中心模块如图19：图19个人中心界面5.网站测试5.1测试的目的测试是评判项目质量的一个重要标准，通过尽可能早和尽可能多的找到软件中可能存在的bug以及功能服务体验不好的地方ADDINEN.CITE<EndNote><Cite><Author>武昭宇</Author><Year>2016</Year><RecNum>205</RecNum><DisplayText>[14]</DisplayText><record><rec-number>205</rec-number><foreign-keys><keyapp="EN"db-id="9wrxa22pvpsrx9epxr852x275e5w9xaxwa05"timestamp="1620569969">205</key></foreign-keys><ref-typename="JournalArticle">17</ref-type><contributors><authors><author>武昭宇</author><author>张月琴</author><author>阎华</author></authors></contributors><auth-address>太原理工大学信息化管理与建设中心;</auth-address><titles><title>软件测试方法的研究与应用</title><secondary-title>太原理工大学学报</secondary-title></titles><periodical><full-title>太原理工大学学报</full-title></periodical><pages>379-383</pages><volume>47</volume><number>03</number><keywords><keyword>软件质量</keyword><keyword>软件测试</keyword><keyword>需求规格说明</keyword><keyword>基本路径</keyword><keyword>决策表</keyword><keyword>可视化</keyword></keywords><dates><year>2016</year></dates><isbn>1007-9432</isbn><call-num>14-1220/N</call-num><urls></urls><remote-database-provider>Cnki</remote-database-provider></record></Cite></EndNote>[14]，这样我们