Javaweb学习笔记——（五）——————DOM&XML目录

原创
changemax 2022-09-14 16:02:12 博主文章分类：Javaweb ©著作权
©著作权归作者所有：来自51CTO博客作者changemax的原创作品，请联系作者获取转载授权，否则将追究法律责任
1.表单提交方式

 *使用submit提交

 <form>

 <input type="submit" />

 </form>



 *使用button提交表单

 -代码

 function form1(){

 //获取form

 var form1 = document.getElementById("form1");



 form1.action = "hello.html";



 form1.submit();

 }

 *使用超链接提交

 -代码

 <a href="hello.html?username123456">使用超链接提交</a>



 *onclick：鼠标点击事件

  onchange：改变内容（一般和select一起使用）



  onfocus：得到鼠标焦点（ie5，某些版本的ie6会出现兼容性问题）

  onblur：失去焦点



2.xml的简介

 *eXtensible Markup Language：可扩展标记型语言

 **标记型语言：html是标记型语言

 也是使用标签来操作

 **可扩展：

 -html里面的标签是固定，每个标签都有特定的含义 <hr/>  <a></a>

 -标签里面可以自己定义，可以写中文的标签<person></person> <猪></猪>



 *xml用途

 **html是用于显示数据，xml也可以显示数据（但不是主要功能）

 **xml主要功能，为了存储数据



 *xml是w3c组织发布的技术



 *xml有两个版本 1.0  1.1 

 -使用的都是1.0版本（1.1版本不能向下兼容）



3.xml的应用

 *不同的系统之间传输数据

 **聊天系统数据的传输

 **画图分析工程

 *用来表示生活中有关系的数据



 *经常用在配置文件

 *比如现在链接数据库 肯定知道数据库的用户名和密码、数据名称

 *如果修改数据库的信息，不需要修改源代码，只要修改配置文件就可以



4.xml的语法

 （1）xml的文档声明（*****）

 *创建一个文件  后缀名为 *.html

 *如果写个xml。第一步，必须要有 一个文档声明（写了文档声明之后，表示写xml文件的内容）

 **文档声明：<?xml version="1.0" encoding="UTF-8"?>

 **文档声明必须写在第一行第一列



 *属性

 -version：xml的版本1.0（使用）  1.1

 -encoding:xml编码 utf-8  iso8859-1（不包含中文）

 -standalone：是否需要依赖其他文件  yes/no

 *注意：xml的中文乱码问题解决

 **画图分析乱码问题

 **保存时候的编码和设置打开时候的编码一致，不会出现乱码





 （2）定义元素（标签）（*****）

 （3）定义属性（*****）

 （4）注释（*****）

 （5）特殊字符（*****）

 （6）CDATA区（了解）

 （7）PI指令（了解）



5.xml的元素的定义

 **标签定义



 **标签有定义又开始必须要有结束：<person></person>



 **标签没有内容，可以再标签内结束：<aa/>



 **标签可以嵌套，但是必须合理嵌套

 ***合理嵌套：<aa><bb></bb></aa>

 ***不合理嵌套：<aa><bb></aa></bb>



 **一个xml中，只能有一个根标签，其他的标签都是这个标签下面的标签



 **在xml中，会把空格和换行都当成内容来解析。

 下面这两段代码含义是不一样的

 **<aa>123</aa>

 **<aa>

 123

   </aa>



 **xml标签名称可以是中文



 **xml中标签的名称规则

 （1）xml代码区分大小写

 <p></P>：这两个标签是不一样的

 （2）xml的标签不能以数字和下划线开头

 <aaa> <_aaa>：这丫是错误的

 （3）xml的标签不能以xml、XML、Xml开头

 <xmla> <Xmla> 这些都是错误的标签命名

 （4）xml的表签不能包含空格和冒号

 <a v> <a:c>  错误



