【网页设计期末/课程设计】汉服网(JavaScript/jQuery)

 如对项目有任何问题或需要，请加本文末尾QQ 

本文CSDN资源：https://download.csdn.net/download/weixin_47040861/89628145

---

1.题目要求

(一)具体要求
1．形式:网站（静态，无后台）。
2．主题:为某一类或某一种商品的介绍及售卖网站。3．题目:题目自拟，原创。
4．LOGO:设计原创。
5．结构:网站各栏目内容设计合理;必须含有首页（首页为一级页面);二级页面（指导航上的各栏目）不少于4个;三级页面不少于1个，总页面数不少于7个。
6．导航(菜单):导航为多级形式，并需用S或jQuery完成各种导航（菜单）的展开特效;并保证在网页中位置固定，始终存在
7．页面设计:页面布局合理、美观，协调设置网站主色调、页面中的图文搭配、及多媒体内容的插入等内容:其中需使用JS或jQuery完成适当的网页特效和交互设计等,如轮播广告、图片淡入淡出等效果;在页面设计中不得使用 Bootstrap框架及插件，如使用 Bootstrap框架整个期末考试内容按0分计。
8．表单设计:在注册页面完成表单验证。注册页有相应的注册成功页。注册页面不能单独作为栏目，且不计入三级页面个数内，且注册页为必写内容。
9．购物车:完成商品的采购，并产生订单。购物车中商品可实现删除。
10．链接:各页面跳转正确有效。
11．变量命名方式:JS和jQuery中所涉及到的脚本编程过程中如使用到变量，则变量的命名方式:“考生姓名首字母的缩写(大写)+字母、数字、下划线”，如考生姓名为陈洁，则其编程用到的变量名称为:“CJ_m1"，"CIml”、“CJI”等形式。如不按照要求进行变量的命名则脚本编程部分计为0分。

 编程软件：

2.视频演示

【网页设计期末/课程设计】汉服网(JavaScript/jQuery)

3.项目介绍

1.首页

点击左右箭头和下方控制按钮切换轮播图：

点击文字跳转购物页面，鼠标悬停于图片上放大：

2.购物车页面

点击按钮添加到购物车，点击右下角购物车图标展开购物车：

 点击右上角X关闭购物车，点击总价按钮计算当前购物车中商品总价值，点击删除商品按钮删除对应商品：

3.名称记载

静态页面，无互动

4.历史发展

点击右侧文字跳转到当前页面的对应位置：

5.服饰结构

同样点击文字实现跳转：

6.纹饰配件

静态页面，无互动：

7.服饰文化

静态页面，无互动

8.登录注册

登录默认账号user，密码123，可以在文件“LoginPage.js”的第23行处修改：

点击下方“点击注册”文本切换到注册组件，点击下方“返回主页”文本返回到首页：

注册窗口只需按格式填满即可注册成功，注意邮箱格式必须正确：

↓如对项目有任何问题或需要，请加下方QQ↓