实训第四周/星期一/8/5/ jQuery 事件方法Tomcat简介

于 2019-08-05 14:00:34 发布
阅读量471 收藏
点赞数
分类专栏： 实训
原文链接：https://www.cnblogs.com/jingmoxukong/p/8258837.html?utm_source=gold_browser_extension
版权

Tomcat 快速入门

https://www.cnblogs.com/jingmoxukong/p/8258837.html?utm_source=gold_browser_extension

Tomcat 是由 Apache 开发的一个 Servlet 容器，实现了对 Servlet 和 JSP 的支持，并提供了作为Web服务器的一些特有功能，如Tomcat管理和控制平台、安全域管理和Tomcat阀等。

由于 Tomcat 本身也内含了一个 HTTP 服务器，它也可以被视作一个单独的 Web 服务器。但是，不能将 Tomcat 和 Apache HTTP 服务器混淆，Apache HTTP 服务器是一个用 C 语言实现的 HTTP Web 服务器；这两个 HTTP web server 不是捆绑在一起的。Tomcat 包含了一个配置管理工具，也可以通过编辑XML格式的配置文件来进行配置。

Jquery https://www.runoob.com/jquery/jquery-tutorial.html

描述：
他是javaScript框架，
jQuery库包含以下功能：

  • HTML 元素选取
  • HTML 元素操作
  • CSS 操作
  • HTML 事件函数
  • JavaScript 特效和动画
  • HTML DOM 遍历和修改
  • AJAX
  • Utilities

一些内容

如果您的网站包含许多页面，并且您希望您的 jQuery 函数易于维护，那么请把您的 jQuery 函数放到独立的 .js 文件中。

当我们在教程中演示 jQuery 时，会将函数直接添加到 部分中。不过，把它们放到一个单独的文件中会更好，就像这样（通过 src 属性来引用文件）：
您也许已经注意到在我们的实例中的所有 jQuery 函数位于一个 document ready 函数中：
jQuery 入口函数:
< script scr=" jquery-1.8.2.js">< /script > //加入他后 $ 可以被识别

< script >
$(function(){
// 开始写 jQuery 代码…
});
< script>

这是为了防止文档在完全加载（就绪）之前运行 jQuery 代码，即在 DOM 加载完成后才可以对 DOM 进行操作。
如果在文档没有完全加载之前就运行函数，操作可能失败。

JavaScript 入口函数:

window.onload = function () {
// 执行代码
}

jQuery 入口函数与 JavaScript 入口函数的区别：
jQuery 的入口函数是在 html 所有标签(DOM)都加载之后，就会去执行。
JavaScript 的 window.onload 事件是等到[所有内容]，包括外部图片之类的文件加载完后，才会执行。

** 选择器（9个）**

1）基本的找 标签 / 类(样式class) / id
$(“div”) / $(" .myClss")/ $("#A")
在这里插入图片描述

在这里插入图片描述

常用的 jQuery 事件方法
  1. click() 方法是当按钮点击事件被触发时会调用一个函数。
  2. 当双击元素时，会发生 dblclick 事件。
  3. 当鼠标指针穿过元素时，会发生 mouseenter 事件。
  4. 当鼠标指针离开元素时，会发生 mouseleave 事件。
  5. 当鼠标指针移动到元素上方，并按下鼠标按键时，会发生 mousedown 事件。
  6. 当在元素上松开鼠标按钮时，会发生 mouseup 事件。
  7. hover()方法用于模拟光标悬停事件
jQuery 效果

隐藏、显示、切换，滑动，淡入淡出，以及动画，哇哦！

jQuery - 链(Chaining)

通过 jQuery，可以把动作/方法链接在一起。
Chaining 允许我们在一条语句中运行多个 jQuery 方法（在相同的元素上）。

jQuery - 获取内容和属性

jQuery DOM 操作，

获得内容 - text()、html() 以及 val()
三个简单实用的用于 DOM 操作的 jQuery 方法：
text() - 设置或返回所选元素的文本内容
html() - 设置或返回所选元素的内容（包括 HTML 标记）
val() - 设置或返回表单字段的值

添加新的 HTML 内容
我们将学习用于添加新内容的四个 jQuery 方法：
append() - 在被选元素的结尾插入内容
prepend() - 在被选元素的开头插入内容
after() - 在被选元素之后插入内容
before() - 在被选元素之前插入内容
删除元素/内容
如需删除元素和内容，一般可使用以下两个 jQuery 方法：
remove() - 删除被选元素（及其子元素）
empty() - 从被选元素中删除子元素

