个人APP开发项目简介

241 阅读1分钟

先介绍下该项目

  1. 账号登录注册
  2. 使用者信息完善,包含年龄、性别、是否参加过相关治疗等信息。
  3. 游戏选择(视觉方面、听觉方面),包含科普与诊断分类等信息
  4. 开始游戏,游戏分为五个阶段,一个测试阶段,四个正式游戏阶段,中间有休息时间,做倒计时提示页面,结束时有结果反馈。
  5. 游戏结果报告,旁边附有日历,可选择具体时间查看结果。结果报告中有雷达图、折线图等图表展现测试的结果。且结果的具体数值旁边提供按钮,用户可以点击按钮弹出该数值的具体解释。
  6. 侧边栏设置,提供‘问题答疑’、‘意见反馈’、‘app信息’、‘干预建议’等一级页面。各一级页面下有各自的二级页面。
  7. 附加404页面。

项目难点

  1. 游戏逻辑及页面制作
  2. 封装公共组件及公用css
  3. 游戏的数据结果组件间通信
  4. uniapp不兼容部分原生js指令
  5. 提供游客模式
  6. 前端进行数据检测,使用不同的css
  7. ui组件提供的api少,通过原码修改(如日历)来适配项目设计图,加上使用Chrome的Elements工具调试
  8. 同一页面多级数据渲染、长列表数据渲染
  9. 请求结果以图标形式展现,引入ucharts

项目文件

如图

页面

image.png

image.png

image.png

image.png

image.png