摘 要
宠物领养系统作为一个社会关注的热点话题,吸引了越来越多人的关注和参与。本研究以Vue.js作为前端框架,设计并实现了一个基于Vue.js的宠物领养系统,包括首页、通知公告、宠物资讯、宠物领养和商城管理等功能模块。通过对宠物领养系统的设计与实现,结合Vue.js框架的优势,本文旨在提高用户体验、促进宠物领养行为、提供宠物相关资讯和商品购买服务,为宠物领养领域的发展和宠物保护事业的推进提供技术支持和创新方案。
随着人们对宠物保护和关爱的意识日益增强,宠物领养作为一种道德、环保的行为,受到了社会的广泛认同和支持。然而,传统的宠物领养方式存在信息不对称、手续繁琐等问题,亟需一个便捷、高效的宠物领养系统来促进宠物领养行为的发展。基于Vue.js的前端技术优势和响应式设计特点,本研究旨在设计并实现一个功能丰富、用户友好的宠物领养系统,为用户提供便捷的领养流程、全面的宠物资讯、安全的交易环境,以推动宠物领养事业的发展和宠物保护事业的进步。
关键词:SSM框架;宠物领养系统。
Abstract
The pet adoption system, as a hot topic of social concern, has attracted more and more people's attention and participation. This study uses Vue.js as the front-end framework to design and implement a pet adoption system based on Vue.js, including functional modules such as homepage, notification announcements, pet information, pet adoption, and mall management. Through the design and implementation of a pet adoption system, combined with the advantages of the Vue.js framework, this article aims to improve user experience, promote pet adoption behavior, provide pet related information and product purchase services, and provide technical support and innovative solutions for the development of pet adoption and the promotion of pet protection.
With the increasing awareness of pet protection and care among people, pet adoption as a moral and environmentally friendly behavior has been widely recognized and supported by society. However, traditional pet adoption methods face problems such as information asymmetry and cumbersome procedures, and there is an urgent need for a convenient and efficient pet adoption system to promote the development of pet adoption behavior. Based on the front-end technology advantages and responsive design characteristics of Vue.js, this study aims to design and implement a functional and user-friendly pet adoption system, providing users with a convenient adoption process, comprehensive pet information, and a secure transaction environment, in order to promote the development of pet adoption and the progress of pet protection.
Keywords: SSM framework; Pet adoption system.
目录
-
绪 论
随着社会经济的不断发展和人们生活水平的提高,宠物在现代社会扮演着越来越重要的角色,成为人们生活中不可或缺的一部分。然而,随之而来的是宠物遗弃和流浪现象的增加,给社会带来了一系列问题和挑战。为了解决这一问题,宠物领养作为一种可持续的方式被广泛提倡和倡导。宠物领养不仅可以减少流浪宠物数量,还可以给那些需要关爱的动物一个温暖的家。
然而,传统的宠物领养方式存在一些问题,如信息不对称、手续繁琐、效率低下等。因此,利用现代科技手段设计和实现一个基于Vue.js的宠物领养系统变得尤为重要。Vue.js作为一款流行的前端框架,具有响应式设计、快速渲染和组件化开发等优势,能够为宠物领养系统的设计和实现提供强大的支持和便利。通过结合Vue.js的技术特点,设计一个功能丰富、用户友好的宠物领养系统,可以提高宠物领养的效率和便捷性,促进宠物保护事业的发展和推广,为宠物和爱心人士搭建一个更加便捷、安全的领养平台。因此,本研究将着眼于基于Vue.js的宠物领养系统的设计与实现,旨在为宠物领养行为的推广和宠物保护事业的发展提供技术支持和创新解决方案。
当前,宠物领养系统作为一个热门话题受到了广泛关注,越来越多的研究者和开发者开始关注和探讨基于Vue.js的宠物领养系统的设计与实现。在研究现状方面,国内外已经涌现出一些相关的研究成果和实践案例:
宠物领养平台:一些国内外的宠物保护组织和志愿者团体已经开发了宠物领养平台,通过网站和APP提供宠物领养信息发布、在线预约等服务,为流浪动物提供了更多的领养机会和渠道。
基于Vue.js的系统开发:Vue.js作为一款流行的前端框架,在各类Web应用的开发中得到了广泛应用。一些研究者和开发者已经开始利用Vue.js技术开发各类系统,包括宠物领养系统,以提高系统的用户体验和交互效果。
宠物领养社区:一些宠物领养社区和平台已经建立起来,为宠物领养者和爱心人士提供了一个交流互动的平台,促进了宠物领养行为的普及和推广。
用户体验设计:关于Vue.js在用户体验设计方面的研究也逐渐增多,研究者探讨如何利用Vue.js框架的特性,提升系统的用户友好性和交互效果,为用户提供更好的使用体验。
综上所述,国内外关于基于Vue.js的宠物领养系统的研究现状表明,这一领域已经引起了广泛的关注和研究,各类宠物领养平台、社区和系统的出现为宠物领养事业的发展提供了更多的可能性和机会。基于Vue.js的宠物领养系统设计与实现将在这一研究热点中发挥重要作用,并为宠物领养行为的促进和宠物保护事业的推动贡献力量。
本研究旨在设计并实现基于Vue.js的宠物领养系统,通过结合Vue.js框架的优势,提高系统的用户体验和交互效果,促进宠物领养行为的便捷化和普及化。具体目的包括:优化宠物领养流程,提升用户体验;提供丰富的宠物资讯和领养信息;建立安全、便捷的宠物领养平台;促进宠物保护事业的发展和推广。
预期成果:
用户友好的界面设计:通过Vue.js框架实现响应式设计和动态交互效果,为用户提供友好、直观的界面,提升用户体验和使用便捷性。
丰富的宠物资讯和领养信息:提供全面、及时的宠物资讯和领养信息发布,使用户能够了解更多关于宠物领养的相关知识和流程。
便捷的领养流程:优化宠物领养流程,包括在线预约、信息审核、领养协议签署等环节,使用户能够快速、便捷地完成领养过程。
安全的交易环境:建立安全、可靠的交易环境,包括支付安全、信息保护等措施,保障用户信息和交易安全。
促进宠物保护事业的发展:通过宠物领养系统的设计与实现,促进宠物保护事业的发展和宠物领养行为的推广,为流浪动物找到更多的温暖家庭和关爱。
通过研究目的和预期成果的实现,基于Vue.js的宠物领养系统将为宠物领养行为的促进和宠物保护事业的发展提供有效的技术支持和创新解决方案,为宠物和关爱者之间架起一座桥梁,实现宠物领养的便捷化和社会化。
2.1 可行性分析
系统可行行分析是对系统对系统可行性进行一个探讨。在探讨系统的可行性上我们主要从技术上的可行性和经济上的可行性以及操作层面的可行性上进行分析,如果三个层面都通过,我们则认为系统是比较可行的。
2.1.1 技术可行性分析
基于Vue.js的宠物领养系统在技术实施方面具有较高的可行性和稳定性。Vue.js框架的响应式设计、动态交互效果、数据绑定、组件化开发等特点为系统的设计与实现提供了强大的支持。其活跃的社区和丰富的插件资源也为系统开发提供了便利。因此,基于Vue.js的宠物领养系统能够满足用户体验和功能需求,为宠物领养行为的便捷化和社会化提供可靠的技术支持和创新解决方案。
2.1.2 经济可行性分析
基于Vue.js的宠物领养系统在经济可行性方面具有潜在的可行性。系统的开发成本、运营维护成本和预期收益等因素需要全面考量,通过控制成本、提高效率和实现盈利模式,确保系统的经济可行性和商业化运营。同时,系统的社会效益和用户增长留存也将为系统的可持续发展和市场竞争力提供重要支持,为宠物领养事业的推广和宠物保护事业的促进做出贡献。
2.1.3 操作可行性分析
当下网络新时代,计算机已经得到了普及,多数人对计算机都比较的熟悉,知道如何使用它,当然也存在对计算机比较陌生的这一群体,也需要对其进行考虑。在进行宠物领养系统页面设计的时候,考虑到使用人群,可能也存在对计算机比较陌生的人,所以,在页面的设计方面,设计的很是简单、简洁,布局明了,色调明朗,让无论是对计算机陌生还是对计算机熟悉的使用者,都可以使用自如,这也说明了该程序的操作方面非常可行。
2.2系统用例分析
宠物领养系统的完整用例图分别是图2-1、2-2和2-3。在参与者上包括注册用户、和管理员。
普通用户用例图如下所示。

