随着社会经济的快速发展,人们对健康生活方式的追求日益增强,运动场地公共体育设施的重要组成部分,越来越受到人们的关注。然而,现有的运动场地预约管理方式存在诸多问题,如预约困难、场地资源利用率低、用户体验不佳等。为此,本文提出了一种基于uni-app运动场地的预约系统,本系统是一款集场地查询、预约、支付、订单管理等功能于一体的移动应用。本系统采用uni-app框架,支持跨平台使用用户可以在Android、iOS、HTML5等设备上进行操作。通过Spring Boot后台与数据库进行交互,实现对运动场地的在线预约和管理。
本文首先阐述了系统的研究背景和意义及研究方法;然后对系统进行了可行性分析、功能性等分析;接着详细介绍了系统的设计原理和实现细节,主要包括主要功能模块设计,数据库设计等;最后对系统进行了测试,证明了该系统可以满足人们对运动场地预约的需求。
关键词:运动场地;预约系统;uni-app
Abstract
With the rapid development of the social economy, people's pursuit of a healthy lifestyle is increasing, and the important components of public sports facilities in sports venues are receiving more and more attention. However, the existing management methods for sports venue reservation have many problems, such as difficulty in reservation, low utilization of venue resources, and poor user experience. Therefore, this article proposes a reservation system based on uni app sports venues. This system is a mobile application that integrates functions such as venue query, reservation, payment, and order management. This system adopts the uni app framework and supports cross platform usage. Users can operate on devices such as Android, iOS, and HTML5. Interact with the database through the Spring Boot backend to achieve online reservation and management of sports venues.
This article first elaborates on the research background, significance, and research methods of the system; Then feasibility analysis and functional analysis were conducted on the system; Then, the design principles and implementation details of the system were introduced in detail, mainly including the design of main functional modules, database design, etc; Finally, the system was tested and proved to meet people's needs for sports venue reservations.
Keywords: Sports venues; Appointment system; Uni app
1 绪论
1.1 研究背景
随着生活水平的提高和健康意识的增强,越来越多的人参与到体育活动中来,运动场地成为了人们进行体育锻炼和竞技活动的重要场所。学校、社区、企事业单位等纷纷建设运动场地以满足人们的健身需求。然而,随着用户数量的增加,运动场地的管理和预约变得愈发复杂。然而,传统的场地预约方式,如电话预约或亲自前往体育馆等,既耗时又可能受到时间限制,无法满足现代人对即时性和便捷性的要求。此外,传统的预约方式还可能导致信息不对称,使得用户难以了解场地的实时情况,如场地是否可用、价格如何等。在此背景下,运动场预约系统的产生显得尤为重要。
uni-app是一种使用Vue.js开发所有前端应用的框架,可以编译到iOS、Android、H5、以及各种小程序等多个平台。其优势在于可以实现一次编写,多端运行,大大提高了开发效率。同时,uni-app还支持多种UI框架和原生组件,可以满足各种复杂的需求。此外,随着移动互联网的普及和发展,微信小程序等移动应用逐渐成为人们日常生活的重要
组成部分。微信小程序以其无需下载安装、即用即走的特点,以及强大的功能和丰富的应用场景,得到了广大用户的青睐。因此,将场地预约系统与微信小程序相结合,可以有效解决传统预约方式的痛点,提供更加便捷、高效的预约体验。
随着社会经济的发展和人们生活水平的提高,健康意识逐渐深入人心。越来越多的人注重体育锻炼,运动场地成为人们进行锻炼的重要场所。然而,传统的运动场地管理方式已经无法满足人们的需求。因此,研究基于uni-app的运动场地预约系统的具有重要的意义,其研究意义主要体现在以下几个方面:
首先,可以提高预约效率。传统的场地预约方式往往存在信息不对称、预约困难等问题,导致用户难以有效利用场地资源进行锻炼。基于uni-app的预约系统可以通过在线预约的方式,使用户能够随时随地进行预约,减少等待时间和现场排队的麻烦,从而提高预约效率。
其次,可以优化资源配置。系统能够实时更新场地状态,并根据用户的预约需求进行调度,确保资源的合理分配和高效利用。这对于学校或健身房等场地提供方来说,有助于优化资源分配和管理,提高场地的利用率和运营效益。
最后,可以提升用户体验。基于uni-app的系统支持跨平台使用,用户可以通过手机、平板等设备随时随地进行预约操作,并实时了解场地的使用情况。这种便捷的操作方式能够大大提升用户的满意度和体验。
1.3论文结构与章节安排
论文将分层次进行编排,除去论文摘要致谢文献参考部分,正文部分主要结构如下:
第一章:绪论,主要介绍系统的研究背景和意义,同时进行了论文整体框架的结构的简要介绍。
第二章:系统分析,主要对系统进行可行性技术、系统功能分析、用例分析。
第三章:系统总体设计,主要是对系统功能结构、系统数据库进行分析。
第四章:系统详细设计与实现,根据系统功能的划分,主要对系统的部分界面进行展示。
第五章:系统测试,主要对系统的主要功能进行测试。
第六章:结论,主要对系统的开发设计工作进行总结。
2系统分析
系统分析是开发一个项目的先决条件,通过系统分析可以很好的了解系统的主体用户的基本需求情况,同时这也是项目的开发的原因。进而对系统开发进行可行性分析,通常包括技术可行性、经济可行性等,可行性分析同时也是从项目整体角度进行的分析。然后就是对项目的具体需求进行分析,分析的手段一般都是通过用户的用例图来实现。下面是详细的介绍。
2.1 可行性分析
(1)技术可行性
uni-app是一个使用Vue.js开发所有前端应用的框架,它可以编译到iOS、Android、H5、以及各种小程序等多个平台。这意味着使用uni-app开发的预约系统可以在不同的平台上运行,满足了多平台使用的需求。此外,结合Spring Boot后端框架与MySQL数据库,系统可以有效地管理场地预约信息,确保数据的安全性和一致性。因此,从技术层面来说是可行的。
(2)经济可行性
Uni-app框架具有丰富的组件和插件库,可以快速构建出功能完善的运动场地的预约系统,提高了开发效率。此外,Spring Boot的自动配置功能可以根据应用程序的依赖和环境来进行自动配置,减少了大量的手动配置工作,可以降低开发成本。因此,从经济角度分析是可行的。
(3)社会可行性
随着移动互联网的普及和人们对便捷性需求的增加,基于uni-app的动场地的预约系统能够为用户提供更加便捷、高效的场地预约服务。这不仅能够提升用户体验,还能够提高场地的利用率,满足更多用户的需求。因此,从社会角度分析是可行的。
2.2 系统流程分析
系统流程是用一些特定的符合和线条来进行演示用户在使用系统时的过程,在进行系统分析的时候,业务流程可以帮助开发人员更好的理解业务,发现错误,完善系统。
2.2.1 用户登录流程
用户通过登录才能访问系统及权限以内的功能,对此将实现各种应用及管理等功能,用户登录流程图如下图2-1所示。
图2-1 用户登录流程图
2.2.2 数据删除流程
如果系统里面存在一些没有用的数据,相关的管理人员还可以对这些数据进行删除,数据删除时流程图如下图2-2所示。
图2-2 数据删除流程图
2.3.1 功能性分析
按照基于uni-app运动场地的预约系统的角色,主要包括普通用户和管理员和卖家这两大功能模块。
- 普通用户功能
- 注册登录:新用户可以通过注册成为系统用户,注册后可以用账号密码登录系统。
- 首页:用户可以查看首页展示的轮播图、通知公告、场地信息、场地预约、运动活动和活动资讯等信息。
- 运动资讯:用户可以查看资讯列表中某一资讯的详情并可以进行点赞、收藏和发表评论操作。
- 我的:用户点击“我的”进入页面后可以查看和管理基本信息、收藏、预约订单、运动活动和活动报名信息;点击“退出登录”即可退出系统登录。
- 管理员功能
- 登录:管理员可以通过在后台输入正确的账号和密码进行登录。
- 后台首页:管理员可以查看首页首页展示的相关信息。
- 系统用户:管理员可以对系统用户(管理员、普通用户)信息进行查询、重置、添加和删除操作,可以查看用户列表中某个用户的详情。
- 场地类型管理:管理员可以查看场地类型列表中某一类型的详情,可以对场地类型信息进行查询、重置、添加和删除操作。
- 场地信息管理:管理员可以添加场地信息,可以查看场地信息列表中某一场地的详情和评论信息并提交设置时段信息,可以对列表信息进行查询、重置和删除操作。
- 场地预约管理:管理员可以查看场地预约列表中某一场地的预约详情,可以对列表信息进行查询、重置和删除操作。
- 预约订单管理:管理员可以查看预约订单列表中某一场地的预约订单的详情并进行审核,可以对列表信息进行查询、重置和删除操作。
- 运动活动管理:管理员可以查看运动活动列表中所有活动的详情和评论信息并对用户提交的运动活动进行审核,可以对运动活动信息进行查询、重置、添加和删除操作。
- 活动报名管理:管理员可以查看活动报名信息列表中某一用户的详情并进行审核,可以对列表信息进行查询、重置和删除操作。
- 系统管理:在系统管理界面,管理员对轮播图和敏感词进行管理,可以以对轮播图、敏感词信息进行查询、重置、添加和删除操作。
- 通知公告管理:管理员可以查看列表中某一通知公告的详情,可以对通知公告进行查询、重置、添加和删除操作。
- 资源管理:管理员可以查看运动资讯列表中某一资讯详情和评论信息,可以查看资讯分类列表中某一分类详情,可以对运动资讯、资讯分类信息进行查询、重置、添加和删除操作。
- 更多信息:管理员可以修改个人信息和登录密码,密码修改后可以用新密码登录系统,点击“退出”即可退出系统登录。
2.3.2 非功能性分析
基于uni-app运动场地的预约系统的非功能性需求比如小程序的安全性怎么样,可靠性怎么样,性能怎么样,可拓展性怎么样等。具体可以表示在如下2-1表格中:
表2-1基于uni-app运动场地的预约系统非功能需求表
安全性 | 主要指基于uni-app运动场地的预约系统数据库的安装,数据库的使用和密码的设定必须合乎规范。 |
可靠性 | 可靠性是指基于uni-app运动场地的预约系统能够安装用户的指示进行操作,经过测试,可靠性90%以上。 |
性能 | 性能是影响基于uni-app运动场地的预约系统占据市场的必要条件,所以性能最好要佳才好。 |
可扩展性 | 比如数据库预留多个属性,比如接口的使用等确保了系统的非功能性需求。 |
易用性 | 用户只要跟着基于uni-app运动场地的预约系统的页面展示内容进行操作,就可以了。 |
可维护性 | 基于uni-app运动场地的预约系统开发的可维护性是非常重要的,经过测试,可维护性没有问题 |
2.4 系统用例分析
通过2.2功能的分析,得出了本系统的用例图:
普通用户用例图如下图2-3所示。
图2-3 普通用户用例图
管理员用例图如下图2-4所示。
图2-4 管理员用户用例图
2.5本章小结
本章主要通过对基于uni-app运动场地的预约系统的可行性分析、流程分析、功能需求分析、系统用例分析,确定整个系统要实现的功能。同时也为小程序的代码实现和测试提供了标准。
本章主要讨论的内容包括基于uni-app运动场地的预约系统的功能模块设计、数据库系统设计。
3.1 系统功能模块设计
3.1.1整体功能模块设计
在上一章节中主要对系统的功能性需求和非功能性需求进行分析,并且根据需求分析了运动场地的预约系统中的用例。那么接下来就要开始对本系统的主要功能和数据库开始进行设计。根据前面章节的需求分析得出,其总体设计模块图如图3-1所示。
图3-1 系统功能模块图
3.1.2用户模块设计
用户模块是系统中一个重要的功能模块,它涉及用户的注册、登录、个人信息管理等操作。在用户模块设计中,我们将定义用户数据的结构和属性,包括用户名、密码、邮箱等。同时,还需要实现用户注册、登录、修改密码等功能,并对用户输入进行验证和处理。用户模块的结构图如下图所示3-2所示:
图3-2用户模块结构图
3.1.3场地信息管理模块设计
场地信息管理模块是本系统中的重要功能之一。该模块的设计旨在提供对场地信息的发布、编辑、删除和查看等管理功能,以便及时、准确地向系统用户发布相关的场地信息。其模块功能结构结构图如下图3-3所示:
图3-3场地信息管理模块结构图
3.1.4评论管理模块设计
基于Android的传统文化学习APP是一个交流性质的公开平台,用户可以对运动资讯、场地信息等进行评论,增加用户之间的互动性。但是同时也为了更好的规范评论的内容,管理员可以删除不合适的评论,其模块功能结构图如下图3-4所示:
图3-4评论管理模块结构图
3.2 数据库设计
数据库设计一般包括需求分析、概念模型设计、数据库表建立三大过程,其中需求分析前面章节已经阐述,概念模型设计有概念模型和逻辑结构设计两部分。
3.2.1 数据库概念结构设计
下面是整个基于uni-app运动场地的预约系统中主要的数据库表总E-R实体关系图。
![](https://i-blog.csdnimg.cn/direct/442ec7d6f1984ea6ab43df6b8a21ecd1.png)
图3-5 系统总E-R关系图
3.2.2 数据库逻辑结构设计
通过上一小节中基于uni-app运动场地的预约系统中总E-R关系图上得出一共需要创建很多个数据表。在此主要罗列几个主要的数据库表结构设计。
表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 | 用户编号: |
表appointment_order (预约订单)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | appointment_order_id | int | 10 | 0 | N | Y | 预约订单ID | |
2 | venue_name | varchar | 64 | 0 | Y | N | 场地名称 | |
3 | site_type | varchar | 64 | 0 | Y | N | 场地类型 | |
4 | site_location | varchar | 64 | 0 | Y | N | 场地位置 | |
5 | time_period_number | varchar | 64 | 0 | Y | N | 时段编号 | |
6 | appointment_period | varchar | 64 | 0 | Y | N | 预约时段 | |
7 | venue_price | int | 10 | 0 | Y | N | 0 | 场地价格 |
8 | regular_users | int | 10 | 0 | Y | N | 0 | 普通用户 |
9 | user_name | varchar | 64 | 0 | Y | N | 用户姓名 | |
10 | appointment_quantity | int | 10 | 0 | Y | N | 0 | 预约数量 |
11 | examine_state | varchar | 16 | 0 | N | N | 未审核 | 审核状态 |
12 | pay_state | varchar | 16 | 0 | N | N | 未支付 | 支付状态 |
13 | pay_type | varchar | 16 | 0 | Y | N | 支付类型: 微信、支付宝、网银 | |
14 | create_time | datetime | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间 |
15 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间 |
表article (文章:用于内容管理系统的文章)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
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 | 文章描述 |
表article_type (文章分类)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
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 | 更新时间: |
表auth (用户权限管理)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
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 | 更新时间: |
表collect (收藏)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
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 | 更新时间: |
表comment (评论)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
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: |
表event_registration (活动报名)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | event_registration_id | int | 10 | 0 | N | Y | 活动报名ID | |
2 | activity_name | varchar | 64 | 0 | Y | N | 活动名称 | |
3 | event_date | date | 10 | 0 | Y | N | 活动日期 | |
4 | event_location | varchar | 64 | 0 | Y | N | 活动地点 | |
5 | initiate_user | int | 10 | 0 | Y | N | 0 | 发起用户 |
6 | registered_users | int | 10 | 0 | Y | N | 0 | 报名用户 |
7 | create_time | datetime | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间 |
8 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间 |
表forum (论坛)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | forum_id | mediumint | 8 | 0 | N | Y | 论坛id | |
2 | display | smallint | 5 | 0 | N | N | 100 | 排序 |
3 | user_id | mediumint | 8 | 0 | N | N | 0 | 用户ID |
4 | nickname | varchar | 16 | 0 | Y | N | 昵称:[0,16] | |
5 | praise_len | int | 10 | 0 | Y | N | 0 | 点赞数 |
6 | hits | int | 10 | 0 | N | N | 0 | 访问数 |
7 | title | varchar | 125 | 0 | N | N | 标题 | |
8 | keywords | varchar | 125 | 0 | Y | N | 关键词 | |
9 | description | varchar | 255 | 0 | Y | N | 描述 | |
10 | url | varchar | 255 | 0 | Y | N | 来源地址 | |
11 | tag | varchar | 255 | 0 | Y | N | 标签 | |
12 | img | text | 65535 | 0 | Y | N | 封面图 | |
13 | content | longtext | 2147483647 | 0 | Y | N | 正文 | |
14 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
15 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间: |
16 | avatar | varchar | 255 | 0 | Y | N | 发帖人头像: | |
17 | type | varchar | 64 | 0 | N | N | 0 | 论坛分类:[0,1000]用来搜索指定类型的论坛帖 |
表forum_type (论坛分类)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | type_id | smallint | 5 | 0 | N | Y | 分类ID:[0,10000] | |
2 | name | varchar | 16 | 0 | N | N | 分类名称:[2,16] | |
3 | description | varchar | 255 | 0 | Y | N | 描述:[0,255]描述该分类的作用 | |
4 | url | varchar | 255 | 0 | Y | N | 外链地址:[0,255]如果该分类是跳转到其他网站的情况下,就在该URL上设置 | |
5 | father_id | smallint | 5 | 0 | N | N | 0 | 上级分类ID:[0,32767] |
6 | icon | varchar | 255 | 0 | Y | N | 分类图标: | |
7 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
8 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间: |
表hits (用户点击)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
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: |
表notice (公告)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
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 | 更新时间: |
表praise (点赞)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
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已取消 |
表regular_users (普通用户)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
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 | examine_state | varchar | 16 | 0 | N | N | 已通过 | 审核状态 |
5 | user_id | int | 10 | 0 | N | N | 0 | 用户ID |
6 | create_time | datetime | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间 |
7 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间 |
表sensitive_vocabulary (敏感词汇)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | sensitive_vocabulary_id | int | 10 | 0 | N | Y | 敏感词汇ID | |
2 | sensitive_vocabulary | varchar | 64 | 0 | Y | N | 敏感词汇 | |
3 | create_time | datetime | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间 |
4 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间 |
表site_type (场地类型)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | site_type_id | int | 10 | 0 | N | Y | 场地类型ID | |
2 | site_type | varchar | 64 | 0 | Y | N | 场地类型 | |
3 | create_time | datetime | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间 |
4 | 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 | 更新时间: |
表sports_activities (运动活动)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | sports_activities_id | int | 10 | 0 | N | Y | 运动活动ID | |
2 | activity_name | varchar | 64 | 0 | Y | N | 活动名称 | |
3 | activity_type | varchar | 64 | 0 | Y | N | 活动类型 | |
4 | event_date | date | 10 | 0 | Y | N | 活动日期 | |
5 | event_location | varchar | 64 | 0 | Y | N | 活动地点 | |
6 | event_cover | varchar | 255 | 0 | Y | N | 活动封面 | |
7 | initiate_user | int | 10 | 0 | Y | N | 0 | 发起用户 |
8 | event_details | text | 65535 | 0 | Y | N | 活动详情 | |
9 | hits | int | 10 | 0 | N | N | 0 | 点击数 |
10 | praise_len | int | 10 | 0 | N | N | 0 | 点赞数 |
11 | examine_state | varchar | 16 | 0 | N | N | 未审核 | 审核状态 |
12 | create_time | datetime | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间 |
13 | 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 | 会员折扣 |
表user_group (用户组:用于用户前端身份和鉴权)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
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 | 更新时间: |
表venue_information (场地信息)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | venue_information_id | int | 10 | 0 | N | Y | 场地信息ID | |
2 | venue_name | varchar | 64 | 0 | Y | N | 场地名称 | |
3 | site_type | varchar | 64 | 0 | Y | N | 场地类型 | |
4 | site_area | varchar | 64 | 0 | Y | N | 场地地区 | |
5 | site_location | varchar | 64 | 0 | Y | N | 场地位置 | |
6 | land_occupation_area | varchar | 64 | 0 | Y | N | 占地面积 | |
7 | venue_price | int | 10 | 0 | Y | N | 0 | 场地价格 |
8 | venue_cover | varchar | 255 | 0 | Y | N | 场地封面 | |
9 | site_details | text | 65535 | 0 | Y | N | 场地详情 | |
10 | hits | int | 10 | 0 | N | N | 0 | 点击数 |
11 | praise_len | int | 10 | 0 | N | N | 0 | 点赞数 |
12 | create_time | datetime | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间 |
13 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间 |
表venue_reservation (场地预约)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | venue_reservation_id | int | 10 | 0 | N | Y | 场地预约ID | |
2 | venue_name | varchar | 64 | 0 | Y | N | 场地名称 | |
3 | site_type | varchar | 64 | 0 | Y | N | 场地类型 | |
4 | site_area | varchar | 64 | 0 | Y | N | 场地地区 | |
5 | site_location | varchar | 64 | 0 | Y | N | 场地位置 | |
6 | land_occupation_area | varchar | 64 | 0 | Y | N | 占地面积 | |
7 | time_period_number | varchar | 64 | 0 | Y | N | 时段编号 | |
8 | appointment_period | varchar | 64 | 0 | Y | N | 预约时段 | |
9 | number_of_reservations_available | int | 10 | 0 | Y | N | 0 | 可预约数 |
10 | venue_price | int | 10 | 0 | Y | N | 0 | 场地价格 |
11 | venue_cover | varchar | 255 | 0 | Y | N | 场地封面 | |
12 | site_details | text | 65535 | 0 | Y | N | 场地详情 | |
13 | create_time | datetime | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间 |
14 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间 |
3.3本章小结
整个基于uni-app运动场地的预约系统的需求分析主要对系统总体架构以及功能模块的设计,通过建立E-R模型和数据库逻辑系统设计完成了数据库系统设计。
4 系统详细设计与实现
基于uni-app运动场地的预约系统的详细设计与实现主要是根据前面的需求分析和总体设计来设计页面并实现业务逻辑。主要从小程序界面实现、业务逻辑实现这两部分进行介绍。
4.1用户端功能模块
用户注册界面用于新用户进行账号注册,用户需要填写必要的个人信息并选择合适的用户名和密码。注册界面应该进行输入验证和数据格式检查,确保用户提供有效的信息。系统会对输入的信息进行验证,验证通过后即可完成注册。其界面图如下图4-1所示:
图4-1 用户注册界面图
注册的代码如下:
/**
* 注册
* @param user
* @return
*/
@PostMapping("register")
public Map<String, Object> signUp(@RequestBody User user) {
// 查询用户
Map<String, String> query = new HashMap<>();
Map<String,Object> map = JSON.parseObject(JSON.toJSONString(user));
query.put("username",user.getUsername());
List list = service.selectBaseList(service.select(query, new HashMap<>()));
if (list.size()>0){
return error(30000, "用户已存在");
}
map.put("password",service.encryption(String.valueOf(map.get("password"))));
service.insert(map);
return success(1);
}
4.1.2 用户登录界面
用户登录界面用于已注册用户进行账号登录,用户需要输入正确的用户名和密码才能成功登录系统。登录界面应对用户的输入进行验证,并提供找回密码的选项。其界面图如下图4-2所示。
图4-2 用户登录界面图
登录的代码如下:
/**
* 登录
* @param data
* @param httpServletRequest
* @return
*/
@PostMapping("login")
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;
Map<String, String> map = new HashMap<>();
if(username != null && "".equals(username) == false){
map.put("username", username);
resultList = service.selectBaseList(service.select(map, new HashMap<>()));
}
else if(email != null && "".equals(email) == false){
map.put("email", email);
resultList = service.selectBaseList(service.select(map, new HashMap<>()));
}
else if(phone != null && "".equals(phone) == false){
map.put("phone", phone);
resultList = service.selectBaseList(service.select(map, new HashMap<>()));
}else{
return error(30000, "账号或密码不能为空");
}
if (resultList == null || password == null) {
return error(30000, "账号或密码不能为空");
}
//判断是否有这个用户
if (resultList.size()<=0){
return error(30000,"用户不存在");
}
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){
return error(30000,"用户不存在");
}
if (!res.equals("已通过")){
return error(30000,"该用户审核未通过");
}
}
//查询用户状态
if (byUsername.getState()!=1){
return error(30000,"用户非可用状态,不能登录");
}
String md5password = service.encryption(password);
if (byUsername.getPassword().equals(md5password)) {
// 存储Token到数据库
AccessToken accessToken = new AccessToken();
accessToken.setToken(UUID.randomUUID().toString().replaceAll("-", ""));
accessToken.setUser_id(byUsername.getUserId());
Duration duration = Duration.ofSeconds(7200L);
redisTemplate.opsForValue().set(accessToken.getToken(), accessToken,duration);
// 返回用户信息
JSONObject user = JSONObject.parseObject(JSONObject.toJSONString(byUsername));
user.put("token", accessToken.getToken());
JSONObject ret = new JSONObject();
ret.put("obj",user);
return success(ret);
} else {
return error(30000, "账号或密码不正确");
}
}
4.1.3 首页界面
用户可以查看首页展示的轮播图、通知公告、场地信息、场地预约、运动活动和活动资讯等信息。可以左右滑动查看轮播图信息;点击“场地信息”进入页面可以查看场信息列表中某一场地的详情并可以进行点赞、收藏和评论;点击“场地预约”进入页面可以查看场地预约列表中某一场地的详情和在线提交预约信息;点击“运动活动”进入页面可查看运动活动列表中某一运动活动的详情并可以报名、点赞、收藏和评论。其界面展示如下图4-3所示。
图4-3 首页界面图
用户点击“运动资讯”进入页面可以查看资讯列表中某一资讯的详情并可以进行点赞、收藏和发表评论操作。其界面展示如下图4-4所示。
图4-4运动资讯界面图
4.1.5 我的界面
用户点击“我的”进入页面后可以查看和管理基本信息、收藏、预约订单、运动活动和活动报名信息。点击“基本信息”进入页面可以修改资料和密码,密码修改后可以用新密码登录系统;点击“预约订单”进入页面可以查看列表中某一订单的详情,经管理员审核通过后的订单可以通过支付宝、微信等方式完成在线支付;可以查询、重置和添加运动活动信息;可以查询和重置报名信息;可以查看或删除收藏列表信息;其界面如下图4-5所示。
图4-5 我的界面图
管理员可以对系统用户(管理员、普通用户)信息进行查询、重置、添加和删除操作,可以查看用户列表中某个用户的详情。其界面如下图4-6所示。
![](https://i-blog.csdnimg.cn/direct/75e88b5f0daa4beebbc98facdf0508e2.png)
图4-6系统用户界面图
添加的代码如下:
@PostMapping("/add")
@Transactional
public Map<String, Object> add(HttpServletRequest request) throws IOException {
service.insert(service.readBody(request.getReader()));
return success(1);
}
public Map<String, Object> addMap(Map<String,Object> map){
service.insert(map);
return success(1);
}
删除的代码如下:
@RequestMapping(value = "/del")
@Transactional
public Map<String, Object> del(HttpServletRequest request) {
service.delete(service.readQuery(request), service.readConfig(request));
return success(1);
}
public void delete(Map<String,String> query,Map<String,String> config){
QueryWrapper wrapper = new QueryWrapper<E>();
toWhereWrapper(query, "0".equals(config.get(FindConfig.GROUP_BY)),wrapper);
baseMapper.delete(wrapper);
log.info("[{}] - 删除操作:{}",wrapper.getSqlSelect());
}
管理员可以添加场地信息,可以查看场地信息列表中某一场地的详情和评论信息,点击“设置时段”进入页面填写该场地的预约时段、可预约数等信息后点击“提交”即可完成该场地的预约时段信息的设置,可以对列表信息进行查询、重置和删除操作。其界面如下图4-7所示。
![](https://i-blog.csdnimg.cn/direct/fe7c0a4f176d4bfc849f5176d84b4342.png)
图4-7场地信息管理界面图
管理员可以查看场地预约列表中某一场地的预约详情,可以对列表信息进行查询、重置和删除操作。其界面如下图4-8所示。
![](https://i-blog.csdnimg.cn/direct/c0c72adba30e4696ab363483f3e36f07.png)
图4-8场地预约管理界面图
管理员可以查看预约订单列表中某一场地的预约订单的详情并进行审核,审核通过后用户可以进行支付,可以对列表信息进行查询、重置和删除操作。其界面如下图4-9所示。
![](https://i-blog.csdnimg.cn/direct/a3403e724c804aca83e7f73f0b7b55fa.png)
图4-9预约订单管理界面图
管理员可以添加运动活动信息,可以查看运动活动列表中所有活动的详情和评论信息并对用户提交的运动活动进行审核,可以对列表信息进行查询、重置和删除操作。其界面如下图4-10所示。
![](https://i-blog.csdnimg.cn/direct/fae910dcd00644eba3532faac1086c44.png)
图4-10运动活动管理界面图
管理员可以查看活动报名信息列表中某一用户的详情并进行审核,可以对列表信息进行查询、重置和删除操作。其界面如下图4-11所示。
![](https://i-blog.csdnimg.cn/direct/05fcfaf99fbb4084826231d156e729dc.png)
图4-11活动报名管理界面图
在系统管理界面,管理员对轮播图和敏感词进行管理,可以以对轮播图、敏感词信息进行查询、重置、添加和删除操作。其界面如下图4-12所示。
![](https://i-blog.csdnimg.cn/direct/779af901371c454c97060a94bfe5163f.png)
图4-12系统管理界面图
图片上传的代码如下:
@PostMapping("/upload")
public Map<String, Object> upload(@RequestParam("file") MultipartFile file) {
log.info("进入方法");
if (file.isEmpty()) {
return error(30000, "没有选择文件");
}
try {
//判断有没路径,没有则创建
String filePath = System.getProperty("user.dir") + "/src/main/resources/static/";
File targetDir = new File(filePath);
if (!targetDir.exists() && !targetDir.isDirectory()) {
if (targetDir.mkdirs()) {
log.info("创建目录成功");
} else {
log.error("创建目录失败");
}
}
String fileName = file.getOriginalFilename();
File dest = new File(filePath + fileName);
log.info("文件路径:{}", dest.getPath());
log.info("文件名:{}", dest.getName());
file.transferTo(dest);
JSONObject jsonObject = new JSONObject();
jsonObject.put("url", "/api/upload/" + fileName);
return success(jsonObject);
} catch (IOException e) {
log.info("上传失败:{}", e.getMessage());
}
return error(30000, "上传失败");
}
管理员点击通知公告管理下方的“通知公告”进入页面可以查看列表中某一通知公告的详情,可以对通知公告进行查询、重置、添加和删除操作。其界面如下图4-13所示。
![](https://i-blog.csdnimg.cn/direct/81abeae1062640c6a20b1489d43f12f8.png)
图4-13通知公告管理界面图
管理员可以查看运动资讯列表中某一资讯详情和评论信息,可以查看资讯分类列表中某一分类详情,可以对运动资讯、资讯分类信息进行查询、重置、添加和删除操作。其界面如下图4-14所示。
![](https://i-blog.csdnimg.cn/direct/89f848bd5bb148e58d13e9f356472527.png)
图4-14资源管理界面图
5系统测试
5.1 系统测试目的
无论什么样的系统,测试都至关重要,通过测试可以检查出潜藏的缺陷,从而确保系统的性能和稳定性,避免Bug的出现,并确保系统的功能和性价比达到预期的要求。
系统测试包括:用户登录功能测试、运动资讯查看功能、场地信息添加功能、密码修改功能测试,如表5-1、5-2、5-3、5-4所示:
表5-1 用户登录功能测试表
测试用例编号 | 测试描述 | 预期结果 | 实际结果 | 是否通过 |
TC001 | 使用正确的用户名和密码进行登录 | 成功登录系统,跳转到用户首页 | 登录成功,跳转到用户首页 | 通过 |
TC002 | 使用不存在的用户名进行登录 | 显示错误提示信息:用户名不存在 | 显示错误提示信息:用户名不存在 | 通过 |
TC003 | 使用正确的用户名和错误的密码进行登录 | 显示错误提示信息:密码错误 | 显示错误提示信息:密码错误 | 通过 |
TC004 | 不输入用户名和密码直接点击登录按钮 | 显示错误提示信息:用户名和密码不能为空 | 显示错误提示信息:用户名和密码不能为空 | 通过 |
运动资讯查看功能测试:
表5-2 运动资讯查看功能测试表
测试用例编号 | 测试描述 | 预期结果 | 实际结果 | 是否通过 |
TC001 | 打开运动资讯页面,检查是否能够正确展示运动资讯列表信息 | 运动资讯列表显示正确 | 运动资讯列表显示正确 | 通过 |
TC002 | 点击运动资讯查看按钮,检查是否能正常打开页面 | 运动资讯详情页面显示正确 | 运动资讯详情页面显示正确 | 通过 |
TC003 | 检查运动资讯搜索功能 | 根据关键字搜索到相关运动资讯并正确展示 | 根据关键字搜索到相关运动资讯并正确展示 | 通过 |
管理员添加场地信息界面测试:
表5-3 管理员添加资源信息界面测试表
测试用例编号 | 测试描述 | 预期结果 | 实际结果 | 是否通过 |
TC001 | 使用合法的信息添加一个新的场地信息 | 场地信息成功添加到系统 | 场地信息成功添加到系统 | 通过 |
TC002 | 使用已存在的场地名称添加一个场地信息 | 显示错误提示信息:场地名称已存在 | 显示错误提示信息:场地名称已存在 | 通过 |
TC003 | 添加场地信息时不输入必填信息 | 显示错误提示信息:必填字段不能为空 | 显示错误提示信息:必填字段不能为空 | 通过 |
TC004 | 使用不存在的关键字进行搜索 | 搜索结果为空 | 搜索结果为空 | 通过 |
表5-4密码修改功能测试表
测试用例编号 | 测试描述 | 预期结果 | 实际结果 | 是否通过 |
TC001 | 输入正确的原密码和新密码进行修改 | 密码成功修改 | 密码成功修改 | 通过 |
TC002 | 输入错误的原密码和新密码进行修改 | 显示错误提示信息:原密码错误 | 显示错误提示信息:原密码错误 | 通过 |
TC003 | 不输入原密码和新密码直接点击修改按钮 | 显示错误提示信息:密码不能为空 | 显示错误提示信息:密码不能为空 | 通过 |
通过编写基于uni-app运动场地的预约系统的测试用例,已经检测完毕用户登录功能测试、运动资讯查看功能、场地信息添加功能、密码修改功能测试,通过这四大模块的测试为运动场地的预约系统的后期推广运营提供了强力的技术支撑。
在基于uni-app运动场地的预约系统开发之前,需要先对用户的具体需求进行分析。包括系统的可行性分析、功能需求分析以及其他需求等。在可行性分析过程中,对系统实现的技术性、经济性等方面进行了分析。总体上证明了系统实施的可行性。
本文总结了基于uni-app运动场地的预约系统开发背景与意义,然后阐述了系统的具体业务需求,并根据系统需求对系统结构以及功能模块等进行了详细地设计,将整个系统划分为用户端模块和管理端模块。在分析系统功能需求时,对整个系统的总体架构以及功能模块等进行了分析,并选择合适的系统开发技术完成了对各个模块的开发工作。系统开发完成之后进行了部署,同时进行了系统的测试过程,通过测试证明了系统在功能以及性能等方面都达到了预期的要求,具有较高的稳定性与可靠性。
[1]史桂红.基于uni-app的校园闲置物品回收小程序的设计与实现[J].无线互联科技,2023,20(24):71-74.
[2]王伟江.大学校园浴室预约管理系统的设计与开发[J].科技资讯,2023,21(23):246-249.
[3]袁江琛.健身预约管理系统的设计与实现[J].福建电脑,2023,39(11):111-113.
[4]陈浩南,魏霖静.基于Uni-App的农技推广综合服务平台设计与实现[J].软件,2023,44(11):36-38.
[5]陈媛媛,张作状.基于5G和uni-app的智慧校园系统设计与实现[J].信息与电脑(理论版),2023,35(17):137-139.
[6]任远,丁玲,戚伟.Uni-APP移动应用开发技术分析[J].电子技术与软件工程,2023,(03):41-44.
[7]周建辉.基于uni-app的场馆预约微信小程序的设计与开发[J].江苏工程职业技术学院学报,2022,22(04):7-11.
[8]张昕,林洪芳.基于微信小程序的图书馆座位预约管理系统[J].电子元器件与信息技术,2022,6(12):106-109.
[9]朱志慧,蔡洁.基于SpringBoot+Vue+Uni-app框架的校园失物招领系统[J].电子技术与软件工程,2022,(17):62-65.
[10]李英玲,牛美雅,兰宏富.基于uni-app+SpringBoot的移动智能办公系统设计与实现[J].西南民族大学学报(自然科学版),2022,48(03):313-321.
[11]刘芸鹏,韩金君,蔚征廷.基于uni-app的生活辅助App的设计与实现[J].信息与电脑(理论版),2022,34(10):152-154.
[12]连钦兴,盘炜生,白伟华.基于微信小程序的场馆预约系统设计[J].河南科技,2021,40(31):9-11.
[13]郑新桥.基于微信平台的琴房预约系统的设计[J].数字技术与应用,2021,39(10):225-227.
[14]魏琛.基于微信小程序的实验室在线预约功能研究与实践[J].天津科技,2021,48(10):7-10+13.
[15]Hejing W .Commerce Middle Office Management System Based on Springboot[J].International Journal of Advanced Network, Monitoring and Controls,2022,7(2):32-45.
[16]Junhao S ,Weize L ,Zhiheng Z , et al.Design and Implementation of the Remote Use of the Table Tennis Ball Recovery and Cleaning Machine Based on Wechat Mini Program[J].Academic Journal of Engineering and Technology Science,2023,6(9):
[17]Yong R ,Feng P .Design and Realization of University Personnel Office Service Platform Based on WeChat Applet[J].Advances in Computer, Signals and Systems,2023,7(6):
[18]仝妍彦.基于uni-app和thinkphp开发的气象装备信息化微信小程序[J].信息与电脑(理论版),2022,34(14):148-150.
[19]熊群毓.大数据时代MySQL数据库的应用分析[J].信息与电脑(理论版),2023,35(14):209-212.
[20]唐苏旭.基于SpringBoot的房屋租赁系统的设计与实现[D].首都经济贸易大学,2021.
首先,我要感谢我的论文指导老师。在论文完成的整个过程中,指导老师始终给予我无微不至的关爱与指导。在论文写作的过程中,导师那耐心细致的指导,以及提出的具有建设性的意见,都给予了我极大的帮助,让我受益匪浅。导师严谨的治学态度、敬业精神以及高水平的教学能力,都给我树立了追求卓越的典范,这对我以后的人生道路和学业成就都产生了极大的积极影响。
此外,我还要感谢我班的同学们,他们既是我的同窗好友,又是我的良师益友。正是由于你们的支持和关怀,使得我在大学期间的学习和生活都变得异常充实。感谢那些在大学期间给予我帮助的所有老师和同学们,是你们给予了我在学业道路上的前进动力。
当然,我也不能忘记我的父母,是他们用无私的爱抚养我成人。你们的养育之恩我将永生难忘,将来我一定会用我的成绩回报你们。在成长的道路上,我会不断努力,不负众望,用实际行动来回报你们对我的期望。
免费领取项目源码,请关注❥点赞收藏并私信博主,谢谢~