资源描述
计算机程序员-Web前端开发（三级）
技能试卷（A）
注意事项
1、考试时间：180分钟。
2、请在试卷标封处填写姓名、身份证号、准考证号和所在单位的名称。
请根据设计稿完成页面布局，特效开发、及后台数据渲染。爽YY电商网站效果如下 图所示（左图为首页，右图为限时折扣商品详情页），按题目要求完成网站开发设计，素 材提供相应的图片和框架类库。
爽YY31辎入ift品名称
❻倒街。
IR时折扣品牌大全日常用品 更多海天鲜味生抽1.28L
价格10.9元日期 2021-06-12 14:10
爽YY限时折扣返回
海天鲜味生抽1.28L价格 10.9元日期 2021-10-25 14:10
日本进口尤妮 佳/Moony勒顾尿 裤M64,3包价格25元
日期 2021-06-12 13:57法国进口波尔多十字 布伊堡干白葡萄酒 750ml
价格19.97T日期 2021-06-12 13:49
蜂蜜黑蜂锻树雪蜜蜂 蜜1680g（420g，4 瓶）价格50元
日期 2021-06-12 13:40AVEENO艾维诺天然 燕麦婴儿润肤乳 227寸2件
价格日期 2021-06-12 13:22
海天的金标生抽修油，采用了非转摆因大豆以及 小麦发酵而成，而自然鲜的口感是有些鲜甜鲜甜 的感觉，非常适合用来作为日常炒菜用的调味 料，当然也能用作白切系列的■酱词料，相信吃 过美味瞄1友们都了解的.618购物节前下单 优S他价10.沅，规格1.28L.
购买
客服
登陆购物车客眼
版反所有幻爽YY 2021导XXX号
购物车
版权所有©典"2021园XXX号
第一题：开发环境搭建及项目配置（10分）打开xampp,开启mysql和apache服务，通过可以正常访问,以考号后
4 位-l-l.jpg 保存。（5 分）创建网站目录web,并创建子目录css、js、img,把素材提供的img、goods.php复制到 网站目录，以考号后4位-l-2-l.jpg保存（5分）
第二题：网站页面布局（50分）使用w3c标准的标签布局。（5分）
1. 首页整体框架布局。（5分）页面分辨率自适应设备（375x667和320x480两种分辨率）。（5分）
2. 完成首页头部布局。（5分）爽YY
3. 完成页面右上方菜单布局，默认菜单隐藏，点击菜单按钮后显示菜单内容，效果如下。
（5分）
点击前菜单效果
爽 YY[^]
首页购物车
灯我们点击后菜单效果
4. 完成首页“限时折扣”商品图文列表布局。（5分）
海天鲜味生抽1.28L
价格10.9元
日期 2021-06-12 14:10
日本进口尤妮
佳/Moony婴儿纸尿
裤M64*3包
他母25元
幅限制” 13:57
以箫
尔多十字
葡萄酒
750ml
完成首页底部布局。（5分）
登陆
购物车
客服
版权所有©爽YY 2021 W XXX号
（5分）
（5分）
5. 完成首页“限时折扣”、“品牌大全”、“日常用品”、“更多”分类标签布局©
限时折扣品牌大全日常用品更多
6. 页面文字可选（LOGO、图标除外）。（5分）完成限时折扣商品详情分页布局。（5分）
第三题：网站交互功能开发（20分）完成轮播图自动切换（5分）
1. 完成轮播图通过触摸左右滑动切换（5分）底部导航选中高亮（5分）
宅陆购物车
版权所有©爽YY 2021尊XXX号
（5分）
2. 完成搜索验证，点击搜索按钮，如搜索框内容为空，则提示搜索内容不能为空。
请输入商品名称
第四题：网站主流框架应用（20分）
1.使用v-if或v-show控制双11促销广告的状态，默认显示，点击关闭按钮可隐藏（5分）
2.首页“限时折扣”、“品牌大全"、“日常用品"、"更多"商品分类使用v-for实现（5分）
3.
4.
❻匍⑥。
限时折扣品牌大全日常用品 更多
底部导航使用路由进行页面跳转（5分）使用axios获取限时折扣商品
数据并渲染到首页，API接口为
m m mbocy
http://Iocalhost/web/goods.php （5 分）
海天鲜味生抽1.28L
价格10.9元
日期 2021-06-12 14:10
日本进口尤妮 也Moony婴归任尿 裤M64*3包丝25元
幅*贱小⑵3:57尔多十字
小w 萄萄酒
750ml
展开阅读全文
浙ICP备2021020529号-1 | 浙B2-20240490 
