3、关键词：宠物管理VueSpringboot模块化AbstractToday,Chinaseconomiclevelandpeopleslifelevelisrapiddevelopment,peopleslifealsograduallytowardsthegood,someofthembegantokeepapet,petscanreducepeoplesworkandlifepressure,somepeoplemoretoseepetsastheirclosefriends,andpeople
4、fordailylifeaddedalotoffunbypets,petbecameoneofthemostimportantpartofpeopleslife.Meanwhile,thepetmarkethasbeendevelopingrapidly,andthepetmallandotherrelateddemandservicechainshavebeguntoappear.Andthedevelopmentofthecomputer,begantoappearontheInt
5、ernetaboutpetwebsitesuchasinformationplatform,peoplecangetonalargenumberofpets,andrelatedproductinformation,alsocanbeinitforconsumption,butthevastamountsofinformationmakespeoplefeelconfusedandtheinformationmanagementisalsoverytrouble,theinformationmana
6、gementsystemofmoreandmorepeoplebegintopayattentiontothisproblem.Thisarticlefocusesontheexplorationandanalysisoftheexistingpettradingplatforms,andexplainsthedevelopmenttrendofsuchplatforms.Thispaperwillbrieflyintroducethebackground,significanceandpurposeof
7、abackgroundmanagementsystem,focusingonthespecificdesignandimplementationofthesystem,fromtheprojectrequirementsanalysis,tothesystemfunctionanddesign,andfinallysystemtesting.Amongthem,themodularmanagementofeachfunctionofthesystemisintroducedanddiscussed.The
8、maintechnologiesusedinthissystemare:todisplaythesysteminterfacethroughvue.js,tobuildthebackgroundenvironmentthroughSpringboot,inordertorealizeapetmanagementsystembasedonSpringboot.Keywords：PetmanagementVueSpringbootmodularization目录1.绪论11.1研究背景11.2研究目的和意义21.3
10、交易管理模块设计334.3.1商品管理子模块334.3.2订单管理子模块384.3.3宠物管理子模块434.4领养记录管理模块设计484.5公告管理模块设计535.数据库设计595.1数据库概念设计595.1.1用户实体595.1.2宠物实体595.1.3商品实体605.1.4订单实体605.1.5公告实体615.1.6角色实体615.1.7数据实体关系的E-R图625.2数据库的逻辑结构设计635.2.1用户表635.2.2宠物表645.2.3商品表645.2.4订单表655.2.5公告表655.2.6领养记录表665.2.7角色表665.2.8权限表665
12、1.5公告管理模块808.总结82参考文献83致谢8421.绪论1.1研究背景我国在这些年里，各行各业都在努力发展，使百姓的日子过的越来越好了，依次慢慢兴起了饲养宠物的浪潮，各式各样的宠物，比如：猫、狗、鱼、鸟甚至蛇、蜘蛛等等，这些宠物慢慢进入到千家万户，而越来越多的人也开始饲养宠物。人们把宠物当成自己无聊时的玩伴、生活中知心的朋友，现在人们越来越少接触自然甚至其他人，而宠物的出现使人们打开内心，而宠物也随之成为了人们的灵魂伙伴。科学表明，宠物有能够调节人情绪的作用，可以使快速的生活增添一种慢下来的步调，其实，在如今这个社会环境下，人们是生活状态越来越迅速和紧绷着的，饲养宠物使人们生活得到
15、，而宠物商城最主要的是后台的管理系统的维护和信息存储，做好一个信息管理后台乃是重中之重。1.2研究目的和意义随着宠物行业的不断发展，大量的宠物实体店开始出现，让消费者对宠物需求得到一定满足，而消费者从实体店得到的服务并不能满足他们日益增长的需求。于此同时网络信息时代也在不断发展，各种网上商城开始出现，人们慢慢从网络上获取需求，网上商城的出现不仅降低了原本实体店开店的成本，还让人们对宠物需求得到满足。一个网上商城没有良好的后台支持是不行的，本系统对普遍的网上商城的管理信息做了大概的设计，集中了一些宠物商城比较会用到的和没有的功能，更加全面的管理各个业务信息。1.3主要研究内容本系统研究的是基
18、位置。通过CSS选择器选中HTML文件的标签，在选择器中编写该标签的样式，使HTML标签可以更加美观的在浏览器上渲染出来，从而让整个网页变得更加美观。其主要负责网页的表现，而CSS中的样式一般存储在样式表中，使他与HTML内容分离开来，这样可以极大地提高工作效率。2.1.2Vue.js框架现今，前端技术的发展也逐渐成熟，许许多多新的概念进入到我们眼中，前端不再仅仅是编写HTML、CSS和JavaScript那样容易了，其中，Vue.js框架是近几年里受到许多开发者青睐的一种前端框架，它的官网明确指出，它是采用了自底向上的设计来构建用户界面，而且跟JavaScript有着紧密的联系，而且也比较
20、注更好的模块划分和定义接口，更好的模块划分，使软件拥有更方便的维护和复用等优势，而Spring框架具有良好的模块化设计。而Springboot是在Spring的基础上设计的一种开发框架，当然他也保留了Spring框架里的优点和特性，甚至将企业应用的搭建和开发过程简化了。他具有单独的创建Spring应用程序和通过内置插件创建可执行的Jars和Wars；内嵌了tomcat，大大简化了一些系统的配置和项目中的对象模型，让程序员从繁杂的配置和外部依赖的工作中脱离出来，于此程序员能够将注意力重新放在业务逻辑中去，所以Springboot减少了在配置工作中花费的精力，他还含有自动化编译、测试和打包等便利功
21、能。这门技术框架也解决了当集成其他框架时，遇到的依赖包版本冲突而所引起的不稳定等问题。2.3数据库2.3.1MySQL数据库数据库，简单来说就是用来保存和管理应用中要存储的数据的。我们的日常生活已经离不开大量信息的交流和传递了，因而信息化的时代在不断的进步和成长起来了。数据库也不断更新和发展，当下有许多好用的数据库可以使用，然而在本论文中，将会使用MySQL数据库来实现我们系统的数据存储。MySQL，这个数据库会将同一对象的数据放入同一张表中来存储，不同的表保存自己的数据，通过对象与对象之间的联系，使数据表之间建立类似这种联系的关系，所以，他不是把所有数据存放在同一张表中的，这样大大提高了
22、数据的灵活度和速度。而且它最重要的是开源免费，因为是免费的，所以再也不用支付其他的费用，还含有许多API和众多管理工具。MySQL的优点还是非常多的，如：形态小巧、查询方便、操作快捷、功能齐全等等，常常用来对系统中的关键任务进行实现，同时也可以嵌入到许多部署的软件中。2.4开发环境表2-1开发环境信息表序号名称备注1Window7旗舰版操作系统2MySQL数据库3IDEA2018开发工具4JDK8开发环境53.系统分析3.1系统可行性分析在了解本系统所要应用到的技术后，下文将从多个方面对本系统进行可行性分析。3.1.1技术可行性分析本宠物管理系统只实现后台业务管理，相对来说比较简单
23、；而且使用到的技术都是近几年比较流行的，比如：Vue.js、Springboot框架；系统前端使用的Vue.Js框架，该框架所使用到的开发模式，更容易对数据与视图进行解耦，而系统后端主要用到Springboot框架，其有助于提高开发体验，以及引入的一些第三方的库可以做到零配置和开箱即用。在数据的存储方面则用了MySQL数据库。综上所述，所应用到的技术都是完全没有问题的。3.1.2经济可行性分析首先，本项目所需的开发成本是少之又少的，用到的开发技术都是免费的，没有什么技术成本，又因为本系统是作为毕业设计展现的，硬件上使用的是学生个人电脑没有使用其他硬件设备，软件上，基本上使用的是破解绿色的编程
26、不再销售的商品、对想要了解某个商品时可以进行搜索，对一些商品出现数据有误的情况时进行更改。A07订单管理展示记录系统中的交易数据；在下单成功后，增加新的订单数据；当数据有误时，修改原有的订单；交易成功后，可以搜索和删除订单。A08宠物管理展示系统所存储的宠物数据，发现有错误则实行修改；也可以增加宠物；删除不再存储的宠物信息或者因出现情况而下架的宠物；搜索某一个宠物信息。A09领养记录管理展现领养记录；对记录数据进行管理。增添新的领养记录；删减不存在的或者不用的记录数据、希望单独了解某条记录时能够实现搜索；对发生记录数据错误时，可实行编辑修改错误。A10公告管理呈现处于各种状态的公告；对公告信
36、按钮，如果添加成功，则输出添加成功的提示；如果添加的信息有误，则输出添加失败的错误提示。添加用户功能流程如下图所示：图4-4添加用户流程图图4-5添加用户状态图（2）修改用户在每个用户信息后面都有操作项，只需要点击需要修改的信息后面的“编辑”按钮，将弹出该条用户信息详细的表单，在该表单中重新填写新的用户信息并点击“确认”按钮，若修改成功，则显示操作成功的提示，若是失败了，就显示操作失败的提示。流程如下图所示：图4-6修改用户流程图图4-7修改用户状态图（3）删除用户首先，定位到要删去的用户，在其操作项中，点击操作项的第二个按钮即“删除”按钮，进行删除操作。如果删除成功，页面输出删除成功的提
37、示；如果删除失败，则输出删除失败的错误信息。删除用户功能流程如下图所示：图4-8删除用户流程图图4-9删除用户状态图（4）查询用户信息在用户管理页面中有一个搜索框，在搜索框中输入查询内容并点击搜索按钮，进行搜索操作。如果有搜索结果，则以列表的形式显示用户信息；如果没有搜索结果，则显示“无搜索结果”的提示。查询用户功能流程如下图所示：图4-10查询用户流程图图4-11查询用户状态图4.2.2角色管理子模块在系统中含有三个内置的角色，分别是超级管理员、普通管理员和普通用户。系统中的每一个用户都应该拥有属于自己的角色，即为添加的新用户设置对应的角色，测试的普通用户设为普通用户角色。超级管理员具有
38、修改和删去角色的能力，但要确保该角色下，已经没有属于该角色的用户才能操作，但是不能删除内置的三个角色。在角色管理子模块中又有如下这几个功能，如：添加角色、删除角色、修改角色和查询角色等等。其模块结构如下图所示：图4-12角色管理子模块图（1）添加角色信息在角色管理界面中，点击“新增”按钮，会出现用来添加角色的表单，可以在该表单中填写新角色的信息，之后，点击表单中的“确认”按钮，倘若添加成功则输出成功的提示，否则，输出添加失败的提示，添加角色功能流程如下图所示：图4-13添加角色流程图图4-14添加角色状态图（2）修改角色信息删除角色信息在每条角色信息最后面都有操作项，点击操作项中的“编辑”
39、按钮，则会弹出角色信息的表单，输入新的信息并点击“确认”按钮，如果修改成果，则输出修改成功的提示；反之，则输出修改失败的错误提示。修改用户功能流程如下图所示：图4-15修改角色流程图图4-16修改角色状态图（3）删除角色信息在操作项中，点击“删除”按钮，假设删除角色成功则输出成功删除的提示；假设删除失败则输出删除失败的提示。删除用户功能流程如下图所示：图4-17删除角色流程图图4-18删除角色状态图（4）查询角色信息在搜索框中填入查询条件，再点击搜索按钮，如若有符合的结果则在下面的列表中显示出来，如若没有符合的结果则输出“无搜索结果”的提示。查询角色功能流程如下图所示：图4-19查询角色流
41、管理系统日志信息，包括删除历史日志和查看日志详情等功能。日志管理子模块主要分为删除日志和查询日志的这几个功能。其模块结构如下图所示：图4-24日志管理子模块图（1）删除日志信息成功访问日志管理界面后，先是选择想要删去的日志信息，之后，点击“删除”按钮，若成功删除，则输出删除成功的提示；反之，输出错误提示。删除日志功能流程如下图所示：图4-25删除日志流程图图4-26删除日志状态图（2）查询日志信息进入日志管理页面中，找到并在搜索框中输入查询内容并点击“搜索”按钮，如果有结果，则输出并显示结果；反之，显示“无搜索结果”。查询日志功能流程如下图所示：图4-27查询日志流程图图4-28查询日志状
43、示；反之，输出添加失败的错误提示。添加商品功能流程如下图所示：图4-30添加商品流程图图4-31添加商品状态图（2）修改商品信息在操作项中，选择使用“编辑”按钮，则会弹出商品信息的表单，在该表单中，找到并重新填入修正的商品信息并点击确认按钮，如果修改成功，则输出修改成功的提示；反之，输出修改失败的错误提示。修改商品户功能流程如下图所示：图4-32修改商品流程图图4-33修改商品状态图（3）删除商品信息在各个商品信息的操作项中都有一个“删除”按钮，点击这个按钮。如果删除成功，页面输出删除成功的提示；反之，输出删除失败的错误信息。删除用户功能流程如下图所示：图4-34删除商品流程图图4-35删
44、除商品状态图（4）查询商品信息在搜索框中输入搜索内容并点击搜索按钮，如果有搜索结果，则显示商品信息；反之，显示“无搜索结果”的提示。查询商品功能流程如下图所示：图4-36查询商品流程图图4-37查询商品状态图4.3.2订单管理子模块订单管理子模块是用于对普通用户购买商品后所形成的订单信息进行管理。该模块主要包括新建订单、搜索订单、修正订单、删除订单等功能，订单状态是通过人为手动的设置普通用户已经付款或者商品已经发货并送到的状态。订单管理子模块结构如下图所示：图4-38订单管理子模块图（1）创建订单信息点击订单界面上面的“新增”按钮，在出现的表单中填写新的订单信息，之后，点击表单中的“确认
45、”按钮，若订单添加成功则出现成功添加的提示，相反，则界面上出现添加失败的提示。添加订单功能流程如下图所示：图4-39创建订单流程图图4-40创建订单状态图（2）删除订单信息在操作项中点击“删除”按钮，如果删除成功，页面输出删除成功的提示；反之，输出删除失败的错误信息。删除订单功能流程如下图所示：图4-41删除订单流程图图4-42删除订单状态图（3）查询订单信息在搜索框中输入搜索内容并点击搜索按钮，如果有搜索结果，则显示订单信息；反之，显示“无搜索结果”的提示。查询订单功能流程如下图所示：图4-43查询订单流程图图4-44查询订单状态图（4）修改订单信息在操作项中，采用“编辑”按钮，界面会
46、弹出本条目的订单信息表单，在该表单中，需要写入新的订单信息并点击确认按钮，若是修改成功，则显示修改成功的提示；反之，输出修改失败的错误提示。修改订单功能流程如下图所示：图4-45修改订单流程图图4-46修改订单状态图4.3.3宠物管理子模块宠物管理子模块是用于存储宠物信息并对这些数据信息进行操作和管理，该模块又拥有以下这几个功能，如：增添宠物、删除宠物、搜索宠物、修正宠物等功能，宠物管理子模块结构如下图所示：图4-47宠物管理子模块图（1）添加新宠物信息管理员在宠物管理页面中，使用“新增”按钮，将出现添加宠物的表单页面，往该页面中，填写宠物信息并点击确认按钮，假设添加成功，则显示添加成功的提
47、示；反之，输出添加失败的错误提示。添加宠物功能流程如下图所示：图4-48添加宠物流程图图4-49添加宠物户状态图（2）删除宠物信息在操作项中，点击“删除”按钮，如果删除成功，页面输出删除成功的提示；反之，输出删除失败的错误信息。删除宠物功能流程如下图所示：图4-50删除宠物流程图图4-51删除宠物状态图（3）查询宠物信息在搜索框中输入搜索内容并点击搜索按钮，如果有搜索结果，则显示宠物信息；反之，显示“无搜索结果”的提示。查询宠物功能流程如下图所示：图4-52查询宠物流程图图4-53查询宠物状态图（4）修改宠物信息在操作项中选用“编辑”按钮，将显示出来该条宠物信息的表单页面，在该页面中可以
48、填写新的宠物信息并点击确认按钮，如果修改成功，则输出修改成功的提示；如果修改失败，则输出修改失败的错误提示。修改宠物功能流程如下图所示：图4-54修改宠物流程图图4-55修改宠物状态图4.4领养记录管理模块设计宠物领养管理模块是保存用户领养了哪些宠物的记录数据，并对这些数据进行审查和处理，该模块功能具备一些基本的操作功能，如：添加领养记录、删除领养宠物记录、查询领养记录、修改领养记录等。宠物领养管理子模块结构如下图所示：图4-56宠物领养管理子模块图（1）添加领养记录管理员在领养管理页面中，点击“新增”按钮，将弹出添加领养记录的表单页面，在该页面填写领养记录并点击确认按钮，如果添加成功，则输
49、出添加成功的提示；反之，输出添加失败的错误提示。添加领养记录功能流程如下图所示：图4-57添加领养记录流程图图4-58添加领养记录状态图（2）删除领养宠物记录在操作项中点击“删除”按钮，如果删除成功，页面输出删除成功的提示；反之，输出删除失败的错误提示。删除领养记录功能流程如下图所示：图4-59删除领养记录流程图图4-60删除领养记录状态图（3）查询领养记录在搜索框中输入搜索内容并点击搜索按钮，如果有搜索结果，则显示领养记录信息；反之，显示“无搜索结果”的提示。查询领养记录功能流程如下图所示：图4-61查询领养记录流程图图4-62查询领养记录状态图（4）修改领养记录在操作项中点击“编辑”
50、按钮，将弹出该条领养记录信息的表单页面，在该页面中可以填写新的领养记录信息并点击确认按钮，如果修改成功，则输出修改成功的提示；反之，输出修改失败的错误提示。修改领养记录功能流程如下图所示：图4-63修改领养记录流程图图4-64修改领养记录状态图4.5公告管理模块设计有时候为了让用户看到一些比较新的商品信息或通知信息，因此，有了本模块管理，但本模块只设计了公告的系统后台操作，并没有设计前端让用户看见。本模块实现对公告信息进行管理，主要的包括：添加公告、删除公告、查询公告，修改公告等功能，公告子模块结构如下图所示：图4-65公告子模块结构图（1）添加公告信息管理员在公告管理页面中，运用“新增”按
51、钮，从而在本界面中，显示出添加公告的表单，在该表单内，撰写公告信息并点击确认按钮，若添加成功，则显示出添加成功的提示；反之，输出添加失败的错误提示。添加公告功能流程如下图所示：图4-66添加公告流程图图4-67添加公告状态图（2）删除公告信息在操作项中点击该条信息操作项的“删除”按钮，如果删除成功，页面输出删除成功的提示；反之，输出删除失败的错误信息。添加公告功能流程如下图所示：图4-68删除公告流程图图4-69删除公告状态图（3）查询公告信息进入公告管理页面后，往搜索框中输入需要查询的内容，再点击“搜索”按钮。如果有搜索结果，则显示公告信息；反之，显示“无搜索结果”的提示。查询公告功能流