图2-1 普通用户用例图
卖家用户用例图如下所示。

图2-2 卖家用户用例图
管理员用例图如下所示。
图2-3 管理员用例图
2.3 非功能性需求分析
宠物领养系统的非功能性需求比如宠物领养系统的安全性怎么样,可靠性怎么样,性能怎么样,可拓展性怎么样等。具体可以表示在如下2-1表格中:
表2-1宠物领养系统非功能需求表
安全性 | 主要指宠物领养系统数据库的安装,数据库的使用和密码的设定必须合乎规范。 |
可靠性 | 可靠性是指宠物领养系统能够安装用户的指示进行操作,经过测试,可靠性90%以上。 |
性能 | 性能是影响宠物领养系统占据市场的必要条件,所以性能最好要佳才好。 |
可扩展性 | 比如数据库预留多个属性,比如接口的使用等确保了系统的非功能性需求。 |
易用性 | 用户只要跟着宠物领养系统的页面展示内容进行操作,就可以了。 |
可维护性 | 宠物领养系统开发的可维护性是非常重要的,经过测试,可维护性没有问题 |
2.4系统业务流程分析
用户通过系统注册账号,填写个人信息并进行验证。
注册成功后,用户可以使用账号和密码登录系统。
(2)浏览宠物信息流程:
用户登录后可以浏览系统中发布的宠物信息,包括种类、性别、年龄、健康状况等详细信息。
用户可以根据需求筛选和搜索符合条件的宠物信息。
(3)宠物领养流程:
用户选择心仪的宠物后,可以通过系统发起领养申请。
宠物领养申请将经过审核流程,包括对用户信息和领养条件的核实。
若审核通过,用户可以与领养中心或卖家协商领养手续并签署领养协议。
(4)通知公告发布流程:
管理员可以登录系统发布通知公告,包括宠物领养活动、救助求助信息等。
用户可以在系统首页或相关页面查看最新的通知公告。
(5)商城购物流程:
系统中设有宠物用品商城模块,用户可以浏览和购买宠物用品。
用户选择商品后加入购物车,填写收货信息,选择支付方式完成购买流程。
(6)商家管理流程:
商家登录系统后可以管理自己发布的宠物信息,包括上架、下架、编辑信息等。
商家也可以处理用户的领养申请,与用户协商领养事宜。
通过系统业务流程分析,可以清晰地了解用户、管理员和商家在系统中的操作流程和交互方式,确保系统的功能设计符合业务需求,提升用户体验和系统的运营效率。
层次框图是一系列由多层矩形框架组成的树,其顶部为矩形框架,表示整个数据结构,下方的长方形立方体表示独立的数据,下方的长方形表示该数据的实际数据(不能进行分割)。由于这个架构的精炼,层级方块图描述的资料结构也愈加详尽,这个模型很好地满足了需求分析的要求。首先对最上层的信息进行分类,然后在图表中的每个路径上重复地进行优化,直至完整的数据结构被确定。
这个系统由三个模块组成,一是普通用户,二是卖家,三是管理员,这三个部分看起来是独立的,实际上却是连接着数据库,每个模块都有自己的权限,唯一不同的,就是访问的方式不同。在调研资料的基础上,完成了各个模块的功能。在对上述功能进行分析的基础上,本系统提出了两个主要的模块,每个单元可划分为若干小单元。
系统的功能结构图如下图所示。

图4-2 系统功能结构图
宠物领养系统在前端设计采用多种技术交互使用达到界面简洁大方,使用Java作为系统的编译语言,对于之前的分析所产生的问题进行解决,功能模块设计后进行编码实现具体功能:
用户模块:
注册登录:用户可以注册账号并登录系统。
个人信息管理:用户可以编辑个人资料、查看订单记录等。
宠物浏览:用户可以浏览宠物信息、筛选、搜索等。
宠物领养:用户可以发起领养申请、查看领养进度等。
管理员模块:
登录管理:管理员登录系统后台。
宠物信息管理:管理员可以发布、编辑、删除宠物信息。
领养审核:管理员审核用户的领养申请。
通知公告发布:管理员发布系统通知和公告。
商家模块:
商家登录:商家登录系统后台。
宠物信息管理:商家可以发布、编辑、下架宠物信息。
订单处理:商家处理用户的领养申请。
销售统计:商家查看宠物销售统计数据。
通知公告模块:
公告发布:管理员发布系统公告、活动信息。
公告查看:用户可以在系统中查看最新的通知公告。
宠物资讯模块:
资讯发布:管理员发布宠物保护、护理等资讯。
资讯阅读:用户可以浏览系统中的宠物相关资讯。
商城管理模块:
商品展示:商家发布宠物用品信息。
购物车管理:用户可以将商品加入购物车、结算购买等。
订单管理:用户查看订单状态、订单详情等。
通过以上功能模块设计,系统可以实现用户、管理员和商家之间的信息交流和业务处理,为宠物领养系统的全面运营和管理提供了有效的支持和保障。
数据库设计一般包括需求分析、概念模型设计、数据库表建立三大过程,其中需求分析前面章节已经阐述,概念模型设计有概念模型和逻辑结构设计两部分。
在数据库概念模型设计的时候,一般都采用E-R实体图进行展示,在实体图中可以展示出数据库表中的所有字段名称。下面是整个基于Vue.js的宠物领养系统中主要的数据库表总E-R实体关系图。
总体ER关系图如下图所示。