jQuery - 获取并设置 CSS 类

jQuery 拥有若干进行 CSS 操作的方法。我们将学习下面这些：

addClass() - 向被选元素添加一个或多个类
removeClass() - 从被选元素删除一个或多个类
toggleClass() - 对被选元素进行添加/删除类的切换操作
css() - 设置或返回样式属性

jQuery 遍历

jQuery 遍历，意为"移动"，用于根据其相对于其他元素的关系来"查找"（或选取）HTML 元素。以某项选择开始，并沿着这个选择移动，直到抵达您期望的元素为止。

下图展示了一个家族树。通过 jQuery 遍历，您能够从被选（当前的）元素开始，轻松地在家族树中向上移动（祖先），向下移动（子孙），水平移动（同胞）。这种移动被称为对 DOM 进行遍历。

向上遍历 DOM 树
这些 jQuery 方法很有用，它们用于向上遍历 DOM 树：

parent()
parents()
parentsUntil()

向下遍历 DOM 树
下面是两个用于向下遍历 DOM 树的 jQuery 方法：

children()
find()

在 DOM 树中水平遍历
有许多有用的方法让我们在 DOM 树进行水平遍历：

siblings()
next()
nextAll()
nextUntil()
prev()
prevAll()
prevUntil()

jQuery - AJAX 简介

https://www.runoob.com/jquery/jquery-ajax-load.html)

AJAX 是与服务器交换数据的艺术，它在不重载全部页面的情况下，实现了对部分网页的更新。
比如，我们看地图，刷某宝，他的内容是一部分一部分加载出来的。

1.load() 方法从服务器加载数据，并把返回的数据放入被选元素中(selector)

$(selector).load(URL,data,callback);

必需的 URL 参数规定您希望加载的 URL。
可选的 data 参数规定与请求一同发送的查询字符串键/值对集合。
可选的 callback 参数是 load() 方法完成后所执行的函数名称。

2.jQuery get() 和 post() 方法用于通过 HTTP GET 或 POST 请求从服务器请求数据。

HTTP 方法：
GET 对比 POST:https://www.w3school.com.cn/tags/html_ref_httpmethods.asp

$.get() 方法通过 HTTP GET 请求从服务器上请求数据。

语法：
$.get(URL,callback);

必需的 URL 参数规定您希望请求的 URL。

可选的 callback 参数是请求成功后所执行的函数名。

下面的例子使用 $.get() 方法从服务器上的一个文件中取回数据：

实例
$(“button”).click(function(){
$.get(“demo_test.asp”,function(data,status){
alert("Data: " + data + "\nStatus: " + status);
});
});

jQuery $.post() 方法
$.post() 方法通过 HTTP POST 请求从服务器上请求数据。

语法：

$.post(URL,data,callback);

必需的 URL 参数规定您希望请求的 URL。

可选的 data 参数规定连同请求发送的数据。

可选的 callback 参数是请求成功后所执行的函数名。

下面的例子使用 $.post() 连同请求一起发送数据：

实例
$(“button”).click(function(){
$.post(“demo_test_post.asp”,
{
name:“Donald Duck”,
city:“Duckburg”
},
function(data,status){
alert("Data: " + data + "\nStatus: " + status);//数据 ： 状态 ：success
});
});

AJAX 方法
https://www.runoob.com/jquery/ajax-ajax.html
jax() 方法用于执行 AJAX（异步 HTTP）请求。

所有的 jQuery AJAX 方法都使用 ajax() 方法。该方法通常用于其他方法不能完成的请求。

$.ajax({name:value, name:value, … })

web.XML

第一步读取web.xml配置文件里的配置，当这一步骤没有出错并且完成之后，项目才能正常的被启动起来。

https://www.cnblogs.com/ClassNotFoundException/p/6641867.html
// 3 分配名称和定制的URL 代码一解释1


在web.xml中完成的一个最常见的任务是对servlet或JSP页面给出名称和定制的URL。
用servlet元素分配名称，使用servlet-mapping元素将定制的URL与刚分配的名称相关联。

1. 分配名称
 <servlet>
        <servlet-name>ServletName</servlet-name>
        <servlet-class>FullyQualifiedName</servlet-class>
    </servlet>
    <servlet-mapping>
        <servlet-name>ServletName</servlet-name>
        <url-pattern>URL</url-pattern>
    </servlet-mapping>

