《河北省2022年職業(yè)院校技能大賽“Web技術(shù)職業(yè)技能大賽”（高職組）賽項(xiàng)樣卷》

本試卷適用于Window7/10平臺，共一套綜合題，其中包含系統(tǒng)設(shè)計(jì)、程序排錯(cuò)和功能編碼3個(gè)模塊，共11項(xiàng)任務(wù)，試卷滿分100分。123456789分值558競賽時(shí)間：共計(jì)240分鐘。1.參賽選手不得攜帶通信設(shè)備等物品進(jìn)入賽場，違反者按3.競賽結(jié)束前，將各試題代碼整合，部署并運(yùn)行到競賽所提供的服務(wù)器設(shè)備上，并提交一個(gè)完整的項(xiàng)目工程代碼到大賽組委會提供的U盤中，目錄格式如圖1所示。01工程代碼03輔助文檔04電子試卷05系統(tǒng)設(shè)計(jì)說明書(模板)4.競賽結(jié)束時(shí)，請將U盤、試卷和答題紙統(tǒng)一提交。并將設(shè)計(jì)說明書文檔拷貝到1號計(jì)算機(jī)的桌面。所用的所有物品(包括試卷和稿紙)禁止帶離賽場。5.裁判以各參賽隊(duì)發(fā)布到服務(wù)器上的項(xiàng)目的運(yùn)行結(jié)果為評服務(wù)器PC1PC2項(xiàng)目本地導(dǎo)入編譯運(yùn)行后，在本地瀏覽器中分別鍵入下列Radio單選框指南組件資源2.4.11~Upload上傳7.SvnServer服務(wù)(已經(jīng)安裝)Web技術(shù)職業(yè)技能大賽，主要面向Java開發(fā)工程師、軟件技術(shù)支持工程師等核心崗位。通過競賽，考察參賽選手實(shí)際軟件工程文檔編寫能力、工程項(xiàng)目的需求分析理解能力、程序編碼與排錯(cuò)能力、以及團(tuán)隊(duì)管理和協(xié)作能力，增強(qiáng)學(xué)生專業(yè)技能和職業(yè)素質(zhì)，提升教學(xué)環(huán)境與產(chǎn)業(yè)環(huán)境之間的契合度，讓參賽選手盡可能地適應(yīng)未來工作崗位的需要。推進(jìn)高職軟件技術(shù)專加強(qiáng)以“技術(shù)+模式+生態(tài)”為核心的協(xié)同創(chuàng)新持續(xù)深化軟件產(chǎn)業(yè)發(fā)展，建立健全產(chǎn)教融合、校企合作的人才培養(yǎng)機(jī)制，引領(lǐng)本試卷包括三個(gè)模塊：第一模塊為系統(tǒng)設(shè)計(jì)，根據(jù)U盤Web技術(shù)職業(yè)技能大賽試卷目錄中的《系統(tǒng)設(shè)計(jì)說明書(模模塊為程序排錯(cuò)，根據(jù)題目中所描述的錯(cuò)誤信息，基于給定的根據(jù)題目中所描述的需求，并參閱U盤中的輔助文檔，自行設(shè)2022年度河北省職業(yè)院校技能競賽高職Web技術(shù)職業(yè)技能大賽競賽任務(wù)(樣題)任務(wù)描述：分析管理端商品分類管理模塊的功能，根據(jù)任務(wù)十的功能需求，參照U盤中“Web技術(shù)職業(yè)技能大賽試卷”目錄中的“系統(tǒng)設(shè)計(jì)說明書(模板)”文檔格式，完成管理端商品分類管理模塊設(shè)計(jì)說明書文檔的編提交作品：需要提交管理端商品分類管理模塊設(shè)計(jì)說明書。分值：本任務(wù)共10分。任務(wù)描述：進(jìn)入移動商城端的商城頁面，商城頁面顯示如圖2-1所示。目前上方四個(gè)宮格為四宮格排列且?guī)в羞吙?，正常情況應(yīng)為四個(gè)宮格一字排開且無邊框如圖2-1右圖所示，請查明原因并修改?；胤e分商品積分商品限時(shí)拼團(tuán)合口回88合8積分簽到優(yōu)惠券①任務(wù)三在移動商城端，點(diǎn)擊首頁菜單欄中的積分商品，點(diǎn)擊積分商品進(jìn)入積分商品詳情頁，顯示積分商品詳情。示積分商品詳情如圖2-2所示，請查明原因并修改。PC主頁面如圖2-2所☆立即購買圖2-2普通商品詳情頁(左)積分商品詳情頁(右)任務(wù)四商品規(guī)格列表中的規(guī)格值顯示不正確值顯示不正常如圖2-3所示，正常為圖2-4所示。請查明原因并修改。[{"detair["200g”,"500g","1000g*]."value":"重量”]寸].value”:“尺寸}][{"detair.["A4","A31.value”:長”},{"detair;[”白色”。"紅任務(wù)五在移動商城端實(shí)現(xiàn)商品列表功能且可以根據(jù)綜合(后臺默認(rèn)排序)、價(jià)格(根據(jù)價(jià)格排序)、新品，三種情況進(jìn)行排序，進(jìn)入頁面默認(rèn)為綜合排序，普通商品如圖3-1所示，積分商品如圖3-2所示，當(dāng)列表商品超過10個(gè)時(shí)，只加載十個(gè)并在最底部顯示“點(diǎn)擊加載更多”選項(xiàng)，如圖3-3所示，并且每次點(diǎn)擊增加十條數(shù)當(dāng)點(diǎn)擊排序，且列表商品超過10個(gè)時(shí)，只加載十個(gè)并在最底部顯示“點(diǎn)商品列表商品列表綜合新品圖3-1全部商品<積分商品Q圖3-2積分商品圖3-3點(diǎn)擊加載更多1.點(diǎn)擊首頁菜單欄中的全部商品則可進(jìn)入商品列表顯示普通商品，如果點(diǎn)擊積分商品則商品列表全部顯示積分商品。2.可以根據(jù)綜合(后臺默認(rèn)排序)、價(jià)格(根據(jù)價(jià)格排序)、新品，三種情況進(jìn)行排序，進(jìn)入頁面默認(rèn)為綜合排序。3.當(dāng)為任意類型排序時(shí)，且列表商品超過10個(gè)時(shí)，只加載十個(gè)并在最底部顯示“點(diǎn)擊加載更多”選項(xiàng)，并且每次點(diǎn)擊增加十條數(shù)據(jù)。商品列表APIhttp://localhost:8008/api/p任務(wù)六在移動商城端，實(shí)現(xiàn)個(gè)人中心的訂單功能WZZ只待付款待發(fā)貨待收貨待評價(jià)已完成2021-07-2714:23:51待發(fā)貨綠茶味香水提醒發(fā)貨查看團(tuán)購提醒發(fā)貨待發(fā)貨分類只購物車任務(wù)七在移動商城端實(shí)現(xiàn)用戶錢包余額查詢和充值功能曰充值￥100贈送￥10曰充值￥1贈送￥10008只累計(jì)消費(fèi)(元)<心頁面，如圖3-6所示，在我的個(gè)人中心頁面單擊【我的錢包】打開我的錢包充值頁面，如圖3-7所示，在我的錢包充值頁面顯示當(dāng)前用戶的當(dāng)前地址管理>我的錢包>我的優(yōu)患>我的收藏>我的足跡>修改密碼>只合消費(fèi)以及充值方案，如圖3-7所示。http://localhost:8008/api/rechargehttp://localhost:8008/api/user/bhttp://localhost:8008/api/recharg任務(wù)八移動商城端實(shí)現(xiàn)我的足跡功能商品可跳轉(zhuǎn)至該商品詳情頁面如圖3-9所示，且在瀏覽商品時(shí)會產(chǎn)生足跡管理Q<Q<圖3-8我的足跡頁面商品詳情商品詳情只Q<圖3-9商品詳情顯示1.設(shè)計(jì)移動商城端我的足跡頁面，默認(rèn)按照最新時(shí)間來排序，如圖3-82.點(diǎn)擊管理，“管理”字樣變成“取消”,商品左上角出現(xiàn)復(fù)選框，可選擇一個(gè)或多個(gè)商品，在界面下方顯示全選選項(xiàng)和刪除按鈕該ui為吸附狀態(tài)，不會隨內(nèi)容的變多而改變布局位置。3.點(diǎn)擊刪除可刪除選中的足跡商品，點(diǎn)擊全選可選中所有的足跡商品，點(diǎn)擊商品可跳轉(zhuǎn)至該商品詳情頁面。4.在瀏覽商品時(shí)會產(chǎn)生足跡且不會重復(fù)產(chǎn)生，如果為重復(fù)的只會更新該條足跡的時(shí)間產(chǎn)生時(shí)間。分值：本任務(wù)共10分。任務(wù)九在移動商城端實(shí)現(xiàn)商品分類任務(wù)描述：在移動商城端點(diǎn)擊分類標(biāo)簽可進(jìn)入商品分類頁，顯示所有分類，左側(cè)為一級分類，右側(cè)為該分類下的分類，由圖片與名稱組成如圖3-10所示。點(diǎn)擊右側(cè)帶圖的分類可跳轉(zhuǎn)至商品列表且顯示當(dāng)前分類的商品如3-11所示。商品列表價(jià)格<華為HUAWEI商品列表價(jià)格<華為HUAWEI手機(jī)8只<|手機(jī)化妝品Q公首頁強(qiáng)只8與名稱組成如圖3-10所示。2.點(diǎn)擊右側(cè)帶圖的分類可跳轉(zhuǎn)至商品列表且顯示當(dāng)前分類的商品如3.列表商品超過10個(gè)時(shí)，只加載十個(gè)并在最底部顯示“點(diǎn)擊加載更分值：本任務(wù)共10分。http://localhost:8008/api/phttp://75:8008/api/cat詳見U盤\02競賽平臺手冊\中慧Web前端開發(fā)平臺API穩(wěn)定性測試報(bào)告V2.2任務(wù)十在管理端實(shí)現(xiàn)商品分類管理功能商品分類，如圖3-12所示。Q國1.實(shí)現(xiàn)分類列表的查詢功能，以樹形結(jié)構(gòu)的方式展示如圖3-12所2.點(diǎn)擊【編輯】可編輯該分類的名3.點(diǎn)擊【新增】輸入名稱、圖片、狀態(tài)、排序、上級分類可新增一任務(wù)十一移動商城端實(shí)現(xiàn)我的收藏功能品詳情頁面如圖3-14所示，在商品詳情頁中點(diǎn)擊收藏按鈕可收藏該商品，收藏狀態(tài)如圖3-14所示。Q<Q<取消圖3-13我的收藏頁面只★☆圖3-14商品詳情1.設(shè)計(jì)移動商