6.xml中属性的定义

 *html是标记型文档，可以有属性

 *xml也是标记型文档，可以有属性



 *<person id1="aa"></person>



 **属性定义的要求

 （1）一个标签上可以有多个属性

 <person id1="a" id2="bbb"></person>

 （2）属性名称不能相同

 <person id1="a" id1="bbb"></person> (错误)

 （3）属性名称和属性值之间使用=，属性值使用引号包起来（可以是单引号，也可以是双引号）

 （4）xml属性的名称规范和元素的名称规范一致



7.xml中的注释

 *写法<!--注释的内容-->

 **注意的地方

 ***注释不能嵌套

 <!--aa <!-- aa -->-->

 **注释不能放到第一行，第一行第一列必须放文档声明



8.xml中的特殊字符

 *如果想要在xml中现在
 a<b，不能正常显示，因为把<当做标签

 *如果就想要显示，需要对特殊字符进行转义

 **
 &  &

 **
 <
 <

 **
 >
 *gt;

 **
 "
 "

 **
 '
 '



9.CDATA区

 *可以解决多个字符都需要转义的操作 if(a<b && b<c){}

 *把这些内容放在CDATA区里面，不需要转义了

 **写法：

 <![CDATA[内容 ]]>

 -代码

 <![CDATA[ <b>if(a<b && b<c){}</b> ]]>

 **把特殊字符当做文本内容，而不是标签



10.PI指令（处理指令）

 *可以在xml中设置样式

 *写法：<?xml-stylesheet type="text/css" href="one.css" ?>

 

 *设置样式，只能对英文标签名称起作用，对于中文的标签名称不起作用的。



 **xml的语法的总结

 所有的XML元素都必须有关闭标签

 XML标签对大小写敏感

 XML必须正确的嵌套顺序

 XML文档必须有根元素(只有一个)

 XML的属性值必须加引号

 特殊字符必须转义 --- CDATA

 XML中的空格、回车换行会解析时被保留



11.xml的约束

 *为什么需要约束？

 **比如现在定义一个person的xml文件，只想要这个文件里面保存人的信息，比如name，age等，但是如果在xml文件中写了一个标签<猫>，发现可以正常显示，因为符合语法规范，但是猫肯定不是人的信息，xml的标签是自定义的，需要有技术来规定xml中只能出现的元素，这个时候需要约束



 *xml的约束的技术：dtd约束 和schema约束（理解）



