93职业院校技能大赛高职组《Web应用软件开发》赛项样题

高职组《Web应用软件开发》赛项模块一模块二模块三123456789551.参赛选手不得携带通信设备等物品进入赛场，违反者按3.竞赛结束前，将各试题代码整合，部署并运行到竞赛所5.裁判以各参赛队发布到服务器上的项目的运行结果为评分依据。严禁在程序及运行结果中任何位置标注竞赛队的任何项目本地导入编译运行后，在本地浏览器中分别键入下列4.服务器上已经安装GitStack：http://192.00:8080/element-ui00:8080/vant-ui软件技术支持工程师等核心岗位。通过竞赛，考察参赛选手实际软件工程文档编写能力、工程项目的需求分析理解能力、程参赛选手尽可能地适应未来工作岗位的需要。推进职业院校软件技术专业对接最新行业标准和岗位规范，提升毕业生的就业竞争力。加强以“技术+模式+生态”为核心的协同创新持续深化软件产业发展，建立健全产教融合、校企合作的人才培养机本试卷包括三个模块：第一模块为系统设计，根据U盘模块为程序排错，根据题目中所描述的错误信息，基于给定的模块一系统设计任务一移动端商品列表功能设计说明书文档的编写任务描述：分析移动端商品列表模块的功能，根据任务九的功能需求，参照U盘中“Web应用软件开发赛项试卷”目录中的“系统设计说明书（模要求：文档要符合软件规范要求。提交作品：需要提交移动端地址管理模块设计说明书。模块二程序排错任务二在移动商城端商城首页的精品推荐商品显示异常任务描述：进入移动商城端的商城页面，商城页面显示如图2-1右所示。精品推荐商品价格不显示，正常情况应为显示销售价与市场价如图2-1左图所示，请查明原因并修改。图2-1提交作品：保存修改之后的页面。任务三在移动商城端将商城首页四个菜单标签一字排开显任务描述：进入移动商城端的商城页面，商城页面显示如图2-2所示。目前上方四个宫格为四宫格排列且带有边框，正常情况应为四个宫格一字排开且无边框如图2-2右图所示，请查明原因并修改。提交作品：保存修改之后的页面。任务描述：在PC端商城首页点击分类时无反应，正常应跳转至相关分提交作品：保存修改之后的代码。模块三功能编码任务五在移动端，实现个人中心的订单详情功能任务描述：在移动商城端个人中心，进入订单列表页如图3-1所示，点击立即查看按钮可进入订单详情页如图3-2所示。1．实现订单详情页面如图3-2所示，“服务商已发货”区域显示后台返回的订单的信息，如已发货为“服务商已发货”。提交作品：保存完成的页面。http://00:8任务描述：设计PC商城端钱包充值页面，进入个人中心下的钱包充值页面，显示充值方案，如图3-3所示，点击充值可根据相应的充值方案进1．设计PC商城端钱包充值页面，如图3-3所示。2．显示充值方案列表。3．点击立即使用按钮可根据充值方案进行充值。提交作品：保存完成的页面。任务七在移动商城端实现商品列表功能任务描述：在移动商城端，点击首页菜单栏中的全部商品则可进入商品列表显示普通商品，且可以根据综合（后台默认排序）、价格（根据价格排序）、新品，三种情况进行排序，进入页面默认为综合排序，普通商图3-4所示，当列表商品超过10个时，只加载十个并在最底部显示“点击加载更多”选项，如图3-5所示，并且每次点击增加十条数据，当点击排序，且列表商品超过10个时，只加载十个并在最底部显示“点击加载更多”选项。1.点击首页菜单栏中的全部商品则可进入商品列表显示普通商品。三种情况进行排序，进入页面默认为综合排序。3.当为任意类型排序时，且列表商品超过10个时，只加载十个并在最底部显示“点击加载更多”选项，并且每次点击增加十条数据。提交作品：保存完成的页面。注：需自行完成接口部分任务描述：在PC商城首页点击搜索栏输入搜索信息点击搜索按钮，可查询出相关商品，显示商品图片、商品名称、商品市场价与商品价格，角“全部结果”后显示搜索内容名称。1．输入搜索信息点击搜索按钮，可查询出相关商品，显示商品图片、2．点击价格可根据价格进行排序。3．默认每页显示12个商品，左上角“全部结果”后显示搜索内容名提交作品：保存完成的页面。任务九在移动端个人中心实现地址管理功能任务描述：在APP端个人中心点击地址管理可进入地址管理页面，实现收货地址的管理，包括收货地址显示、增加、删除、修改和设为默认地电话、地址、是否默认，如不是默认则不显示标签。2.在地址列表页点击新增联系人可进入新增联系人页、联系人、手机号、选择地址、详细地址项为必填、收货邮政编码与设为默认为选填，需要相应的校验。3.在地址列表页点击编辑图标可进入编辑页面，可删除或修改联系人详细，联系人、手机号、选择地址、详细地址项为必填、收货邮政编码与设为默认为选填，需要相应的校验。4.点击列表联系人前面的图标可修改默认联系人。提交作品：保存完成的页面。任务描述：在PC端商城首页实现首页轮播图如图3-12所示。要求：在首页商品分类右侧实现首页轮播图，多个图片可进行左右切换，如3-9所示提交作品：保存完成的页面。注：需自行完成接口部分任务描述：在PC商城中增加商品评论功能。在待评价的订单上对每个商品进行评论，可以提交商品评分、服务评分、评价内容、上传图片。在商品详情中可以看到评价信息。1.待评价订单列表（如图3-10所示）中点击“评价”链接可跳转至商品评价页面，如图3-11所示。2.商品评价页面左侧显示订单中的商品，右侧显示填写商品评价区域。商品显示商品图片、商品价格、商品规格型号。商品评价区域填写商品评分、服务评分、评语、图片。点击提交评价按钮需校验评语是否填写，如果没有填写则提示“评价内容不能为空”。评价订单列