图4-8 总体ER关系图
3.3.2数据库逻辑结构设计
所有系统的应用数据相互区分。一旦在相应的系统中实现,它们将与自己相应的网络和服务器通信。所以这个系统可以连接这些数据。当我们选择桥梁截面时,以下将简要介绍如何建立系统。在单击上一个按键的时候,就会自动在对话框中弹出数据源的名字,之后再单击下一个按键时,就在填写相对应的身份验证和登录信息。按照系统功能设计的特点与职能模块的分类,宠物领养系统的总体设计和实施过程一共涉及了几个资料表格。
以下就介绍了一些根据各类别主要数据库表的设计结构以及基本功能建立数据库表:
表access_token (登陆访问时长)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | token_id | int | 10 | 0 | N | Y | 临时访问牌ID | |
2 | token | varchar | 64 | 0 | Y | N | 临时访问牌 | |
3 | info | text | 65535 | 0 | Y | N | ||
4 | maxage | int | 10 | 0 | N | N | 2 | 最大寿命:默认2小时 |
5 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
6 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间: |
7 | user_id | int | 10 | 0 | N | N | 0 | 用户编号: |
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | address_id | int | 10 | 0 | N | Y | 收货地址: | |
2 | name | varchar | 32 | 0 | Y | N | 姓名: | |
3 | phone | varchar | 13 | 0 | Y | N | 手机: | |
4 | postcode | varchar | 8 | 0 | Y | N | 邮编: | |
5 | address | varchar | 255 | 0 | N | N | 地址: | |
6 | user_id | mediumint | 8 | 0 | N | N | 用户ID:[0,8388607]用户获取其他与用户相关的数据 | |
7 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
8 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间: |
9 | default | bit | 1 | 0 | N | N | 0 | 默认判断 |
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | article_id | mediumint | 8 | 0 | N | Y | 文章id:[0,8388607] | |
2 | title | varchar | 125 | 0 | N | Y | 标题:[0,125]用于文章和html的title标签中 | |
3 | type | varchar | 64 | 0 | N | N | 0 | 文章分类:[0,1000]用来搜索指定类型的文章 |
4 | hits | int | 10 | 0 | N | N | 0 | 点击数:[0,1000000000]访问这篇文章的人次 |
5 | praise_len | int | 10 | 0 | N | N | 0 | 点赞数 |
6 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
7 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间: |
8 | source | varchar | 255 | 0 | Y | N | 来源:[0,255]文章的出处 | |
9 | url | varchar | 255 | 0 | Y | N | 来源地址:[0,255]用于跳转到发布该文章的网站 | |
10 | tag | varchar | 255 | 0 | Y | N | 标签:[0,255]用于标注文章所属相关内容,多个标签用空格隔开 | |
11 | content | longtext | 2147483647 | 0 | Y | N | 正文:文章的主体内容 | |
12 | img | varchar | 255 | 0 | Y | N | 封面图 | |
13 | description | text | 65535 | 0 | Y | N | 文章描述 |
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | type_id | smallint | 5 | 0 | N | Y | 分类ID:[0,10000] | |
2 | display | smallint | 5 | 0 | N | N | 100 | 显示顺序:[0,1000]决定分类显示的先后顺序 |
3 | name | varchar | 16 | 0 | N | N | 分类名称:[2,16] | |
4 | father_id | smallint | 5 | 0 | N | N | 0 | 上级分类ID:[0,32767] |
5 | description | varchar | 255 | 0 | Y | N | 描述:[0,255]描述该分类的作用 | |
6 | icon | text | 65535 | 0 | Y | N | 分类图标: | |
7 | url | varchar | 255 | 0 | Y | N | 外链地址:[0,255]如果该分类是跳转到其他网站的情况下,就在该URL上设置 | |
8 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
9 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间: |
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | auth_id | int | 10 | 0 | N | Y | 授权ID: | |
2 | user_group | varchar | 64 | 0 | Y | N | 用户组: | |
3 | mod_name | varchar | 64 | 0 | Y | N | 模块名: | |
4 | table_name | varchar | 64 | 0 | Y | N | 表名: | |
5 | page_title | varchar | 255 | 0 | Y | N | 页面标题: | |
6 | path | varchar | 255 | 0 | Y | N | 路由路径: | |
7 | position | varchar | 32 | 0 | Y | N | 位置: | |
8 | mode | varchar | 32 | 0 | N | N | _blank | 跳转方式: |
9 | add | tinyint | 3 | 0 | N | N | 1 | 是否可增加: |
10 | del | tinyint | 3 | 0 | N | N | 1 | 是否可删除: |
11 | set | tinyint | 3 | 0 | N | N | 1 | 是否可修改: |
12 | get | tinyint | 3 | 0 | N | N | 1 | 是否可查看: |
13 | field_add | text | 65535 | 0 | Y | N | 添加字段: | |
14 | field_set | text | 65535 | 0 | Y | N | 修改字段: | |
15 | field_get | text | 65535 | 0 | Y | N | 查询字段: | |
16 | table_nav_name | varchar | 500 | 0 | Y | N | 跨表导航名称: | |
17 | table_nav | varchar | 500 | 0 | Y | N | 跨表导航: | |
18 | option | text | 65535 | 0 | Y | N | 配置: | |
19 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
20 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间: |
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | cart_id | int | 10 | 0 | N | Y | 购物车ID: | |
2 | title | varchar | 64 | 0 | Y | N | 标题: | |
3 | img | varchar | 255 | 0 | N | N | 0 | 图片: |
4 | user_id | int | 10 | 0 | N | N | 0 | 用户ID: |
5 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
6 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间: |
7 | state | int | 10 | 0 | N | N | 0 | 状态:使用中,已失效 |
8 | price | double | 9 | 2 | N | N | 0.00 | 单价: |
9 | price_ago | double | 9 | 2 | N | N | 0.00 | 原价: |
10 | price_count | double | 11 | 2 | N | N | 0.00 | 总价: |
11 | num | int | 10 | 0 | N | N | 1 | 数量: |
12 | goods_id | mediumint | 8 | 0 | N | N | 商品id:[0,8388607] | |
13 | type | varchar | 64 | 0 | N | N | 未分类 | 商品分类: |
14 | description | varchar | 255 | 0 | Y | N | 描述:[0,255]用于产品规格描述 |
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | collect_id | int | 10 | 0 | N | Y | 收藏ID: | |
2 | user_id | int | 10 | 0 | N | N | 0 | 收藏人ID: |
3 | source_table | varchar | 255 | 0 | Y | N | 来源表: | |
4 | source_field | varchar | 255 | 0 | Y | N | 来源字段: | |
5 | source_id | int | 10 | 0 | N | N | 0 | 来源ID: |
6 | title | varchar | 255 | 0 | Y | N | 标题: | |
7 | img | varchar | 255 | 0 | Y | N | 封面: | |
8 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
9 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间: |
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | comment_id | int | 10 | 0 | N | Y | 评论ID: | |
2 | user_id | int | 10 | 0 | N | N | 0 | 评论人ID: |
3 | reply_to_id | int | 10 | 0 | N | N | 0 | 回复评论ID:空为0 |
4 | content | longtext | 2147483647 | 0 | Y | N | 内容: | |
5 | nickname | varchar | 255 | 0 | Y | N | 昵称: | |
6 | avatar | varchar | 255 | 0 | Y | N | 头像地址:[0,255] | |
7 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
8 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间: |
9 | source_table | varchar | 255 | 0 | Y | N | 来源表: | |
10 | source_field | varchar | 255 | 0 | Y | N | 来源字段: | |
11 | source_id | int | 10 | 0 | N | N | 0 | 来源ID: |
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | goods_id | mediumint | 8 | 0 | N | Y | 产品id:[0,8388607] | |
2 | title | varchar | 125 | 0 | Y | N | 标题:[0,125]用于产品和html的<title>标签中 | |
3 | img | text | 65535 | 0 | Y | N | 封面图:用于显示于产品列表页 | |
4 | description | varchar | 255 | 0 | Y | N | 描述:[0,255]用于产品规格描述 | |
5 | price_ago | double | 8 | 2 | N | N | 0.00 | 原价:[1] |
6 | price | double | 8 | 2 | N | N | 0.00 | 卖价:[1] |
7 | sales | int | 10 | 0 | N | N | 0 | 销量:[0,1000000000] |
8 | inventory | int | 10 | 0 | N | N | 0 | 商品库存 |
9 | type | varchar | 64 | 0 | N | N | 商品分类: | |
10 | hits | int | 10 | 0 | N | N | 0 | 点击量:[0,1000000000]访问这篇产品的人次 |
11 | content | longtext | 2147483647 | 0 | Y | N | 正文:产品的主体内容 | |
12 | img_1 | text | 65535 | 0 | Y | N | 主图1: | |
13 | img_2 | text | 65535 | 0 | Y | N | 主图2: | |
14 | img_3 | text | 65535 | 0 | Y | N | 主图3: | |
15 | img_4 | text | 65535 | 0 | Y | N | 主图4: | |
16 | img_5 | text | 65535 | 0 | Y | N | 主图5: | |
17 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
18 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间: |
19 | customize_field | text | 65535 | 0 | Y | N | 自定义字段 | |
20 | source_table | varchar | 255 | 0 | Y | N | 来源表: | |
21 | source_field | varchar | 255 | 0 | Y | N | 来源字段: | |
22 | source_id | int | 10 | 0 | N | N | 0 | 来源ID: |
23 | user_id | int | 10 | 0 | Y | N | 0 | 添加人 |
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | type_id | int | 10 | 0 | N | Y | 商品分类ID: | |
2 | father_id | smallint | 5 | 0 | N | N | 0 | 上级分类ID:[0,32767] |
3 | name | varchar | 255 | 0 | Y | N | 商品名称: | |
4 | desc | varchar | 255 | 0 | Y | N | 描述: | |
5 | icon | varchar | 255 | 0 | Y | N | 图标: | |
6 | source_table | varchar | 255 | 0 | Y | N | 来源表: | |
7 | source_field | varchar | 255 | 0 | Y | N | 来源字段: | |
8 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
9 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间: |
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | hits_id | int | 10 | 0 | N | Y | 点赞ID: | |
2 | user_id | int | 10 | 0 | N | N | 0 | 点赞人: |
3 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
4 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间: |
5 | source_table | varchar | 255 | 0 | Y | N | 来源表: | |
6 | source_field | varchar | 255 | 0 | Y | N | 来源字段: | |
7 | source_id | int | 10 | 0 | N | N | 0 | 来源ID: |
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | logistics_delivery_id | int | 10 | 0 | N | Y | 物流配送ID | |
2 | order_number | varchar | 64 | 0 | Y | N | 订单号 | |
3 | product_name | varchar | 64 | 0 | Y | N | 商品名称 | |
4 | purchase_quantity | varchar | 64 | 0 | Y | N | 购买数量 | |
5 | total_transaction_amount | double | 11 | 2 | Y | N | 0.00 | 交易总额 |
6 | the_date_of_issuance | date | 10 | 0 | Y | N | 发货日期 | |
7 | delivery_number | varchar | 30 | 0 | Y | N | 配送订单 | |
8 | ordinary_users | int | 10 | 0 | Y | N | 0 | 普通用户 |
9 | shipping_address | varchar | 64 | 0 | Y | N | 收货地址 | |
10 | delivery_status | varchar | 64 | 0 | Y | N | 配送状态 | |
11 | signing_status | varchar | 64 | 0 | Y | N | 签收状态 | |
12 | recommend | int | 10 | 0 | N | N | 0 | 智能推荐 |
13 | contact_name | varchar | 255 | 0 | Y | N | 联系人名字 | |
14 | merchant_id | int | 10 | 0 | Y | N | 商家id | |
15 | create_time | datetime | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间 |
16 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间 |
表loss_reporting_information (挂失信息)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | loss_reporting_information_id | int | 10 | 0 | N | Y | 挂失信息ID | |
2 | regular_users | int | 10 | 0 | Y | N | 0 | 普通用户 |
3 | user_name | varchar | 64 | 0 | Y | N | 用户姓名 | |
4 | reporting_lost_time | date | 10 | 0 | Y | N | 挂失时间 | |
5 | reported_lost_location | varchar | 64 | 0 | Y | N | 挂失地点 | |
6 | details_of_loss_reporting | text | 65535 | 0 | Y | N | 挂失详情 | |
7 | examine_state | varchar | 16 | 0 | N | N | 未审核 | 审核状态 |
8 | examine_reply | varchar | 16 | 0 | Y | N | 审核回复 | |
9 | create_time | datetime | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间 |
10 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间 |
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | notice_id | mediumint | 8 | 0 | N | Y | 公告id: | |
2 | title | varchar | 125 | 0 | N | N | 标题: | |
3 | content | longtext | 2147483647 | 0 | Y | N | 正文: | |
4 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
5 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间: |
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | order_id | int | 10 | 0 | N | Y | 订单ID: | |
2 | order_number | varchar | 64 | 0 | Y | N | 订单号: | |
3 | goods_id | mediumint | 8 | 0 | N | N | 商品id:[0,8388607] | |
4 | title | varchar | 32 | 0 | Y | N | 商品标题: | |
5 | img | varchar | 255 | 0 | Y | N | 商品图片: | |
6 | price | double | 10 | 2 | N | N | 0.00 | 价格: |
7 | price_ago | double | 10 | 2 | N | N | 0.00 | 原价: |
8 | num | int | 10 | 0 | N | N | 1 | 数量: |
9 | price_count | double | 8 | 2 | N | N | 0.00 | 总价: |
10 | norms | varchar | 255 | 0 | Y | N | 规格: | |
11 | type | varchar | 64 | 0 | N | N | 未分类 | 商品分类: |
12 | contact_name | varchar | 32 | 0 | Y | N | 联系人姓名: | |
13 | contact_email | varchar | 125 | 0 | Y | N | 联系人邮箱: | |
14 | contact_phone | varchar | 11 | 0 | Y | N | 联系人手机: | |
15 | contact_address | varchar | 255 | 0 | Y | N | 收件地址: | |
16 | postal_code | varchar | 9 | 0 | Y | N | 邮政编码: | |
17 | user_id | int | 10 | 0 | N | N | 0 | 买家ID: |
18 | merchant_id | mediumint | 8 | 0 | N | N | 0 | 商家ID: |
19 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
20 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间: |
21 | description | varchar | 255 | 0 | Y | N | 描述:[0,255]用于产品规格描述 | |
22 | state | varchar | 16 | 0 | N | N | 待付款 | 订单状态:待付款,待发货,待签收,已签收,待退款,已退款,已拒绝,已完成 |
23 | remark | text | 65535 | 0 | Y | N | 订单备注 | |
24 | delivery_state | varchar | 16 | 0 | Y | N | 未配送 | 发货状态:未配送,已配送 |
25 | vip_discount | double | 11 | 2 | Y | N | 0.00 | 折扣 |
表pet_adoption (宠物领养)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | pet_adoption_id | int | 10 | 0 | N | Y | 宠物领养ID | |
2 | seller | int | 10 | 0 | Y | N | 0 | 卖家 |
3 | sellers_store | varchar | 64 | 0 | Y | N | 卖家店铺 | |
4 | seller_address | varchar | 64 | 0 | Y | N | 卖家地址 | |
5 | sellers_phone_number | varchar | 64 | 0 | Y | N | 卖家电话 | |
6 | adoption_notice | varchar | 64 | 0 | Y | N | 领养须知 | |
7 | hits | int | 10 | 0 | N | N | 0 | 点击数 |
8 | praise_len | int | 10 | 0 | N | N | 0 | 点赞数 |
9 | cart_title | varchar | 125 | 0 | Y | N | 标题:[0,125]用于产品html的标签中 | |
10 | cart_img | text | 65535 | 0 | Y | N | 封面图:用于显示于产品列表页 | |
11 | cart_description | varchar | 255 | 0 | Y | N | 描述:[0,255]用于产品规格描述 | |
12 | cart_price_ago | double | 8 | 2 | N | N | 0.00 | 原价:[1] |
13 | cart_price | double | 8 | 2 | N | N | 0.00 | 卖价:[1] |
14 | cart_inventory | int | 10 | 0 | N | N | 0 | 商品库存 |
15 | cart_type | varchar | 64 | 0 | N | N | 未分类 | 商品分类: |
16 | cart_content | longtext | 2147483647 | 0 | Y | N | 正文:产品的主体内容 | |
17 | cart_img_1 | text | 65535 | 0 | Y | N | 主图1: | |
18 | cart_img_2 | text | 65535 | 0 | Y | N | 主图2: | |
19 | cart_img_3 | text | 65535 | 0 | Y | N | 主图3: | |
20 | cart_img_4 | text | 65535 | 0 | Y | N | 主图4: | |
21 | cart_img_5 | text | 65535 | 0 | Y | N | 主图5: | |
22 | create_time | datetime | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间 |
23 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间 |
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | praise_id | int | 10 | 0 | N | Y | 点赞ID: | |
2 | user_id | int | 10 | 0 | N | N | 0 | 点赞人: |
3 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
4 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间: |
5 | source_table | varchar | 255 | 0 | Y | N | 来源表: | |
6 | source_field | varchar | 255 | 0 | Y | N | 来源字段: | |
7 | source_id | int | 10 | 0 | N | N | 0 | 来源ID: |
8 | status | bit | 1 | 0 | N | N | 1 | 点赞状态:1为点赞,0已取消 |
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | regular_users_id | int | 10 | 0 | N | Y | 普通用户ID | |
2 | user_name | varchar | 64 | 0 | Y | N | 用户姓名 | |
3 | user_gender | varchar | 64 | 0 | Y | N | 用户性别 | |
4 | contact_phone_number | varchar | 16 | 0 | Y | N | 联系电话 | |
5 | examine_state | varchar | 16 | 0 | N | N | 已通过 | 审核状态 |
6 | user_id | int | 10 | 0 | N | N | 0 | 用户ID |
7 | create_time | datetime | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间 |
8 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间 |
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | seller_id | int | 10 | 0 | N | Y | 卖家ID | |
2 | sellers_store | varchar | 64 | 0 | Y | N | 卖家店铺 | |
3 | seller_address | varchar | 64 | 0 | Y | N | 卖家地址 | |
4 | sellers_phone_number | varchar | 64 | 0 | Y | N | 卖家电话 | |
5 | examine_state | varchar | 16 | 0 | N | N | 已通过 | 审核状态 |
6 | user_id | int | 10 | 0 | N | N | 0 | 用户ID |
7 | create_time | datetime | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间 |
8 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间 |
表slides (轮播图)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | slides_id | int | 10 | 0 | N | Y | 轮播图ID: | |
2 | title | varchar | 64 | 0 | Y | N | 标题: | |
3 | content | varchar | 255 | 0 | Y | N | 内容: | |
4 | url | varchar | 255 | 0 | Y | N | 链接: | |
5 | img | varchar | 255 | 0 | Y | N | 轮播图: | |
6 | hits | int | 10 | 0 | N | N | 0 | 点击量: |
7 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
8 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间: |
表upload (文件上传)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | upload_id | int | 10 | 0 | N | Y | 上传ID | |
2 | name | varchar | 64 | 0 | Y | N | 文件名 | |
3 | path | varchar | 255 | 0 | Y | N | 访问路径 | |
4 | file | varchar | 255 | 0 | Y | N | 文件路径 | |
5 | display | varchar | 255 | 0 | Y | N | 显示顺序 | |
6 | father_id | int | 10 | 0 | Y | N | 0 | 父级ID |
7 | dir | varchar | 255 | 0 | Y | N | 文件夹 | |
8 | type | varchar | 32 | 0 | Y | N | 文件类型 |
表user (用户账户:用于保存用户登录信息)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | user_id | mediumint | 8 | 0 | N | Y | 用户ID:[0,8388607]用户获取其他与用户相关的数据 | |
2 | state | smallint | 5 | 0 | N | N | 1 | 账户状态:[0,10](1可用|2异常|3已冻结|4已注销) |
3 | user_group | varchar | 32 | 0 | Y | N | 所在用户组:[0,32767]决定用户身份和权限 | |
4 | login_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 上次登录时间: |
5 | phone | varchar | 11 | 0 | Y | N | 手机号码:[0,11]用户的手机号码,用于找回密码时或登录时 | |
6 | phone_state | smallint | 5 | 0 | N | N | 0 | 手机认证:[0,1](0未认证|1审核中|2已认证) |
7 | username | varchar | 16 | 0 | N | N | 用户名:[0,16]用户登录时所用的账户名称 | |
8 | nickname | varchar | 16 | 0 | Y | N | 昵称:[0,16] | |
9 | password | varchar | 64 | 0 | N | N | 密码:[0,32]用户登录所需的密码,由6-16位数字或英文组成 | |
10 | | varchar | 64 | 0 | Y | N | 邮箱:[0,64]用户的邮箱,用于找回密码时或登录时 | |
11 | email_state | smallint | 5 | 0 | N | N | 0 | 邮箱认证:[0,1](0未认证|1审核中|2已认证) |
12 | avatar | varchar | 255 | 0 | Y | N | 头像地址:[0,255] | |
13 | open_id | varchar | 255 | 0 | Y | N | 针对获取用户信息字段 | |
14 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
15 | vip_level | varchar | 255 | 0 | Y | N | 会员等级 | |
16 | vip_discount | double | 11 | 2 | Y | N | 0.00 | 会员折扣 |
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | group_id | mediumint | 8 | 0 | N | Y | 用户组ID:[0,8388607] | |
2 | display | smallint | 5 | 0 | N | N | 100 | 显示顺序:[0,1000] |
3 | name | varchar | 16 | 0 | N | N | 名称:[0,16] | |
4 | description | varchar | 255 | 0 | Y | N | 描述:[0,255]描述该用户组的特点或权限范围 | |
5 | source_table | varchar | 255 | 0 | Y | N | 来源表: | |
6 | source_field | varchar | 255 | 0 | Y | N | 来源字段: | |
7 | source_id | int | 10 | 0 | N | N | 0 | 来源ID: |
8 | register | smallint | 5 | 0 | Y | N | 0 | 注册位置: |
9 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
10 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间: |
3.4本章小结
整个基于Vue.js的宠物领养系统的需求分析主要对系统总体架构以及功能模块的设计,通过建立E-R模型和数据库逻辑系统设计完成了数据库系统设计。
基于Vue.js的宠物领养系统的详细设计与实现主要是根据前面的NodeJS农产品在线交易平台的需求分析和NodeJS农产品在线交易平台的总体设计来设计页面并实现业务逻辑。主要从NodeJS农产品在线交易平台界面实现、业务逻辑实现这两部分进行介绍。
4.1前台功能模块
4.1.1前台首页界面
用户进入系统后可以查看系统的信息,包含了系统平台的标题、导航栏、轮播图、公告、宠物资讯等,其主界面展示如下图4-1所示。

