资源描述
计算机程序员-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
展开阅读全文