javaweb加载html页面,JavaWeb22-HTML篇笔记

第21章WEB21-网上商城实战篇

今日任务

Ø 完成订单模块的功能

1.1 我的订单查询:1.1.1 我的订单功能:

登录后的用户点击【我的订单】查询该用户的所有的订单.

* 提交到Servlet:

第20章WEB20-网上商城实战篇

今日任务

Ø 完成购物模块的功能

Ø 完成订单模块的功能

1.1 购物模块的功能:1.1.1 需求:

1.1.2 代码实现:1.1.2.1 封装实体

封装实体：

第19章WEB19-网上商城实战篇

今日任务

Ø 完成分类模块的功能

Ø 完成商品模块的功能

1.1 前台分类模块的功能:1.1.1 需求:

1.1.2 分析:

使用异步的方式完成分类的加载:

1.1.3

1.1 案例四：使用JS完成后台数据展示的隔行换色的表格：1.1.1 需求：

在后台展示数据的页面上，通常使用表格标签进行数据的展示.没有背景的表格比较难看的，可以使用JS控制表格的隔行换色.

![](https://s4.51cto.com...

1.1 案例五：使用JS完成复选框的全选和全不选的效果1.1.1 需求：

在实际的开发中一条记录一条记录进行删除的话，效率很低，有的时候需要一起删除多条记录.需要通过在表格之前设置一个复选框的形式进行勾选复选框.点...

1.1 案例六：使用JS完成省市联动的效果：1.1.1 需求：

在注册页面上有两个下拉列表,左侧省份的下拉列表一改变,右侧的市的下拉列表也要跟着发生变化.

![](https://s4.51cto.com/images/blog/201805/07/a3232a44226734...

1.1 上次课的内容回顾：

JavaScript:

* JavaScript:基本使用:

* ECMAScript:

* 变量：弱变量类型: var i;

* 数据类型:原始类型和引用类型.

* 语句

* 运算符

* 对象:

...

1.1 使用JQuery完成定时弹出广告：1.1.1 需求：

之前使用的JS的方式完成定时弹出广告，现在使用JQuery完成同样的效果:

![](https://s4.51cto.com/images/blog/201805/08/1943eb78eede763a8b281f655e42ee05.jpg?x-oss...

1.1 案例二：表格隔行换色的案例：1.1.1 需求：

对数据的表格进行隔行换色的显示效果,使用JQuery完成该效果.

![](https://s4.51cto.com/images/blog/201805/08/66b81624b2e468775b4d15f659becb68.jpg?x-oss-process...

1.1 案例四：使用JQuery完成省市二级联动:1.1.1 需求：

在注册页面上籍贯的信息,需要用到省市联动效果.

1.1.2 分析：1.1.2.1 技术分析:

![](https://s4.51cto.com/images/blog/201805/09/fe392a3a518345925b89b8cd7bf...

1.1 案例五：下拉列表的左右选择：1.1.1 需求:

在分类的修改的页面中,有某个分类下的所属的商品的信息.可以对这些商品信息进行选择.

![](https://s4.51cto.com/images/blog/201805/09/39fc38f54580dd2d5d6f2896f7de...

1.1 案例二：网站图片页面显示：1.1.1 需求：

在一个页面中往往图文并茂.想在HTML中引入一个图片如何处理?

效果如下:

!

1.1 案例四：网站的首页的显示：1.1.1 需求：

网站的首页的设计：

![](https://s4.51cto.com/images/blog/201804/26/c79cf70a9b271791580208cd48544cbd.jpg?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y...

```

[size=16.0000pt]1.1 上次课的内容回顾：

HTML:

* HTML的概述：

* HTML：Hyper Text Markup Language.

1.1 案例二：使用DIV+CSS布局注册页面:1.1.1 需求：

使用DIV+CSS的方式完成注册页面的布局:

![](https://s4.51cto.com/images/blog/201804/28/612756c208e97cf8074948e053a9a701.jpg?x-oss-process=image/watermark,...

.1 案例三：完成对注册页面的数据的简单校验.1.1.1 需求：

对注册页面的数据进行非空的简单校验！！！如果有某个值没有输入,点击提交,弹出一个对话框进行提示！！

1.1.2 分析:1.1.2.1 技术分析:

【JS的概述】

Ø 什...

1.1 案例一：使用JS完成图片的轮播的效果：1.1.1 需求：

![](https://s4.51cto.com/images/blog/201805/02/3b6effbfb5f25f143a0e7ae6438f920a.jpg?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,co...

1.1.1 总结：1.1.1.1 JS中的BOM对象:

![](https://s4.51cto.com/images/blog/201805/03/bd138a40357e7f20b1a935b4ab6ac13a.jpg?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_...

1.1 上次课内容回顾:

```

Cookie :就是将数据保存到客户端浏览器的会话技术.

* 从浏览器获得Cookie :request.getCookies();

* 向浏览器回写Cookie :response.addCookie(Cookie cookie);

* Cookie的相关的API :

...

HarmonyOS(鸿蒙)技术社区是由51CTO和华为共同打造的综合性开发和应用技术社区。作为华为的官方战略合作伙伴，51CTO将多年的社区运营经验与华为的技术赋能相结合，为开发者提供高质量有深度的HarmonyOS(鸿蒙)学习交流平台。