2022年甘肃省职业技能大赛小程序设计与开发赛项（高职学生组）试题 C卷

2022年甘肃省职业技能大赛

小程序设计与开发赛项（高职学生组）

（C卷）

竞

赛

试

题

工位号：________________

赛题说明

一、竞赛内容

本试卷适用于Window10平台，共一套综合题，其中包含“需求分

析”、“初步设计”和“功能模块开发”3个模块，共10项任务，试卷

满分100分。

模块一模块二模块三

任务总分

12345678910

分值1555510108141216100

二、竞赛时间

竞赛时间：共计240分钟。

三、竞赛事项要求

1.参赛选手不得携带通信设备等物品进入赛场，违反者按作弊处理。

2.请根据大赛所提供的比赛环境，检查所列的硬件设备、软件清单、

材料清单是否齐全，计算机设备是否能正常使用。

3.竞赛结束前，将各试题代码整合，部署并运行到竞赛所提供的计

算机设备上，并提交所有的成果物到大赛组委会提供的U盘中，目录格

式如图1所示：

第2页/共19页

图1模块提交目录格式

4.竞赛结束时，请将U盘、试卷和答题纸统一提交。并将设计说明

书文档拷贝到计算机的桌面。所用的所有物品（包括试卷和稿纸）禁止

带离赛场。

5.裁判以各参赛队发布到本选手竞赛计算机上的最终成果物为评分

依据。严禁在程序及运行结果中任何位置标注竞赛队的任何信息，否则

按照作弊处理。

注：后台接口访问地址为：http://localhost:8080/wx

测试账号：user/123123

第3页/共19页

模块A需求分析

任务一完成订单支付模块设计说明书文档的编写（15分）

任务描述：分析订单支付模块的功能，根据任务十的功能需求，参照U盘中“赛项

试卷”目录中的“需求设计说明书（模板）”文档格式，完成订单支付模块需求说明书

文档的编写。

要求：文档要符合软件规范要求。

提交作品：需要提交订单支付模块需求设计说明书。

分值：本任务共15分。

第4页/共19页

模块B初步设计

业务背景

某高校拟在“智慧校园”微信小程序内增加“在线外语学习”功能模块，升级传

统的外语学习与考试模式，为学生提供更加便捷的语言学习与自学测试。该模块功能主

要包含：注册、登录，登录后根据语言等级查看相应的练习和考试、能下载相应的资源

及考试等。

任务要求：

1、进行“在线外语学习”模块功能初步设计，符合应用场景；

2、利用AdobeXD软件，绘制功能页面原型；

3、页面之间具有交互功能体现；

4、页面设计需符合微信小程序整体设计规范；

任务二“首页”页面原型绘制（5分）

任务说明：

1、页面主体分为底部导航栏和内容主体部分，底部导航栏包含：“首页”、“分类”、

“我的”三个模块；

2、首页主要包含：广告轮播组件、推荐课程列表。其中课程列表主要包含：课程

图片、课程名称、课程介绍。

任务三“课程列表”页面原型绘制（5分）

第5页/共19页

任务说明：

1.点击某个课程，进入“课程列表”页面。页面包含但不限于以下几个部分：顶

部导航栏、筛选条、筛选卡片、课程列表；

2.各部分说明如下：

（一）顶部导航栏

包含返回按钮和页面标题。

（二）筛选条

点击筛选条件button，下拉展示筛选框。

（三）筛选条件卡片

支持“语种”、“等级”2个分类筛选条件，每种条件下支持多选、不同条件组

合多选功能，具体筛选项如下：

①语种：英语、日语、法语；

②等级：二级、四级、六级。

（四）课程列表

课程列表主要包含：课程图片、课程名称、课程介绍。

任务四“课程详情”页面原型绘制（5分）

任务说明：

1.点击某个课程，进入“课程详情”页面。页面包含但不限于以下几个部分：顶

部导航栏、课程详情卡片、课程章节列表、模拟考试按钮；

2.各部分说明如下：

（一）顶部导航栏

第6页/共19页

包含返回按钮和页面标题。

（二）课程详情卡片

包含课程图片、课程名称、课程简介、课程章节总数。

（三）课程章节列表

列举了课程的所有章节信息，每个章节包含章节图标、章节名称。每个章下可

以包含多个节信息，可以通过按钮控制下面节列表的显示和隐藏。每个节包含图标、

节名称、资源类型（文章、视频、音频）。

任务五“模拟考试”页面原型绘制（10分）

任务说明：

1.点击课程详情的底部“模拟考试”按钮，进入“模拟考试”页面。页面包含但

