2022年甘肅省職業(yè)技能大賽小程序設(shè)計(jì)與開發(fā)賽項(xiàng)（高職學(xué)生組）試題 C卷

2022年甘肅省職業(yè)技能大賽

小程序設(shè)計(jì)與開發(fā)賽項(xiàng)（高職學(xué)生組）

（C卷）

競(jìng)

賽

試

題

工位號(hào)：________________

賽題說明

一、競(jìng)賽內(nèi)容

本試卷適用于Window10平臺(tái)，共一套綜合題，其中包含“需求分

析”、“初步設(shè)計(jì)”和“功能模塊開發(fā)”3個(gè)模塊，共10項(xiàng)任務(wù)，試卷

滿分100分。

模塊一模塊二模塊三

任務(wù)總分

12345678910

分值1555510108141216100

二、競(jìng)賽時(shí)間

競(jìng)賽時(shí)間：共計(jì)240分鐘。

三、競(jìng)賽事項(xiàng)要求

1.參賽選手不得攜帶通信設(shè)備等物品進(jìn)入賽場(chǎng)，違反者按作弊處理。

2.請(qǐng)根據(jù)大賽所提供的比賽環(huán)境，檢查所列的硬件設(shè)備、軟件清單、

材料清單是否齊全，計(jì)算機(jī)設(shè)備是否能正常使用。

3.競(jìng)賽結(jié)束前，將各試題代碼整合，部署并運(yùn)行到競(jìng)賽所提供的計(jì)

算機(jī)設(shè)備上，并提交所有的成果物到大賽組委會(huì)提供的U盤中，目錄格

式如圖1所示：

第2頁/共19頁

圖1模塊提交目錄格式

4.競(jìng)賽結(jié)束時(shí)，請(qǐng)將U盤、試卷和答題紙統(tǒng)一提交。并將設(shè)計(jì)說明

書文檔拷貝到計(jì)算機(jī)的桌面。所用的所有物品（包括試卷和稿紙）禁止

帶離賽場(chǎng)。

5.裁判以各參賽隊(duì)發(fā)布到本選手競(jìng)賽計(jì)算機(jī)上的最終成果物為評(píng)分

依據(jù)。嚴(yán)禁在程序及運(yùn)行結(jié)果中任何位置標(biāo)注競(jìng)賽隊(duì)的任何信息，否則

按照作弊處理。

注：后臺(tái)接口訪問地址為：http://localhost:8080/wx

測(cè)試賬號(hào)：user/123123

第3頁/共19頁

模塊A需求分析

任務(wù)一完成訂單支付模塊設(shè)計(jì)說明書文檔的編寫（15分）

任務(wù)描述：分析訂單支付模塊的功能，根據(jù)任務(wù)十的功能需求，參照U盤中“賽項(xiàng)

試卷”目錄中的“需求設(shè)計(jì)說明書（模板）”文檔格式，完成訂單支付模塊需求說明書

文檔的編寫。

要求：文檔要符合軟件規(guī)范要求。

提交作品：需要提交訂單支付模塊需求設(shè)計(jì)說明書。

分值：本任務(wù)共15分。

第4頁/共19頁

模塊B初步設(shè)計(jì)

業(yè)務(wù)背景

某高校擬在“智慧校園”微信小程序內(nèi)增加“在線外語學(xué)習(xí)”功能模塊，升級(jí)傳

統(tǒng)的外語學(xué)習(xí)與考試模式，為學(xué)生提供更加便捷的語言學(xué)習(xí)與自學(xué)測(cè)試。該模塊功能主

要包含：注冊(cè)、登錄，登錄后根據(jù)語言等級(jí)查看相應(yīng)的練習(xí)和考試、能下載相應(yīng)的資源

及考試等。

任務(wù)要求：

1、進(jìn)行“在線外語學(xué)習(xí)”模塊功能初步設(shè)計(jì)，符合應(yīng)用場(chǎng)景；

2、利用AdobeXD軟件，繪制功能頁面原型；

3、頁面之間具有交互功能體現(xiàn)；

4、頁面設(shè)計(jì)需符合微信小程序整體設(shè)計(jì)規(guī)范；

任務(wù)二“首頁”頁面原型繪制（5分）

任務(wù)說明：

1、頁面主體分為底部導(dǎo)航欄和內(nèi)容主體部分，底部導(dǎo)航欄包含：“首頁”、“分類”、

“我的”三個(gè)模塊；

2、首頁主要包含：廣告輪播組件、推薦課程列表。其中課程列表主要包含：課程

圖片、課程名稱、課程介紹。

