如对项目有任何问题或需要,请加本文末尾QQ
本文CSDN资源:https://download.csdn.net/download/weixin_47040861/89626122
1.题目要求
一、作品要求
综合应用Vue知识完成Vue项目,基本要求如下:
(一)网页主题:选题恰当、主题健康、积极,项目选题包括但不限于购物商城、美食网、评分网等为主题。
(二)网页要求:
1、网页排版合理,图片清晰,内容充实。
2、实现4个或以上的页面切换。
网站整体效果 | 1、网站整体效果好,布局合理、色彩搭配适合,内容规划合理(10分) 2、选题恰当,内容丰富, 具有现实意义,无明显运行错误,工作量饱满,每个页面内容结构完整(10分) | 20分 |
技术应用 | 1、综合运行所学过的知识,包括HTML5、CSS3和JavaScript和Node.js、数据库等知识。(20分) 2、应用Vue指令、事件处理、Vue组件、过渡与动画、Vue脚手架、Vue路由等知识。(35分) 3、文件名命名规范、文件存放位置规范、代码书写规范;核心代码具有完整说明注释等。代码简洁、高效、避免冗余代码(15分) | 70分 |
文档撰写 | 撰写考查报告,设计文档中有设计说明,技术点分析。(10分) | 10分 |
编程软件:
2.视频演示
【Vue开发期末/课程设计】爱淘网
3.项目介绍
该项目需要使用Vue脚手架运行,在项目目录下打开终端并输入:
npm run serve
1.主页
轮播图点击左右箭头和下方控制按钮可以实现切换
右侧分类栏鼠标悬停背景颜色改变
推荐栏鼠标悬停标题颜色改变:
下方详细商品鼠标悬停时显示阴影
2.登录注册页
点击上方标签切换登录和注册窗口
3.管理员页面
包含添加、修改、查询、删除、显示商品五个功能,点击功能标签背景变色:
1.添加商品
输入内容添加商品信,其中商品编号不能重复,日期格式必须正确:
2.修改商品
输入内容后修改对应编号商品信息:
3.查询商品
输入内容后实现按编号、名称或价格区间查询商品:
4.删除商品
输入编号删除对应商品信息:
4.个人中心页面
红框标记位置文字鼠标悬停时颜色改变,下方详细商品同样鼠标悬停显示阴影
↓如对项目有任何问题或需要,请加下方QQ↓