【网页设计期末/课程设计】茶文化进阶版(jQuery)

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

---

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.视频演示

【网页设计期末/课程设计】茶文化(进阶版)

3.项目介绍

鼠标悬停实现二级、三级菜单展开：

 

1.首页

主页轮播图可以使用两侧箭头和下方按钮控制

2.形成与发展

点击左侧文字跳转当前页面对应位置

3.茶俗

无互动

4.茶与文学

点击文字跳转：

5.茶与礼节

无互动

6.茶与艺术

无互动

7.茶与养生

点击最下方文字跳转购买页面：

8.给我留言

无互动

9.登录注册

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

 点击下方注册文字跳转到注册选项，点击返回主页文字跳转到主页：

10.购买页面

点击添加按钮将商品添加到购物车：

点击右下角购物车图表展开购物车：

购物车框点击右上角X按钮关闭购物车，点击结算按钮计算当前商品总价格，点击删除按钮删除商品：

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