代写C语言、C++、Java、Python、HTML、JavaScript、vue、MySQL相关编程作业,
长期接单,信誉有保证,如有任何问题或需要请加文章末尾推广QQ。
在售模板目录:点击这里跳转
本文资源:
1.题目要求
题目描述
编写HTML项目,要求至少包含五个页面,至少实现导航栏、轮播图、下拉菜单以及基本的增删改查功能
2.视频演示
<iframe allowfullscreen="true" data-mediaembed="bilibili" frameborder="0" id="EEKKuEjz-1735555274471" src="https://player.bilibili.com/player.html?aid=113741303717848"></iframe>【网页设计期末/课程设计】类Steam的游戏商城(纯前端)
3.项目介绍
首先项目包含五个页面,分别为首页、登录页、管理员页面、查询页、详情页。
1.首页
鼠标悬停于导航栏时显示下拉菜单,点击右上角“登录”文字跳转到登陆页,点击“语言”文字打开文字选项菜单,点击右侧查询按钮跳转到查询页面。
轮播图部分点击两侧箭头实现轮播图左右轮播,点击下方控制按钮显示对应轮播,点击右侧小图片切换左侧大图片显示内容,黑神话悟空部分包含一个“详情”按钮,点击按钮跳转到游戏详情页。
下方两处轮播与首个轮播类似,“按类别浏览”部分鼠标悬停时放大。
热门商品部分鼠标悬停于左侧时右侧显示对应内容介绍,默认显示第一项。
2.登录页
登录页面输入账号“admin”和密码“111”后可以跳转管理员界面,该默认账号密码可以在“LoginPage.js”文件的第39行处修改。
点击下方文字可以切换到注册页,由于没有后端,注册页不保存注册信息,输入正确格式的账号密码后即可提示注册成功。
3.管理员页面
管理员界面点击文字即可修改用户账号、密码和用户名,点击删除按钮删除对应用户,点击“添加用户”按钮添加一个新用户,同样由于没有后端,保存功能未实现。
点击左侧“退出”标签返回主页。
4.查询页
查询页面点击右侧排序依据展开排序方式菜单,点击切换对应文字。
5.详情页
图片部分点击小图切换大图,鼠标悬停时各标签变色。