定义定制的URL2

<servlet>   
   <servlet-name>Test</servlet-name>   
   <servlet-class>moreservlets.TestServlet</servlet-class>   
</servlet>   
<!-- ... -->   
<servlet-mapping>   
   <servlet-name>Test</servlet-name>   
   <url-pattern>/UrlTest</url-pattern>   
</servlet-mapping>

事实上，有时需要使用定制的URL。比如，你可能想关闭缺省URL映射，以便更好地强制实施安全限制或防止用户意外地访问无初始化参数的servlet。如果你禁止了缺省的URL，那么你怎样访问servlet呢？这时只有使用定制的URL了。
为了分配一个定制的URL，可使用servlet-mapping元素及其servlet-name和url-pattern子元素。Servlet- name元素提供了一个任意名称，可利用此名称引用相应的servlet；url-pattern描述了相对于Web应用的根目录的URL。url- pattern元素的值必须以斜杠（/）起始。

下面给出一个简单的web.xml摘录，它允许使用URL http://host/webAppPrefix/UrlTest而不是http://host/webAppPrefix/servlet/Test或
http: //host/webAppPrefix/servlet/moreservlets.TestServlet。
复制代码

网上论坛项目开发

点一个连接就够了

1每个网站开发者都必须了解以下 Web 构件：

1.HTML 4.01
2.CSS 的使用 （样式表）
3.XHTML
4.XML 和 XSLT
5.客户端脚本
6.服务器端脚本
7.通过 SQL 管理数据
8.Web 的未来

1.2搭建一个网站的协议内容
  1. TCP/IP 教程
    TCP/IP 是因特网的通信协议。
    通信协议是对计算机必须遵守的规则的描述，只有遵守这些规则，计算机之间才能进行通信
成员

在 TCP/IP 内部包含一系列用于处理数据通信的协议：

TCP (传输控制协议) - 应用程序之间通信1
UDP (用户数据包协议) - 应用程序之间的简单通信2
IP (网际协议) - 计算机之间的通信3
ICMP (因特网消息控制协议) - 针对错误和状态
DHCP (动态主机配置协议) - 针对动态寻址

域名：用于 TCP/IP 地址的名字被称为域名

关系

TCP/IP 意味着 TCP 和 IP 在一起协同工作。 后来他扩展为：协议族
TCP 负责应用软件（比如你的浏览器）和网络软件之间的通信。
IP 负责计算机之间的通信。
TCP 负责将数据分割并装入 IP 包，然后在它们到达的时候重新组合它们。
IP 负责将包发送至接受者。

协议族：更多点击我

  • TCP/IP 是基于 TCP 和 IP 这两个最初的协议之上的不同的通信协议的大的集合。
    - TCP - 传输控制协议
    TCP 用于从应用程序到网络的数据传输控制。
    TCP 负责在数据传送之前将它们分割为 IP 包，然后在它们到达的时候将它们重组。
    • IP - 网际协议
      IP 负责计算机之间的通信。
      IP 负责在因特网上发送和接收数据包。
    • HTTP - 超文本传输协议
      HTTP 负责 web 服务器与 web 浏览器之间的通信。
      HTTP 用于从 web 客户端（浏览器）向 web 服务器发送请求，并从 web 服务器向 web 客户端返回内容（网页）。
工作

为什么TCP/IP 地址是4 个 介于 0 到 255 之间的 数字？

TCP/IP 使用 32 个比特 或者 4 个 0 到 255 之间的数字来为计算机编址。
每个计算机必须有一个唯一的 4 个数字的地址。
一个计算机字节是 8 比特。所以 TCP/IP 使用了 4 个字节。
00000000------11111111 共256个 即 TCP/IP 地址是4 个 介于 0 到 255 之间的 数字

jQuery 和其他 JavaScript 框架

待续。

  1. 请求必须被送到一个确切的地址，“握手”，建立一个全双工 (full-duplex) 的通信，类似打电话 ：占用两个计算机之间的通信线路，直到它被一方或双方关闭为止。 ↩︎ ↩︎

  2. UDP 和 TCP 很相似，但是更简单，同时可靠性低于 TCP ↩︎ ↩︎

  3. 无连接，每条线可以同时满足许多不同的计算机之间的通信需要。，数据被分割为小的独立的包，并通过因特网在计算机之间传送。IP 负责将每个包路由至它的目的地。 ↩︎

欢乐大象
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值