12.dta的快速入门

 *创建一个文件 后缀名为 .dtd



 步骤：
 

 （1）看xml中有多少个元素，有几个元素，在dtd文件中写几个<!ELEMENT>

 （2）判断元素是简单元素还是复杂元素

 -复杂元素：有子元素的元素

 <!ELEMENT 元素名称 (子元素)>

 -简单元素：没有子元素

 <!ELEMENT 元素名称 (#PCDATA)>

 （3）需要在xml文件中引入dtd文件

 <! DOCTYPE 根元素名称 SYSTEM "dtd文件的路径">



 **打开xml文件使用浏览器打开的，浏览器只负责校验语法，而不负责校验约束

 

 **如果想要校验xml的约束，需要使用工具（myeclipse校验工具）



 **打开myeclipse开发工具

 ***创建一个项目day05

 ***在day05的src目录下面创建一个xml文件和一个dtd文件

 ***在xml中引入dtd文件之后，比如只能出现name，age，多写了一个a，会提示出错



13.dtd的三种引入方式

 （1）引入外部的dtd文件

 <!DOCTYPE person SYSTEM "1.dtd">



 （2）使用内部的dtd文件

 <!DOCTYPE person[

 <!ELEMENT person (name,age)>

 <!ELEMENT name (#PCDATA)>

 <!ELEMENT age (#PCDATA)>

  ]>

 （3）使用外部的dtd文件（网络上的dtd文件）

 <!DOCTYPE 根元素 PUBLIC "DTD名称" "DTD文档的URL">

 -后面学到框架 Struts2 使用配置文件 使用外部的dtd文件

 -<!DOCTYPE Struts PUBLIC "....." "......">



14.使用dtd定义元素

 *语法：<!ELEMENT 元素名 约束>



 *简单元素：没有子元素的元素

 <!ELEMENT name (#PCDATA)>

 ***(#PCDATA)：约束name是字符串类型

 ***EMPTY：元素为空

 -
 <sex></sex>

 ***ANY：任意

 *复杂元素

 <!ELEMENT person (name,age,sex,school)>

 -子元素只能出现一次

 *<!ELEMENT 元素名称 (子元素)>



 *表示子元素出现的次数

 +；表示一次或多次出现

 ?：表示零次或者一次

 *：表示零次或者多次



 *子元素直接使用逗号进行隔开 , 

 **表示元素出现的顺序

 *子元素直接使用‘|’隔开

 **表示元素只能出现其中的任意一个



15.使用dtd定义属性

 *语法 <!ATTLIST 元素名称 

 属性名称 属性类型 属性的约束>

 *属性类型

 -CDATA：字符串

 - <!ATTLIST birthday

 ID CDATA #REQUIRED

 -枚举：表示只能在一定的范围内出现值，但是只能每次出现其中的一个

 ** 红绿灯效果

 **（aa|bb|cc）

 - <!ATTLIST age 

 ID2 (AA|BB|CC) #REQUIRED

 >

 -ID：值只能是字母或者下划线开头

 -<!AITLIST name

 ID3 ID #REQUIRED

 >



 *属性的约束

 -#REQUIRED：表示该属性必须存在



 -#IMPLIED：属性可有可无



 -#FIXED：表示一个固定值 #FIXED "AAA"

 -属性值必是设定的这个的固定值

 -<!ATTLIST sex

 ID4 CDATA #FIXED "ABC"

 >

 -直接值

 *不写属性，使用直接值

 *如果写了属性，使用设置的那个值

 <!ELEMENT school ANY>

 <!ATTLIST school 

 ID5 CDATA "WW"

 >





16.实体的定义

 *语法：<!ENTITY 实体名称 "实体的值">

 ***<!ENTITY TEST "HELOO">

 ***使用实体 &实体名称; 比如 &TEST;



 **注意：

 *定义的实体需要写在内部的dtd里面，如果写在外部的dtd里面，在某些浏览器下，内容得不到





17.xml的解析的简介（写到java代码）（****今天最重要的内容****）

 *xml是一个标记型文档



 *js使用dom解析标记型文档？

 -根据html的层级结构，在内存中分配一个树形结构，把html的标签，属性和文本都封装成对象

 -document对象、element对象、属性对象、文本对象、Node节点对象



 *xml的解析方式（技术）：dom和sax

 **使用dom和sax来解析xml的执行过程

 ***dom解析和sax解析xml区别： 



 ***dom：根据xml的层级结构，在内存中分配一个树形结构，把xml的标签，属性和文本都封装成对象

 ****使用dom方式解析缺点：如果文件过大，造成内存溢出

 ****使用dom方式的优点：很方便实现增删改操作



 ***sax：采用事件驱动，边读边解析。从上到下，一行一行的解析，解析到某一个对象，把对象名称返回

 ****使用sax方式优点：不会造成内存溢出，实现查询

 ****使用sax方式缺点：不能实现增删改操作



 *解析xml，首先需要解析器

 **不同的公司和组织提供了针对dom和sax方式的解析器，通过api方式提供

 ***sun公司提供了针对dom和sax解析器
 jaxp

 ***dom4j组织，针对dom和sax解析器
 dom4j（***实际开发中***）

 ***jdom组织，针对dom和sax解析器
 jdom



18.jaxp的api的查看

 **jaxp是javase的一部分

 **jaxp解析器在jdk的javax.xml.parsers包里面

 **四个列：分别针对dom个sax解析使用的类

 ***dom：

 DocumentBuilder：解析器类

 -这个类是一个抽象类，不能new

 此类的实例可以从 DocumentBuilderFactory.newDocumentBuilder()方法获取



 -一个方法，可以解析xml parse("xml路径") 返回的是 Document 整个文档

 -返回的document是一个接口，父节点是Node，如果在document里面找不到想要的方法，就到Node中去找



 -在document里面的方法

 getElementByTagName(String tagName)

 --这个方法可以得到标签

 --返回集合NodeList



 createElement(String tagName)

 --创建标签



 createTextNode(String data)

 --创建文本



 appendChaild(Node newChild)

 --把文本添加到标签下面



 removeChild(Node oldChild)

 --通过父节点删除节点



 getParentNode()

 --获取父节点



 NodeList list

 -getLength() 得到集合的长度

 -item(int index) 下标取到具体的值

 for(int i=0; i<list.getLength(); i++){

 list.item(i)

 }



 getTextContent()

 -得到标签里面的内容



 ***sax：

 SAXParser：解析器类

 SAXParserFactory：解析器工厂









19.使用jaxp实现查询操作

 *查询xml中所有的name元素的值

 步骤：

 /*

  * 1.创建解析器工厂

  
 DocumentBuilderFactory dbf = DocumentBuilderFactory.newInstance();

  * 2.根据解析器工厂创建解析器

  
 DocumentBuilder db = dbf.newDocumentBuilder();

  * 3.解析xml返回document

  
 Document document = db.parse("src/person.xml");

  * 4.得到所有的name元素

 NodeList list = document.getElementsByTagName("name");

  * 5.返回集合，遍历集合，得到每一个name元素

  
 -遍历 getLength() item()

 
 for (int i = 0; i < list.getLength(); i++) {

 Node name1 = list.item(i);//得到每一个name元素

 //得到name元素里面的值

 String str = name1.getTextContent();

 System.out.println(str);

 }
 

  * 

  */



  ***查询xml中第一个name的值

  *步骤

  
 /**

  * 1.创建解析器工厂

  * 2.根据解析器工厂创建解析器

  * 3.解析xml返回document

  * 4.得到第一个name元素

  * 5.得到第一个name元素的值

  
 NodeList.item(下标)：集合下标从0开始

  
 6.得到具体的值，使用getTextContent方法

  */



20.使用jaxp添加节点

 ***在第一个p1下面（末尾）添加<sex></sex>

 ***步骤：

 /** 

  * 

  * 1.创建解析器工厂

  * 2.根据解析器工厂创建解析器

  * 3.解析xml返回document

  * 4.得到第一个name元素

  * 5.创建sex标签createElement

  * 6.创建文本createTextNode

  * 7.把文本添加到sex下面appendChild()

  * 8.把sex添加到第一个p1下面

  * 

  * 9.回写xml

  */



21.使用jasp修改节点

 ***修改第一个p1下面的sex内容是男

 **步骤

 /*

  * 1.创建解析器工厂

  * 2.根据解析器工厂创建解析器

  * 3.解析xml返回document

  * 

  * 4.得到第一个sex元素 item方法

  * 

  * 5.修改sex中的文本   setTextContent方法

  * 

  * 6.回写xml

  * 

  */



22.使用jaxp删除节点

 ***删除
 <sex>男</sex>

 **步骤

 /*

  * 1.创建解析器工厂

  * 2.根据解析器工厂创建解析器

  * 3.解析xml返回document

  * 4.获得sex的节点

  * 4.得到sex的父节点p1

  * 5.删除p1中的sex标签

  * 

  * 6.回写xml

  */



23.使用jaxo遍历节点

 **把所有的元素标签名称打印出来

 /*

  * 1、创建解析器工厂

  * 2、根据解析器工厂创建解析器

  * 3、解析xml，返回document 

  * 

  * 

  * ===递归实现

  * 4.得到根节点（打印node.getNodeName()）

  * 5.得到根节点子节点

  * 6.得到根节点子节点的子节点

  */



  
 //递归遍历的方法

 private static void list1(Node node) {

 //判断是元素的时候才打印

 if (node.getNodeType() == node.ELEMENT_NODE) {

 System.out.println(node.getNodeName());

 }

 NodeList list = node.getChildNodes();

 //遍历list

 for (int i = 0; i < list.getLength(); i++) {

 //得到每一个节点

 Node node1 = list.item(i);

 list1(node1);

 }

 }