王冠博  计算机应用技术  大二实践学期

项目简介：

本项目是一个基于 uni-app 与 Vue 3 的跨平台移动应用，辅以 Element Plus 后台管理系统，构建了一套完整的 FGO 风格游戏生态管理系统。项目精准复刻真实游戏管理场景，涵盖用户、从者、活动等核心模块，用户端提供从者图鉴、活动筛选、个人中心；后台支持统计图表（ECharts）、分页及重置密码等完整功能。协同性上，移动端与 PC 端通过统一数据源联动，管理员可远程管理内容，实现多端协同。

主要技术：

本项目采用前后端分离架构，前端基于 uni-app 跨平台框架，结合 Vue 3（Composition API） 实现响应式与组件化开发，一套代码同时适配 H5、微信小程序及 App 端。移动端使用 uni-ui 轻量组件库构建网格、轮播与图标；后台管理则采用 Element Plus 提供表格、表单、弹窗及分页等成熟组件，保证操作体验一致性。

交互体验上，运用 Canvas 2D 绘制自定义漂浮粒子与加载动画，配合 CSS动画、毛玻璃与过渡，营造游戏化沉浸感。数据可视化采用 ECharts 展示从者拥有比例与活动类型分布。构建工具选用 Vite（PC 端）与 uni-app 内置编译器，通过条件编译实现多平台适配。

 图1 从者详情页（移动端） 

图2 公告详情页

 图3 个人中心页

 图4 修改信息页