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

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

小程序設計與開發(fā)賽項（高職學生組）

（C卷）

競

賽

試

題

工位號：________________

賽題說明

一、競賽內容

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

析”、“初步設計”和“功能模塊開發(fā)”3個模塊，共10項任務，試卷

滿分100分。

模塊一模塊二模塊三

任務總分

12345678910

分值1555510108141216100

二、競賽時間

競賽時間：共計240分鐘。

三、競賽事項要求

1.參賽選手不得攜帶通信設備等物品進入賽場，違反者按作弊處理。

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

材料清單是否齊全，計算機設備是否能正常使用。

3.競賽結束前，將各試題代碼整合，部署并運行到競賽所提供的計

算機設備上，并提交所有的成果物到大賽組委會提供的U盤中，目錄格

式如圖1所示：

第2頁/共19頁

圖1模塊提交目錄格式

4.競賽結束時，請將U盤、試卷和答題紙統(tǒng)一提交。并將設計說明

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

帶離賽場。

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

依據(jù)。嚴禁在程序及運行結果中任何位置標注競賽隊的任何信息，否則

按照作弊處理。

注：后臺接口訪問地址為：http://localhost:8080/wx

測試賬號：user/123123

第3頁/共19頁

模塊A需求分析

任務一完成訂單支付模塊設計說明書文檔的編寫（15分）

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

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

文檔的編寫。

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

提交作品：需要提交訂單支付模塊需求設計說明書。

分值：本任務共15分。

第4頁/共19頁

模塊B初步設計

業(yè)務背景

某高校擬在“智慧校園”微信小程序內增加“在線外語學習”功能模塊，升級傳

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

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

及考試等。

任務要求：

1、進行“在線外語學習”模塊功能初步設計，符合應用場景；

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

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

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

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

任務說明：

1、頁面主體分為底部導航欄和內容主體部分，底部導航欄包含：“首頁”、“分類”、

“我的”三個模塊；

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

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

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

第5頁/共19頁

任務說明：

1.點擊某個課程，進入“課程列表”頁面。頁面包含但不限于以下幾個部分：頂

部導航欄、篩選條、篩選卡片、課程列表；

2.各部分說明如下：

（一）頂部導航欄

包含返回按鈕和頁面標題。

（二）篩選條

點擊篩選條件button，下拉展示篩選框。

（三）篩選條件卡片

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

合多選功能，具體篩選項如下：

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

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

（四）課程列表

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

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

任務說明：

1.點擊某個課程，進入“課程詳情”頁面。頁面包含但不限于以下幾個部分：頂

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

2.各部分說明如下：

（一）頂部導航欄

第6頁/共19頁

包含返回按鈕和頁面標題。

（二）課程詳情卡片

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

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

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

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

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

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

任務說明：

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

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

2.各部分說明如下：

（一）頂部導航欄

包含返回按鈕和頁面標題。

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

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

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

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

浮動在底部，包含播放進度條、當前播放時間、總時間，播放按鈕/暫停按鈕。

第7頁/共19頁

模塊C功能編碼

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

任務描述：個人中心頁面點擊登錄，點擊賬號登錄，跳轉至登錄頁面、點擊忘記密

碼跳轉至密碼重置頁面如圖3-1，輸入手機號獲取驗證碼，輸入驗證碼、密碼、確認密

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

圖3-1密碼重置

第8頁/共19頁

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

要求：

1．完成頁面布局。

2．輸入手機號獲取驗證碼，輸入驗證碼、密碼、確認密碼，點擊密碼重置按鈕提

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

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

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

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

第9頁/共19頁

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

分值：本任務共10分。

其他：【API接口參考】

接口名稱API

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

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

詳見U盤\02競賽平臺手冊\小程序開發(fā)平臺API說明書

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

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

圖3-3輪播圖

第10頁/共19頁

要求：

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

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

分值：本任務共8分。

其他：【API接口參考】

接口名稱API

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

詳見U盤\02競賽平臺手冊\小程序開發(fā)平臺API說明書

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

任務描述：進入首頁點擊底部的分類菜單進入分類頁面，顯示一級分類與二級分類，

如圖3-4。

第11頁/共19頁

圖3-4分類頁面

要求：

1．完成頁面布局。

2．左側為一級分類，右側為二級分類，二級分類包括分類名稱、分類圖標，切換

左側一級分類，右側分類信息聯(lián)動更換。一級分類選中后，具備選中效果。

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

分值：本任務共14分。

其他：【API接口參考】

接口名稱API

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

獲取二級分類api:8080/wx/ProductCategory/catalog/index

詳見U盤\02競賽平臺手冊\小程序開發(fā)平臺API說明書

第12頁/共19頁

任務九實現(xiàn)我的足跡功能（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競賽平臺手冊\小程序開發(fā)平臺API說明書

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

任務描述：進入商品詳情頁點擊購買進入填寫訂單頁如圖3-7，選擇收貨地址點擊

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

圖3-7填寫訂單

第15頁/共19頁

圖3-8支付頁

第16頁/共19頁

圖3-9支付失敗結果頁

第17頁/共19頁

圖3-10支付成功結果頁

要求：

1．完成頁面布局。

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

址，詳細地址。

3.顯示商品合計金額、運費、商品信息，商品信息包括圖片、名稱、價格、數(shù)量。

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

轉支付結果頁如圖3-10，取消支付訂單自動生成為未支付訂單并跳轉至支付