付绪博 计算机应用技术·大二实践学期

项目简介：

ApexForm 是一款专为健身爱好者打造的移动端应用，旨在通过全方位的健身支持，助力用户达成健康目标。其核心功能涵盖课程系统、用户系统、训练管理和社交互动四大板块。在课程系统中，用户可以浏览丰富多样的健身课程，包括燃脂、力量训练等类型，还能查看课程详情，如时长、卡路里消耗和难度等级。应用还提供课程分类和搜索功能，方便用户快速找到心仪的课程。用户系统支持登录注册，并允许用户自定义头像。个人中心可展示用户的训练进度和成就，同时提供收藏管理功能，方便用户保存感兴趣的课程。在训练管理方面，用户可以创建个人训练计划，并将收藏的课程一键加入计划，还能实时追踪训练进度，确保训练目标的达成。

主要技术：

ApexForm 应用采用了现代化的技术栈，以实现高效开发和跨平台适配。

前端技术包括：

（1）Vue3：作为核心框架，使用 Composition API 构建应用，关键实现文件为所有 .vue 文件

（2）Pinia：用于状态管理，替代 Vuex，关键实现文件为 stores/app.js。

（3）UniApp：跨平台开发框架，支持多端适配，关键配置文件为 pages.json 和 manifest.json。

（4）Vite：作为构建工具，提升开发效率，配置文件为 vite.config.js。

（5）Uni-UI：提供丰富的组件库，如图标和搜索栏，通过 main.js 注册。

（6）rpx响应式单位：用于多端适配，确保应用在不同设备上的显示效果，应用于所有样式文件。

后端技术包括：

（1）JSON Server：用于模拟 RESTful API，便于前端开发和测试，关键实现文件为 server.js。

（2）Axios：作为 HTTP 请求库，用于与后端交互，关键实现文件为 stores/app.js。

（3）Express：提供静态资源服务，支持文件和资源的高效管理，配置文件为 server.js。

图1首页                图2课程页               图3个人中心页

图4统计图页

图5用户管理页

图6课程管理页