图4-1 前台首页界面图
4.2普通用户功能模块
4.2.1用户注册界面
普通用户注册并登录系统,可对个人信息进行增删改查,比如个人资料、头像和密码修改。注册界面展示如下图4-2所示。

图4-2 用户注册界面
关键代码如下:
@Slf4j
public class LoginInterceptor implements HandlerInterceptor {
private String tokenName = "x-auth-token";
@Override
public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {
String token = request.getHeader(this.tokenName);
setHeader(request, response);
log.info("[请求接口] - {} , [请求类型] - {}",request.getRequestURL().toString(),request.getMethod());
private void setHeader(HttpServletRequest request, HttpServletResponse response) {
response.setHeader("Access-control-Allow-Origin", request.getHeader("Origin"));
response.setHeader("Access-Control-Allow-Methods", "GET, HEAD, POST, PUT, DELETE, TRACE, OPTIONS, PATCH");
4.2.2用户登录界面
用户注册登录后可查看首页信息,包括:首页、公告、宠物资讯、宠物信息、宠物健康、寄养服务。登录界面如下图4-3所示。

图4-3 用户登录界面
关键代码如下:
public Map<String, Object> login(@RequestBody Map<String, String> data, HttpServletRequest httpServletRequest) {
log.info("[执行登录接口]");
String username = data.get("username");
String email = data.get("email");
String phone = data.get("phone");
String password = data.get("password");
List resultList = null;
QueryWrapper wrapper = new QueryWrapper<User>();
Map<String, String> map = new HashMap<>();
4.2.3宠物资讯界面
普通用户点击宠物资讯可通过关键词搜索查看宠物信息列表,查看详情,可点赞、收藏、评论。其界面如下图4-4所示。

图4-4宠物资讯界面
4.2.4宠物领养界面
普通用户进入宠物领养列表,可通过关键词搜索,点击详情可加入我的购物车或立即购买;并可进行点赞、收藏。其界面如下图4-5所示。

图4-5 宠物领养界面
4.2.5个人中心界面
普通用户进入我的账户--个人中心--个人首页,其界面如下图4-6所示。

图4-6 个人中心界面图
关键代码如下:
public String encryption(String plainText) {
String re_md5 = new String();
try {
MessageDigest md = MessageDigest.getInstance("MD5");
md.update(plainText.getBytes());
byte b[] = md.digest();
int i;
StringBuffer buf = new StringBuffer("");
for (int offset = 0; offset < b.length; offset++) {
i = b[offset];
if (i < 0)
4.3卖家用户功能模块
4.3.1卖家后台首页界面
卖家用户进入后台首页,可查看商品销售金额统计和商品销售数量统计。其界面如下图4-7所示。

图4-7卖家后台首页界面图
4.3.2卖家商城管理界面
卖家用户进入商城管理界面。其界面如下图4-8所示。

图4-8 卖家商城管理界面图
关键代码如下:
private void setHeader(HttpServletRequest request, HttpServletResponse response) {
response.setHeader("Access-control-Allow-Origin", request.getHeader("Origin"));
response.setHeader("Access-Control-Allow-Methods", "GET, HEAD, POST, PUT, DELETE, TRACE, OPTIONS, PATCH");
response.setHeader("Access-Control-Allow-Credentials", "true");
response.setHeader("Access-Control-Allow-Headers", request.getHeader("Access-Control-Request-Headers"));
response.setHeader("Access-Control-Max-Age", "1800");
response.setHeader("Content-Type", "application/json;charset=UTF-8");
response.setStatus(HttpStatus.OK.value());
4.3.3订单配送界面
卖家用户进入订单配送界面,可对其进行管控。其界面如下图4-9所示。

图4-9 订单配送界面图
4.4管理员功能模块
4.4.1系统用户管理界面
管理员可对普通用户、卖家和管理员进行管控,包括进行增删改查操作,点击可查看详细信息,界面如下图4-10所示。

图4-10系统用户管理界面图
关键代码如下:
<sql id="selectAccessTokenVo">
select token_id, token, maxage, create_time, update_time, user_id from access_token
</sql>
<select id="selectAccessTokenList" parameterType="com.project.demo.entity.AccessToken" resultMap="AccessTokenResult">
<include refid="selectAccessTokenVo"/>
<where>
<if test="token != null and token != ''"> and token = #{token}</if>
<if test="maxage != null "> and maxage = #{maxage}</if>
<if test="userId != null "> and user_id = #{userId}</if>
</where>
4.4.2挂失信息管理界面
管理员可对挂失信息列表进行编辑、增删改查等操作;以便用户可以了解更多的挂失信息。其界面如下图4-11所示。

图4-11 挂失信息管理界面图
4.4.3系统管理界面
系统管理:当管理员点击“系统管理”时,可查看轮播图; 如需添加新的轮播图,点击右侧“添加”按钮,上传图片,输入标题,点击“确认”按钮进行添加;同时可对轮播图进行增删改查。界面如下图4-12所示。

图4-12 系统管理界面图
关键代码:
User byUsername = (User) resultList.get(0);
Map<String, String> groupMap = new HashMap<>();
groupMap.put("name",byUsername.getUserGroup());
List groupList = userGroupService.selectBaseList(userGroupService.select(groupMap, new HashMap<>()));
if (groupList.size()<1){
return error(30000,"用户组不存在");
}
UserGroup userGroup = (UserGroup) groupList.get(0);
//查询用户审核状态
if (!StringUtils.isEmpty(userGroup.getSourceTable())){
String res = service.selectExamineState(userGroup.getSourceTable(),byUsername.getUserId());
if (res==null){
4.4.4资源管理界面
管理员点击资源管理这一菜单,可对宠物资讯和资讯分类进行增删改查等操作。其界面如下图4-13所示。

图4-13 资源管理界面图
4.4.5商城管理界面
管理员点击商城管理这一菜单,可对宠物领养、分类列表、订单列表和订单配送这四个子菜单进行管理。其界面如下图4-14所示。

图4-14商城管理界面图
关键代码如下:
useGeneratedKeys="true" keyProperty="tokenId">
insert into access_token
<trim prefix="(" suffix=")" suffixOverrides=",">
<if test="token != null and token != ''">token,</if>
<if test="maxage != null ">maxage,</if>
<if test="createTime != null ">create_time,</if>
<if test="updateTime != null ">update_time,</if>
系统测试的目的是尽可能多的检查出系统出现的bug,因为系统是人做出来的,肯定存在由于算法等各种原因造成问题,错误暴露得越早越好,如果能在系统上线之前就能找到这些bug肯定是最好不过了的,所以需要对系统进行测试。本文主要就是对系统进行了兼容性的测试,还有就是使用了典型测试用例进行测试。
评论测试用例如下表所示。
表6-1 评论测试用例
测试用例编号 | YL_03 | |
测试用例名称 | 系统使用者进行在线交流 | |
测试用例描述 | 使用者输入交流标题、内容等信息 | |
系统入口 | 浏览器 | |
步骤 | 预期结果 | 实际结果 |
输入完整的评论标题和内容 | 提示“评论成功”,并进入系统 | 预期结果 |
不输入的评论标题和内容 | 提示“请输入完整” | 预期结果 |
在系统中,创建功能也是基础功能之一,因此创建功能的测试很有代表性。在此章节主要列举在创建时各种情况下系统结果的测试。由于系统涉及创建功能操作过多,因此将多处统称创建功能。
创建数据用例如下表所示。
表6-2 创建数据测试用例
测试用例编号 | YL_05 | |
测试用例名称 | 系统使用者进行创建数据 | |
测试用例描述 | 使用者输入要创建的数据 | |
系统入口 | 浏览器 | |
步骤 | 预期结果 | 实际结果 |
输入完整并且格式正确的数据 | 提示“创建成功”,并显示所有数据 | 预期结果 |
核心位置数据但非必要位置不输入数据 | 提示“创建成功”,并显示所有数据 | 预期结果 |
核心数据位置不输入数据 | 提示“创建失败” | 预期结果 |
-
-
- 修改数据测试
-
在系统中,修改功能是系统主要实现功能,因此修改功能的测试很有代表性。在此章节主要列举在修改时各种情况下系统结果的测试。由于系统涉及修改功能操作过多,因此将多处数据表记录修改和状态修改统称修改功能。
修改数据用例如下表所示。
表6-3 修改数据测试用例
测试用例编号 | YL_06 | |
测试用例名称 | 系统使用者进行修改数据 | |
测试用例描述 | 使用者对可修改的数据项进行修改 | |
系统入口 | 浏览器 | |
步骤 | 预期结果 | 实际结果 |
将现有数据修改成正确的数据 | 提示“修改成功”,并显示所有数据 | 预期结果 |
将现有数据修改成错误的数据 | 提示“修改失败” | 预期结果 |
-
-
- 查询数据测试
-
在系统中,查询功能是使用系统使用最多也是最基础的功能,因此查询功能的测试很有代表性。在此章节主要列举在查询时各种情况下系统结果的测试。
查询数据用例如下表所示。
表6-4 查询数据测试用例
测试用例编号 | YL_05 | |
测试用例名称 | 系统使用者进行查询数据 | |
测试用例描述 | 全部查询以及输入关键词查询 | |
系统入口 | 浏览器 | |
步骤 | 预期结果 | 实际结果 |
界面自动查询全部 | 显示对应所有记录 | 预期结果 |
输入已存在且能匹配成功的关键字 | 显示所查询到的数据 | 预期结果 |
输入不存在的关键字 | 显示数据界面为空 | 预期结果 |
在本次测试的过程主要针对所有功能下的添加操作,修改操作和删除操作,并以真实数据一一进行相关功能项目的输入,最终能够保证每个项目涉及的功能都能够正常运行,因此能够保证本次设计的,已实现的功能能够正常运行并且相关数据库的信息也同样保证正确。
结 论
在当今社会,宠物领养已经成为越来越多人选择的方式,然而传统的宠物领养方式存在诸多问题,如信息不对称、手续繁琐等,这促使了基于数字化技术的宠物领养系统的开发。本研究基于Vue.js的宠物领养系统设计与实现,包括首页、通知公告、宠物资讯、宠物领养、宠商城管理等功能模块,旨在提供一个便捷、高效的宠物领养平台,为宠物领养者和领养机构搭建一个全面的服务平台。
通过功能模块的设计与实现,该宠物领养系统为注册用户、管理员和宠物商家提供了丰富的功能,实现了信息展示、交易流程和健康管理的一体化服务。注册用户可以浏览宠物资讯、下单购买;管理员可以管理公告、宠物信息和订单记录;宠物商家可以发布宠物、管理库存和处理订单。这些功能的有效整合和协同运作,不仅提高了平台的运营效率,也为用户提供了更便捷的交易体验,促进了宠物市场的数字化转型和现代化发展。
在未来的发展中,宠物领养系统将继续优化用户体验、加强数据安全和扩展服务功能,提升平台的竞争力和可持续发展能力。同时,结合宠物市场的需求和发展趋势,不断创新和完善平台功能,拓展业务范围,为宠物产业的繁荣和宠物领养者的便利提供持续支持。基于Vue.js的宠物领养系统的研究与开发将为宠物市场的数字化转型和现代化发展带来新的活力,推动宠物产业的健康发展,为宠物和宠物领养者带来更加美好的未来。
参考文献
- 林馨,史彩丽,陈婧等.宠物经济发展催生市场新需求[J].现代畜牧科技,2024,(03):126-128.
- [2]韩肖.宠物消费市场调查[N].经济日报,2024-03-19(009).
[3]Hinz C ,Jahnke S ,Metzner R , et al.Setup and characterisation according to NEMA NU 4 of thephenoPET scanner, a PET system dedicated for plant sciences.[J].Physics in medicine and biology,2024,69(5):
[4]Maronnier Q ,Robaine N ,Chaltiel L , et al.Insertion of synthetic lesions on patient data: a method for evaluating clinical performance differences between PET systems.[J].EJNMMI physics,2024,11(1):9-9.
[5]艾钰承,朱海风,刘舟.基于SpringBoot的“喵站”宠物服务平台的设计与实现[J].科技资讯,2023,21(22):22-25.
[6]何泫臻,范志聪,李孜等.宠物健康智能监测发展现状[J].广东饲料,2023,32(10):8-14.
[7]肖新凤.基于FISCO BCOS宠物管理系统设计与实现[J].信息与电脑(理论版),2023,35(16):133-135.
[8]万涛,吴杰,葛晶晶等.智能宠物管家系统的设计[J].现代电子技术,2023,46(16):155-159.
[9]庞嵩昊,李盈,赵艺等.基于Vue和SpringBoot前后端分离的宠物服务系统的设计与实现[J].电脑知识与技术,2023,19(21):42-45.
[10]费天乐,刘君.宠物领养一站式服务平台可行性及运行模式研究[J].国际公关,2023,(12):170-172
[11]贾润梅.宠物寄养服务应逐渐标准化规范化[N].中国质量报,2023-05-23(008).
[12]孙蔚.宠物寄养成为主流选择[N].中国消费者报,2023-05-15(003).
[13]王莹莹.共享经济下的社区宠物寄养服务及产品设计研究[D].华东师范大学,2023.
[14]杨景,吴晓盼,甘恩硕.以深度学习为导向的智能宠物物联系统[J].福建电脑,2023,39(03):98-100.
[15]平欣,宋育斌,孔维宾等.基于GPS与微信小程序的智能宠物管理系统设计[J].软件导刊,2023,22(02):121-126.
[16]包春兰,喻曦.基于数字化的宠物寄养服务研究[J].信息系统工程,2022,(11):143-147.
[17]朱赖红,张少怀.基于Qt的宠物照顾系统设计[J].电子制作,2022,30(11):23-26.
[18]庄帅.宠物管理系统的设计及实现[J].福建电脑,2022,38(05):68-72.
[19]毛心蕙,宁芳.基于情境分析的宠物狗智能服务系统设计[J].工业设计,2021,(11):128-129.
[20]李乐天,宁芳,蒋浩.宠物寄养产品服务系统设计[J].机电产品开发与创新,2021,34(05):60-63.
致 谢
在完成基于Vue.js的宠物领养系统研究的过程中,我要向所有支持和帮助过我的人们致以诚挚的感谢和衷心的感激。
首先,我要感谢我的导师,您在整个研究过程中给予我的耐心指导和宝贵建议。您的学识渊博和严谨治学的态度让我受益匪浅,使我的研究得以顺利进行。
其次,我要感谢我的家人和朋友们对我的支持和理解。是你们在背后默默支持我,给予我鼓励和信心,让我在研究过程中充满动力和勇气。
同时,我还要感谢所有参与过本研究的同行和合作者,感谢他们的合作和支持,使得研究能够顺利进行,取得实质性成果。
最后,我要感谢所有为本研究提供帮助和支持的机构和个人,感谢他们的慷慨奉献和无私支持,使得本研究能够取得圆满成功。
再次衷心感谢所有支持和帮助过我的人们,正是有了你们的支持和鼓励,我才能顺利完成这项研究工作。谢谢你们!
请关注点赞+私信博主,免费领取项目源码