JAVA Web学习笔记

Posted on December 11, 2017 本文总阅读量次

声明：以下内容为学习范立锋等《Java Web程序设计教程》的笔记，大部分内容均出自原文！

一、XML

XML-可拓展标记语言，是一种数据存储语言，用简单的标记来描述数据，其中，XML文件以.xml结尾。

<?xml version="1.0" enconding="GB2312"?> %声明：版本号1.0；字符编码格式中文
<person>                                 %根元素，一个xml中只能有一个根元素，其他元素都包含在其中；
    <!--姓名--!>                         %注释
    <name>TINTIN</name>                  %元素
    <!--性别--!>
    <sex>男</sex>
</person>

xml常见用途：
1.不同应用程序间数据交互：xml提供一种不同应用程序间数据交互的公共标准；
2.一种是数据多种样式：xml将信息的数据和显示样式分离开来（样式需用其他语言来定义，如CSS），这样同一份数据可添加多种式样；
3.数据的分布式处理：xml可在Internet上自由传送，客户可从xml中提取到数据，因此，数据处理可在客户端完成，无需返回Web服务器，节省了Internet上的数据宽带。

二、CSS

CSS-层叠样式表单，是一种表现HTML或XML等文件式样的语言（浏览器解释语言）。
CSS语法包括：CSS选择符、CSS属性。（每个CSS选择符可包含一或多个CSS属性）

1 2	格式：选择符{属性} body{color:blue} %在<body>标记内，文本颜色为蓝色

XML中选择符可为标记名称或标记名称的id/class属性值。

<?xml version="1.0" enconding="GB2312"?>
<?xml-stylesheet type="text/css" href="game.css"?> %XML引用CSS文件格式，href值为.CSS的地址
<person>                                     
    <name id="myNAME">TINTIN</name>                  
    <sex class="yourSEX">男</sex>
</person>

id属性的值是唯一的，唯一标记一个标记，而class属性可标记一组标记

id格式：#id名{属性1;属性2}
#myNAME{color：black;size:10px}
class格式：.class名{属性;属性2}
.yourSEX{color：blue;size:10px}

CSS代码也可直接写到XML代码中，但不方便维护，故不推荐使用。

三、JavaScript

JavaScript是一种允许在HTML基础上进行交互式Web网页开发的脚本语言，JavaScript大多用在客户端数据校验，减轻了服务器的负载量，使客户浏览更流畅。
HTML使用JavaScript的两种方式：
1.外部引用：

<html>
    <head>
        <script type="text/javascript" src="game.js"></script> %可在<head>或<body>中如何地方出现
    </head>
    <body>
    <p id="hello">你好！</p>
    <button type="button" onclick="myFunction()">打招呼</button>
    </body>
</html>

其中，game.js中可以添加任意多的类和函数，实际应用推荐使用外部引用方式，这样更安全也更易维护。
game.js文件如下：

function myFunction()
{
document.getElementById("hello").innerHTML="Hello!";
}

2.内部调用：

<html>
    <body>
        <p id="hello">你好！</p>
        <button type="button" onclick="myFunction()">打招呼</button>
        <script type="text/javascript">
        <!-- %加注释是为了防止浏览器不支持javascript时出现源码
        function myFunction()
        {
        document.getElementById("hello").innerHTML="Hello!";
        }
        //-->
        </script>
    </body>
</html>

四、Ajax

当用户填写完信息提交表单时，会向服务器发送请求，服务器收到请求并处理表单数据后才会给用户新页面。但当大量用户同时发出请求时，由于服务器需要处理大量请求会导致用户刷新页面变慢，此时，Ajax就至关重要了。
Ajax是一种结合了XML和JavaScript等技术建立交互式网页应用的技术。
Ajax包含技术：XML、CSS、JavaScript、XMLHttpRequest、DOM、XHTML、XSLT。