2026年广东省职业院校技能大赛中职组“移动应用与开发“赛项样题三文章目录2026年广东省职业院校技能大赛中职组“移动应用与开发“赛项样题三子模块 A移动应用界面设计任务 1首页界面设计任务 2工作计划页界面设计任务 3移动党务页界面设计任务 4互动交流页界面设计任务 5个人中心页界面设计子模块B移动应用前端开发任务 1实现引导页设计任务 2实现登录功能任务 3实现主界面设计任务 4实现用药提醒功能任务 5实现健康报告功能任务 6实现我的功能需要竞赛样题源码答案可联系博主需要竞赛样题源码答案可联系博主子模块 A移动应用界面设计任务 1首页界面设计1.智慧党建页面包括顶部标题“智慧党建”、宣传横幅、功能入口模块、最近通知栏、内容展示区、我的排名模块、专题学习模块、底部标签栏。2.宣传横幅以图文形式呈现宣传幻灯片每三秒自动切换一次。3.功能入口模块功能项采用“图标文字”的形式分两行排列包含视频会议、组织党务、缴纳党费等 10 个固定功能项最后一项为“全部”入口。4.最近通知栏显示最新党建相关通知每条通知带有“new” 标识。5.内容展示区横向排列内容卡片卡片包含封面图、标题信息及浏览量数据。6.我的排名模块以红色卡片形式展示累计积分、我的排名、学习时长三项数据数据实时更新显示。7.专题学习模块显示专题学习列表项每个项目包含封面图、标题、发布时间、浏览量列表项默认显示两个可上下滑动加载更多点击列表项进入专题学习详情页面。8.底部标签栏固定在页面底端 1776px分为五个栏目分别为“智慧党建”“工作计划”“移动党务”“互动交流”“个人中心”当前选中的标签突出显示。五个栏目对应的子页面都包含底部标签栏要求和此处相同。9.请自行设计学习详情页面包含以下内容文章标题、文章作者信息头像、昵称、发表日期、“关注”按钮、文章详情、配图以及关键字等信息。任务 2工作计划页界面设计1.工作计划页面包括顶部日期导航栏、宣传横幅、选项卡模块、日程列表区、底部标签栏。2.日期导航栏横向显示近一周日期周六至周五当前日期周一 1 日突出显示左侧标注当前日期“3 一月”。3.宣传横幅展示“学习和贯彻党的二十届四中全会精神”主题内容底部标注主题文案与日期“2026-01-02”。4.选项卡模块包含【今日日程】和【今日任务】两个选项当前选中【今日日程】红色高亮显示点击可切换对应内容。5.【今日日程】选项卡里的日程列表区按时间顺序展示今日安排左侧标注具体时间点8:30/10:00/12:00/13:00右侧对应显示日程项每个日程项以不同底色区分包含日程名称如 “XXX 专项整治会议”。6.请自行设计【今日任务】选项卡内容包含多项任务每项任务包含任务名称如学习党的二十届四中全会精神会议纪要、主持人如文武斌、支部名称如***第一支部、时间如2025-10-20、任务的紧急程度紧急、一般、延后、任务完成进度如58%等内容。任务 3移动党务页界面设计1.移动党务页面包括顶部宣传横幅、党费缴纳模块、视频会议模块、委员培训模块、我的关注模块、底部标签栏。2.宣传横幅以图文形式呈现可左右拖动展示不同内容。3.党费缴纳模块包含“在线党费缴纳” 说明提示提供“选择收入方式月薪制/年薪制”下拉选择框、“税后收入”输入框以及“立即缴纳”按钮。4.视频会议模块标注“视频会议录播”说明展示视频会议列表项每个项目包含会议名称、时长信息。5.委员培训模块标注“党务书籍”说明展示书籍列表项每个项目包含书籍封面、名称、简介、评分、阅读人数、相关话题标签及点赞数列表默认显示 2 本。6.我的关注模块标注“关注内容”说明展示关注对象头像及名称点击头像可进入对象主页。7.请自行设计关注对象主页。任务 4互动交流页界面设计1.互动交流页面包括顶部标题栏、视频/图文展示区、数据统计模块、热门互动交流模块、我的笔记模块、培训心得模块、底部标签栏。2.视频展示区呈现宣传幻灯片每三秒自动切换一次每张幻灯片呈现带播放标识的内容卡片点击进入视频详情页。3.数据统计模块以“图标数字文字”形式展示 3 项数据“培训心得”“互动交流”“笔记记录”直观呈现各类互动数据。4.热门互动交流模块右侧设“更多”按钮展示用户发布的互动内容列表每条内容包含用户头像、昵称、发布时间、内容文本以及用户自评留言与表情。5.我的笔记模块右侧设“更多”按钮按主题分类展示笔记每个分类标注“已记 X 笔”下方列出笔记内容。6.培训心得模块右侧设“更多”按钮展示心得内容卡片包含封面图、发布时间、浏览量以及心得分享文本。7.请自行设计视频详情页面包含以下内容视频标题、播放量、发布时间、点赞数、评论、收藏图标等内容。任务 5个人中心页界面设计1.互动交流个人中心子页页面包括顶部用户信息区、数据统计模块、我的兴趣模块、常用入口模块、底部标签栏。2.用户信息区展示用户头像、昵称以及“我的积分”红色标识卡片右上角设二维码图标。3.数据统计模块横向展示 3 项数据卡片“我的收藏”“我的订阅”“浏览历史”。4.我的兴趣模块展示用户关注的兴趣标签如“十九大会议” “传播中国”等右上角设布局切换图标。5.常用入口模块以“红色图标文字”形式展示 8 个功能入口 “我的订阅”“我的关注”“我要答题”“学习报表”“使用手册”“我的排行”“建议反馈”“软件设置”。6.点击“我要答题”图标进入答题页面包含两部分内容答题练习和答题竞赛其中答题练习包含三类每日答题、专项答题、错题集答题竞赛包含三类挑战答题、双人对战、四人赛。请自行设计这个页面的内容能吸引用户积极参与。子模块B移动应用前端开发一、模块考核点根据任务要求遵循移动应用开发流程和规范选用MUI、uni-app或Java 技术进行App 应用模块的前端代码编写使用已提供的标准化后端服务接口RESTful API进行业务数据获取完成业务功能开发。二、任务要求1.利用移动开发工具 Android Studio 创建名为“ModuleB”项目或利用 HbuilderX 打开项目“ModuleB-初始框架”按照任务描述完成App 功能开发。2.实现 App 打包发布 将打包后的 release 版本“ 子模块 B_APP.apk”“子模块B_源代码”文件作为模块B 成果物进行提交。任务 1实现引导页设计1.首次启动 APP 显示引导页第二次及以后启动直接跳过引导页进入登录页引导页面具有 4 页可以左右滑动切换也可点击底部按钮切换。2.每个页面顶部居中的进度点显示当前步骤已完成步骤有不同视觉状态“跳过按钮”固定在右上角点击能跳过引导直接进入登录页面。3.每个页面使用不同的渐变色背景营造视觉区分度中部展示 “APP 图标标题功能描述”的组合“标题功能描述”有渐入向上移动的动画效果点击“开始了解→”按钮进入下一页。4.第 2、3 页底部左右分布“上一步/下一步”按钮点击可进入上一页或下一页第 4 页底部左右分布“上一步/开始使用”按钮点击可进入上一页或进入登录页面。任务 2实现登录功能1.登录页头部显示渐变背景、APP 图标、应用名称和宣传语点击“再次查看引导”可重新打开引导页下面是三个选项卡标签登录、注册、忘记密码点击可切换到对应表单。2.登录表单由用户名或手机号输入框、密码输入框、记住我勾选框、忘记密码入口链接、登录按钮、已阅读并同意……勾选框、其它方式登录微信、支付宝构成点击登录按钮先对用户名和密码做必要的校验然后请求API 进行登录成功后进入APP 主页面。3.辅助功能按钮在屏幕右下角固定显示两个按钮点击左边按钮可切换登录表单以大字体展示点击右边按钮可切换登录表单以高对比度展示切换时在页面右上角有操作提示。任务 3实现主界面设计1.主页面从上到下由顶部导航栏、个人信息、公告栏、健康状态、快捷功能、活动推荐、热门课程、底部导航栏和急救按钮构成。2.顶部导航栏左侧显示 Logo 图标、标题文字“幸福养老社区”和双向箭头图标点击双向箭头图标可打开社区选择模态窗口右侧显示天气信息。3.公告栏由图标、公告标题和右箭头图标构成点击右箭头图标打开公告详情模态窗口显示公告内容。公告数据通过请求 API 获取。4.社区选择模态窗由标题、关闭按钮和小区名称列表构成点击列表项模态窗关闭主界面左上角的小区名称也随之更新。社区列表项通过请求API 获取。5.个人信息左侧展示称谓、问候语右侧展示个人头像底部展示健康积分。个人信息通过请求API 获取。6.健康状态标题区展示“图标标题”“健康报告”按钮内容区展示血压、血糖、心率、今日步数四项数据每项数据由图标、数据、名称、对比情况和状态底部有“刷新健康数据”按钮每次点击可生成一组随机数据在内容区展示。7.快捷功能标题区展示“图标标题”、更多链接内容区横向分布三个按钮每个按钮由“图标文字”构成图标在上文字在下点击按钮可进入相应的页面。8.活动推荐标题区展示“图标标题”、查看全部链接内容区横向展示多个活动卡片包括大图、标题、日期、位置、已报名人数。活动数据通过请求API 获取。9.热门课程标题区展示“图标标题”、查看全部链接内容区纵向展示多个课程包括大图、标题、简要介绍、时间、学习进度。课程数据通过请求API 获取。10.急救按钮页面右下角浮动显示“SOS”急救按钮和上方提示文字按下打开 3 秒自动打开紧急呼救页面紧急呼救页面顶部显示返回箭头按钮、标题文字、提示文字中部展示“图标提示文字”、已通知的联系人列表底部展示拨打急救电话和返回首页按钮点击拨打急救电话按钮打开手机拨号界面。11.底部导航栏采用图标加文字方式显示图标在上文字在下共五个图标分别为首页、健康、服务、社区、我的点击标签进入对应页面并颜色标记当前页面所在导航栏。任务 4实现用药提醒功能在App 主页面上在快捷功能区点击“用药提醒”进入本页面。本功能基于素材数据和本地存储实现。1.顶部导航左侧为返回箭头按钮点击返回APP 主界面中间显示“用药提醒”标题下部为下一个服用药品的时间点击右侧“”按钮打开添加药品页面。2.添加药品页面标题区左侧显示“添加药品”、右侧显示关闭按钮内容区为相关表单元素填写完成后点击底部“添加药品”按钮该药品在今日待服药区展示。3.今日待服药以卡片形式展示待服药品名称、剂量、时间、已服用按钮、跳过按钮。点击“已服用”和“跳过”按钮该药品在已完成的服药区域展示。4.已完成的服药以卡片形式展示已服用或跳过的药品每个卡片内容包括药品名称、剂量、状态、查看详情按钮点击查看详情按钮打开药品详情页面。5.药品详情页面顶部标题区展示返回按钮、标题和右侧编辑图标按钮内容区展示当前药品的信息包括名称、剂量、状态、说明、服药历史。任务 5实现健康报告功能在App 主页面上在底部导航栏点击“健康”或在健康状态区点击“健康报告”进入本页面。本功能基于素材数据实现。1.顶部标题栏有返回箭头图标按钮、标题、说明文字。2.日期筛选标签本周、本月、本季、全年点击可以在健康总览区展示健康数据统计。3.健康总览区标题栏展示标题和日期范围内容区默认展示本周的健康数据包括血压、血糖、步数、睡眠统计。4.血压趋势分析以平滑双曲线展示周、月、本季、全年不同的图表。5.血糖趋势分析以平滑双曲线展示周、月、本季、全年不同的图表点击图表可展示对应的数据标签。6.运动与睡眠分析以柱形图和折线图分别展示步数和睡眠时长。7.个性化健康建议区域以卡片形式展示血压管理建议、饮食建议、需关注事项。任务 6实现我的功能在App 主页面上在底部导航栏点击“我的”进入本页面。本功能数据通过请求API 获取。1.我的页面由顶部头像、个人信息、联系信息、账户安全、紧急联系人构成。2.顶部头像包括个人头像、姓名、关注的课程、年龄、ID 号、安全退出按钮点击安全退出按钮请求 API 进行注销登录然后自动跳转到登录页点击个人头像弹出更换头像模态框可选择系统提供的头像。3.个人信息显示姓名、性别、出生日期、身份证号点击姓名弹出模态框可修改姓名。4.联系信息显示手机号码、电子邮箱、居住地址点击编辑按钮弹出模态框可修改紧急联系人信息。5.账号安全列表显示修改登录密码、修改支付密码、修改安全问题的入口点击修改登录密码列表项弹出修改密码模态框。6.紧急联系人显示主要联系人姓名、电话点击编辑按钮弹出模态框可修改紧急联系人信息。需要竞赛样题源码答案可联系博主需要竞赛样题源码答案可联系博主