任務(wù)三“課程列表”頁面原型繪制（5分）

第5頁/共19頁

任務(wù)說明：

1.點(diǎn)擊某個(gè)課程，進(jìn)入“課程列表”頁面。頁面包含但不限于以下幾個(gè)部分：頂

部導(dǎo)航欄、篩選條、篩選卡片、課程列表；

2.各部分說明如下：

（一）頂部導(dǎo)航欄

包含返回按鈕和頁面標(biāo)題。

（二）篩選條

點(diǎn)擊篩選條件button，下拉展示篩選框。

（三）篩選條件卡片

支持“語種”、“等級(jí)”2個(gè)分類篩選條件，每種條件下支持多選、不同條件組

合多選功能，具體篩選項(xiàng)如下：

①語種：英語、日語、法語；

②等級(jí)：二級(jí)、四級(jí)、六級(jí)。

（四）課程列表

課程列表主要包含：課程圖片、課程名稱、課程介紹。

任務(wù)四“課程詳情”頁面原型繪制（5分）

任務(wù)說明：

1.點(diǎn)擊某個(gè)課程，進(jìn)入“課程詳情”頁面。頁面包含但不限于以下幾個(gè)部分：頂

部導(dǎo)航欄、課程詳情卡片、課程章節(jié)列表、模擬考試按鈕；

2.各部分說明如下：

（一）頂部導(dǎo)航欄

第6頁/共19頁

包含返回按鈕和頁面標(biāo)題。

（二）課程詳情卡片

包含課程圖片、課程名稱、課程簡(jiǎn)介、課程章節(jié)總數(shù)。

（三）課程章節(jié)列表

列舉了課程的所有章節(jié)信息，每個(gè)章節(jié)包含章節(jié)圖標(biāo)、章節(jié)名稱。每個(gè)章下可

以包含多個(gè)節(jié)信息，可以通過按鈕控制下面節(jié)列表的顯示和隱藏。每個(gè)節(jié)包含圖標(biāo)、

節(jié)名稱、資源類型（文章、視頻、音頻）。

任務(wù)五“模擬考試”頁面原型繪制（10分）

任務(wù)說明：

1.點(diǎn)擊課程詳情的底部“模擬考試”按鈕，進(jìn)入“模擬考試”頁面。頁面包含但

不限于以下幾個(gè)部分：頂部導(dǎo)航欄、試題展示區(qū)、音頻播放區(qū)；

2.各部分說明如下：

（一）頂部導(dǎo)航欄

包含返回按鈕和頁面標(biāo)題。

（二）試題展示區(qū)

試題展示區(qū)展示了試題列表，每個(gè)試題為選擇題，包含題干、答案選項(xiàng)（A、B、

C、D）、選擇區(qū)域（含四個(gè)選項(xiàng)按鈕，用于選擇答案）。

（三）音頻播放區(qū)

浮動(dòng)在底部，包含播放進(jìn)度條、當(dāng)前播放時(shí)間、總時(shí)間，播放按鈕/暫停按鈕。

第7頁/共19頁

模塊C功能編碼

任務(wù)六實(shí)現(xiàn)忘記密碼模塊（10分）

任務(wù)描述：個(gè)人中心頁面點(diǎn)擊登錄，點(diǎn)擊賬號(hào)登錄，跳轉(zhuǎn)至登錄頁面、點(diǎn)擊忘記密

碼跳轉(zhuǎn)至密碼重置頁面如圖3-1，輸入手機(jī)號(hào)獲取驗(yàn)證碼，輸入驗(yàn)證碼、密碼、確認(rèn)密

碼，點(diǎn)擊密碼重置按鈕提交，實(shí)現(xiàn)密碼重置，如圖3-2。

圖3-1密碼重置

第8頁/共19頁

圖3-2發(fā)送驗(yàn)證碼

要求：

1．完成頁面布局。

2．輸入手機(jī)號(hào)獲取驗(yàn)證碼，輸入驗(yàn)證碼、密碼、確認(rèn)密碼，點(diǎn)擊密碼重置按鈕提

交，實(shí)現(xiàn)密碼重置，如圖3-1。

3．需要對(duì)輸入的數(shù)據(jù)進(jìn)行校驗(yàn)，需要校驗(yàn)手機(jī)號(hào)碼是否為1開頭第二位數(shù)為

3,4,5,7,8之間的純數(shù)字號(hào)碼，密碼不能低于6位。

4.點(diǎn)擊獲取驗(yàn)證碼提示“驗(yàn)證碼已發(fā)送”，如圖3-2。

第9頁/共19頁

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

