基于微信平台健身小助手小程序_運動健身小程序制作平台

一、技术路线：

开发语言：Java

前端技术：JavaScript、VUE.js（2.X）、css3

数据库：MySQL 5.7

数据库管理工具：Navicat或sqlyog

开发工具：IDEA或Ecplise

二、项目介绍：

三、运行截图：

3.1用户注册功能的界面实现

用户和健身房都需要先进行注册，注册成功后才可以登录。在注册界面里需要填写密码和账号名。用户注册界面和健身房的注册界面分开。用户注册运行界面如下图3-1所示：

图3-1用户注册运行调试界面

3.2登录功能的界面实现

系统运行调试后，需要登录。登录界面设计的目的是保证当前的使用角色等级。管理员同样需要登录后才可以进行操作。在登录界面里加入了忘记密码的功能，当密码丢失时可以使用本功能进行找回。在登录时只需要填写用户账号和密码，选择权限就可以实现。用户登录的运行界面如下图3-2所示：

图3-2用户登录的运行界面

在登录的界面中包含的元素有系统题目、输入框、登录按钮、选择框。本系统的使用权限为管理员和用户、健身房。权限选择框的运行界面如下图3-3所示：

图3-3权限选择框运行界面

3.3管理员功能的设计实现

3.3.1用户信息管理功能的实现界面

用户的信息可由管理员添加，本功能设计的目的是添加和审核用户的资料，当发现不当的使用用户可以删除其账号。当删除用户信息后相对应的用户信息表里的信息也会随着删除掉。查询用户信息功能的运行界面如下图3-4所示：

图3-4查询用户信息功能的运行界面

3.3.2 个人中心功能的实现界面

　个人中心的内容包括当前登录账号修改、密码信息修改。本系统中可以拥有多个管理员。个人中心功能的运行界面如下图3-5所示：

图3-5个人中心功能的运行界面

3.3.3健身视频信息管理功能的实现界面

用户浏览的健身视频都是由管理员、健身房在此功能里进行维护添加的，同样当管理员添加、编辑健身视频信息后，数据库表中的健身视频信息表也会发生改变。健身视频信息管理功能的运行界面如下图3-6所示：

图3-6健身视频信息管理功能的运行界面

在添加健身视频信息时可以取消和提交。发布新健身视频信息的运行界面如下图3-7所示：

图3-7发布新健身视频信息的运行界面

3.3.4项目名称管理功能的实现界面

　项目名称信息包括项目的分类。项目名称信息管理功能的运行界面如下图3-8所示：

图3.8项目名称信息管理运行界面

当管理员点击添加项目名称时会进入本界面，项目名称只需要填写标题就可以完成。添加项目名称运行界面如下图3-9所示：

图3-9添加项目名称的运行界面展示

3.3.5健身房管理功能的界面实现

管理员可以审核健身房的资料，保证健身房的真实性，为用户的健身提供保障。健身房管理功能的实现界面如下图3-10所示：

图3-10健身房管理功能的实现界面

3.3.6预约管理功能的界面实现

包括对预约的查询和修改、删除。预约管理功能的实现界面如下图3-11所示：

图3-11预约管理功能的实现界面

3.3.7论坛管理功能的界面实现

管理员负责帖子的审核，可以查看帖子详情和删除、修改帖子。实现界面如下图3-12所示：

图3-12论坛管理功能的实现界面

3.3.8健身打卡管理功能的界面实现

可以查询用户的健身打卡详情。健身打卡管理功能的实现界面如下图3-13所示：

图3-13健身打卡管理功能的实现界面

3.3.9每日热量管理功能的实现界面

管理员可以查询用户的每日热量。实现界面如下图3-14所示：

图3-14每日热量管理功能的实现界面

3.4用户角色功能的界面实现

3.3.1 预约健身项目功能的界面实现

　用户的功能主要为预约健身项目和预约管理、健身打卡、每日热量管理等。预约健身项目功能的运行界面如下图3-15所示：

图3-15预约健身项目运行界面

3.3.2预约管理功能的实现界面

用户可以在预约信息里查看具体的预约时间等信息。预约管理功能的运行界面如下图3-16所示：

图3-16预约管理功能的运行界面

3.3.3我的功能的实现界面

在我的功能里，用户可以进行相关操作，包括管理个人信息、预约信息、打卡信息、帖子信息等。我的功能的实现界面如下图3-17所示：

图3-17我的功能的运行界面

3.3.4论坛功能的实现界面

用户可以发布帖子实现交流，发布帖子功能的实现界面如下图3-18所示：

图3-18发布帖子功能的实现界面

3.5健身房角色功能的界面实现

3.3.1健身项目信息管理功能的界面实现

健身房可以发布新的健身项目，发布后的健身项目可以在首页进行展示。发布新的健身项目信息的实现界面如下图3-19所示：

图3-19发布健身项目功能的实现界面

3.3.2健身房我的功能的实现界面

健身房我的功能里可以管理健身项目信息、预约信息、帖子信息。健身房我的功能的实现界面如下图3-20所示：

图3-20健身房我的功能的实现界面