不限于以下几个部分：顶部导航栏、试题展示区、音频播放区；

2.各部分说明如下：

（一）顶部导航栏

包含返回按钮和页面标题。

（二）试题展示区

试题展示区展示了试题列表，每个试题为选择题，包含题干、答案选项（A、B、

C、D）、选择区域（含四个选项按钮，用于选择答案）。

（三）音频播放区

浮动在底部，包含播放进度条、当前播放时间、总时间，播放按钮/暂停按钮。

第7页/共19页

模块C功能编码

任务六实现忘记密码模块（10分）

任务描述：个人中心页面点击登录，点击账号登录，跳转至登录页面、点击忘记密

码跳转至密码重置页面如图3-1，输入手机号获取验证码，输入验证码、密码、确认密

码，点击密码重置按钮提交，实现密码重置，如图3-2。

图3-1密码重置

第8页/共19页

图3-2发送验证码

要求：

1．完成页面布局。

2．输入手机号获取验证码，输入验证码、密码、确认密码，点击密码重置按钮提

交，实现密码重置，如图3-1。

3．需要对输入的数据进行校验，需要校验手机号码是否为1开头第二位数为

3,4,5,7,8之间的纯数字号码，密码不能低于6位。

4.点击获取验证码提示“验证码已发送”，如图3-2。

第9页/共19页

提交作品：保存完成的页面。

分值：本任务共10分。

其他：【API接口参考】

接口名称API

发送验证码api:8080/wx/auth/VerificationCode

重置密码api:8080/wx/auth/AccountPasswordReset

详见U盘\02竞赛平台手册\小程序开发平台API说明书

任务七实现首页广告轮播模块（8分）

任务描述：实现首页轮播图，如图3-3。

图3-3轮播图

第10页/共19页

要求：

1．完成页面布局，实现首页轮播图，如图3-3。

提交作品：保存完成的页面。

分值：本任务共8分。

其他：【API接口参考】

接口名称API

首页轮播图API:8080/wx/rotationChart/getAllRotationChart

详见U盘\02竞赛平台手册\小程序开发平台API说明书

任务八实现商品分类主页功能（14分）

任务描述：进入首页点击底部的分类菜单进入分类页面，显示一级分类与二级分类，

如图3-4。

第11页/共19页

图3-4分类页面

要求：

1．完成页面布局。

2．左侧为一级分类，右侧为二级分类，二级分类包括分类名称、分类图标，切换

左侧一级分类，右侧分类信息联动更换。一级分类选中后，具备选中效果。

提交作品：保存完成的页面。

分值：本任务共14分。

其他：【API接口参考】

接口名称API

获取分类列表api:8080/wx/ProductCategory/catalog/index

获取二级分类api:8080/wx/ProductCategory/catalog/index

详见U盘\02竞赛平台手册\小程序开发平台API说明书

第12页/共19页

任务九实现我的足迹功能（12分）

任务描述：设计我的足迹页面，在个人中心点击我的足迹进入足迹页面，按照时间

进行分组显示如图3-5，足迹商品包括图片、名称、价格，点击删除全部足迹可删除所

有记录。

图3-5我的足迹

第13页/共19页

图3-6我的足迹

要求：

1．完成页面布局，“删除全部足迹”按钮吸附在底部。

2．显示足迹商品，按天为单位进行分组，并显示时间，商品一行一个，商品包括

图片、名称、价格。

3．滑到最底部时提示“没有更多用户足迹了”。

4.点击“删除全部足迹”按钮可删除所有的足迹。

提交作品：保存完成的页面。

分值：本任务共12分。

其他：【API接口参考】

接口名称API

第14页/共19页

查询我的足迹API:8080/wx/footprints/getAllFootprints

详见U盘\02竞赛平台手册\小程序开发平台API说明书

任务十实现订单支付功能（16分）

任务描述：进入商品详情页点击购买进入填写订单页如图3-7，选择收货地址点击

去付款即可进行订单支付，如果用户取消支付则改订单为未支付订单。

图3-7填写订单

第15页/共19页

图3-8支付页

第16页/共19页

图3-9支付失败结果页

第17页/共19页

图3-10支付成功结果页

要求：

1．完成页面布局。

2．订单填写页面可选择收货人信息，收货人信息包括名称、是否默认、电话、地

址，详细地址。

3.显示商品合计金额、运费、商品信息，商品信息包括图片、名称、价格、数量。

4.点击去付款，显示付款金额，点击确定支付可支付订单如图3-8，支付成功后跳

转支付结果页如图3-10，取消支付订单自动生成为未支付订单并跳转至支付