分值：本任務(wù)共10分。

其他：【API接口參考】

接口名稱API

發(fā)送驗(yàn)證碼api:8080/wx/auth/VerificationCode

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

詳見U盤\02競(jìng)賽平臺(tái)手冊(cè)\小程序開發(fā)平臺(tái)API說明書

任務(wù)七實(shí)現(xiàn)首頁廣告輪播模塊（8分）

任務(wù)描述：實(shí)現(xiàn)首頁輪播圖，如圖3-3。

圖3-3輪播圖

第10頁/共19頁

要求：

1．完成頁面布局，實(shí)現(xiàn)首頁輪播圖，如圖3-3。

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

分值：本任務(wù)共8分。

其他：【API接口參考】

接口名稱API

首頁輪播圖API:8080/wx/rotationChart/getAllRotationChart

詳見U盤\02競(jìng)賽平臺(tái)手冊(cè)\小程序開發(fā)平臺(tái)API說明書

任務(wù)八實(shí)現(xiàn)商品分類主頁功能（14分）

任務(wù)描述：進(jìn)入首頁點(diǎn)擊底部的分類菜單進(jìn)入分類頁面，顯示一級(jí)分類與二級(jí)分類，

如圖3-4。

第11頁/共19頁

圖3-4分類頁面

要求：

1．完成頁面布局。

2．左側(cè)為一級(jí)分類，右側(cè)為二級(jí)分類，二級(jí)分類包括分類名稱、分類圖標(biāo)，切換

左側(cè)一級(jí)分類，右側(cè)分類信息聯(lián)動(dòng)更換。一級(jí)分類選中后，具備選中效果。

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

分值：本任務(wù)共14分。

其他：【API接口參考】

接口名稱API

獲取分類列表api:8080/wx/ProductCategory/catalog/index

獲取二級(jí)分類api:8080/wx/ProductCategory/catalog/index

詳見U盤\02競(jìng)賽平臺(tái)手冊(cè)\小程序開發(fā)平臺(tái)API說明書

第12頁/共19頁

任務(wù)九實(shí)現(xiàn)我的足跡功能（12分）

任務(wù)描述：設(shè)計(jì)我的足跡頁面，在個(gè)人中心點(diǎn)擊我的足跡進(jìn)入足跡頁面，按照時(shí)間

進(jìn)行分組顯示如圖3-5，足跡商品包括圖片、名稱、價(jià)格，點(diǎn)擊刪除全部足跡可刪除所

有記錄。

圖3-5我的足跡

第13頁/共19頁

圖3-6我的足跡

要求：

1．完成頁面布局，“刪除全部足跡”按鈕吸附在底部。

2．顯示足跡商品，按天為單位進(jìn)行分組，并顯示時(shí)間，商品一行一個(gè)，商品包括

圖片、名稱、價(jià)格。

3．滑到最底部時(shí)提示“沒有更多用戶足跡了”。

4.點(diǎn)擊“刪除全部足跡”按鈕可刪除所有的足跡。

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

分值：本任務(wù)共12分。

其他：【API接口參考】

接口名稱API

第14頁/共19頁

查詢我的足跡API:8080/wx/footprints/getAllFootprints

詳見U盤\02競(jìng)賽平臺(tái)手冊(cè)\小程序開發(fā)平臺(tái)API說明書

任務(wù)十實(shí)現(xiàn)訂單支付功能（16分）

任務(wù)描述：進(jìn)入商品詳情頁點(diǎn)擊購買進(jìn)入填寫訂單頁如圖3-7，選擇收貨地址點(diǎn)擊

去付款即可進(jìn)行訂單支付，如果用戶取消支付則改訂單為未支付訂單。

圖3-7填寫訂單

第15頁/共19頁

圖3-8支付頁

第16頁/共19頁

圖3-9支付失敗結(jié)果頁

第17頁/共19頁

圖3-10支付成功結(jié)果頁

要求：

1．完成頁面布局。

2．訂單填寫頁面可選擇收貨人信息，收貨人信息包括名稱、是否默認(rèn)、電話、地

址，詳細(xì)地址。

3.顯示商品合計(jì)金額、運(yùn)費(fèi)、商品信息，商品信息包括圖片、名稱、價(jià)格、數(shù)量。

4.點(diǎn)擊去付款，顯示付款金額，點(diǎn)擊確定支付可支付訂單如圖3-8，支付成功后跳

轉(zhuǎn)支付結(jié)果頁如圖3-10，取消支付訂單自動(dòng)生成為未支付訂單并跳轉(zhuǎn)至支付