Day 05 表单提交方式,xml,DTD约束，xml解析技术之一dom

最新推荐文章于 2022-03-10 20:51:31 发布

HollowKnight

最新推荐文章于 2022-03-10 20:51:31 发布

阅读量208

点赞数

本文链接：https://blog.csdn.net/HollowKnight/article/details/79457203

版权

1.表单的提交方式
  *使用submit提交
  <form>
   ....
   <input type="submit" />
  </form>

  *使用button提交表单
   <body>
   <form id="form1">
    <input type="text" name="username"/>
    <br/>
    <input type="button" value="提交" οnclick="form1();"/>
   </form>
   <script type="text/javascript">
    function form1(){
     //获取form
     var form1 = document.getElementById("form1");
     //设置action
     form1.action = "hello.html";
     //提交form表单
     form1.submit();
    }

   </script>
   </body>

   * 使用超链接
   -代码
   <a href="hello.html?username=123465">使用超链接提交</a>

* onclick:鼠标点击事件
onchange:改变内容（一般和select一起使用）

onfocus:得到焦点 (ie5,某些版本的ie6兼容性问题可能不好使)
onblur:失去焦点

2.xml的简介
* extensible Markup Language: 可扩展标记型语言
  ** 标记型语言：html是标记型语言
   -也是使用标签来操作的
  ** 可扩展：
   -html里面的标签是固定的，每个标签都又特定的含义<h1> <br/> <hr/>
   -标签可以自己定义可以写中文的标签 <person></person> <猫></猫>

* xml用途
** html是用于显示数据，xml也可以显示数据（不是主要功能）
** xml主要功能，为了存储数据

* xml是W3C组织发布的技术

* xml有两个版本 1.0 1.1
-使用的都是1.0版本 1.1版本不能向下兼容

3. xml的应用
* 不同的系统之间传输数据
  ** qq之间数据的传输
  **画图分析过程
* 用来表示生活中有关系的数据

* 经常用在配置文件
  *比如现在连接数据库肯定要知道数据库的用户名和密码，数据名称
  *如果修改数据库的信息，不需要修改源代码，只需要修改配置文件即可

4.xml的语法
（1）xml的文档声明（***）
   * 创建一个文件后缀名是 .xml
   * 如果写xml,第一步必须要有一个文档声明（写了文档声明之后，表示写xml文件的内容）
   **<?xml version="1.0" encoding="gbk"?>
   ***文档声明必须写在第一行第一列

   *属性
    -version:xml的版本 1.0（使用） 1.1
    -encoding:xml的编码 gbk 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>11111<aa/>
  *<aa>
   111111
   </aa>
** xml标签可以是中文

** xml中标签的命名规则
  （1）xml代码区分大小写
    <p></p> <P></P> 这两个标签是不一样的
  （2）xml的标签不能以数字和下划线开头
    <2a>   <_aa> 这样是不正确的
  （3）不能以xml,Xml,XML等开头
    <xmla> <XmlB> <XMLC> 这些都是不正确的
  （4）xml的标签不能包含空格和冒号
    <a b> <b:c> :这些是不正确的

6.xml中属性的定义
*html是标记型文档，可以有属性
*xml也是标记型文档，可以有属性

*<person id1="aaa" id2="bbb"></person>

**属性定义的要求
  (1)一个标签可以有多个属性
   <person id1="aaa" id2="bbb"></person>
  (2)属性名称不能相同
   <perosn id1="aaa" id1="bbb"></person> :这个是不正确的，不能有两个id1

(3)属性名称和属性值之间使用 = ，属性值使用引号包起来（可以是单引号，也可以是双引号）
(4)xml属性的名称规范和元素的名称规范一致

7.xml中的注释
* 写法 
** 注意的地方
*** 注释不能嵌套
-->
** 注释不能放在第一行，第一行第一列必须放在文档声明

8.xml的特殊字符
*如果想要在xml中显示a<b,不能正常显示，因为把<当作标签
*如果就想要显示，需要对特殊字符 < 进行转义
** < <
** > >

9.CDATA区
*可以解决多个字符都需要转义的操作   if(a<b && b<c && d>f ){}
*把这些内容放到CDATA区里面，不需要转义
** 写法
  <![CDATA[内容]]>
  -代码
  <![CDATA[if(a<b && b<c && d>f ){}]]>
** 把特殊内同当作文内容，而不是标签

10.PI指令(处理指令)
*可以在xml中设置样式
*写法:<?xml-stylesheet type="text/css" href="css的路径"?>

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

** xml中语法的总结
  所有xml元素都必须关闭标签
  xml 标签对大小写敏感
  xml 必须正确的嵌套顺序
  xml 文档必须有一个根元素（只有一个）
  xml 的属性值必须加引号
  特殊字符必须转义 --CDATA
  xml 中的空格，回车换行会解析时被保留

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

*xml约束的技术:dtd的约束和 schema约束（看懂）

12.dtd的快速入门
*创建一个文件后缀名是 .dtd

步骤:
  (1) 看xml中有多少个元素，有几个元素，就在dtd文件中写几个 <!ELEMENT>
  (2)判断元素是简单元素还是复杂元素
   -复杂元素：有子元素得元素
    <!ELEMENT 元素名称 (子元素,子元素)>    //空格一定要加上

   -简单元素：没有子元素
    <!ELEMENT 元素名称 (#PCDATA)>    //空格一定要加上
  (3)需要在文件中引入dtd文件
    <!DOCTYPE 根元素名称 SYTSTEM "dtd文件的路径">

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

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

**打开myeclipse开发工具
  **创建一个项目 day05
  **在day05的src目录下面创建一个xml文件和dtd文件
  *当xml中引入dtd文件后，比如只能出现name age,多写了一个a,会提示出错

13.dtd的三种引入方式
（1）引入外部的dtd文件
   <!DOCTYPE 根元素名称 SYSTEM　"dtd路径">
（2）使用内部的dtd文件
  <!DOCTYPE 根元素的名称 [
  <!ELEMENT person (name,age)>
  <!ELEMENT name (#PCDATA)>
  <!ELEMENT age (#PCDATA)>
  ]>
（3）使用外部的dtd文件（网络上的dtd文件）
   <!DOCTYPE 根元素 PUBLIC "DTD名称" "DTD文档的URL">
   -后面学到框架 struts2 使用配置文件使用外部的dtd文件
   -<!DOCTYPE struts PUBLIC "-//Apache Software Fundation//DTD Struts Configuration 2.0//EN" "http://struts.apache.org/dtds/struts-2.0.dtd">

14.使用dtd定义元素
* 语法 <!ELEMENT 元素名约束>

*简单元素：没有子元素的元素
  <!ELEMENT name (#PCDATA)>
  *** (#PCDATA):约束name是字符串类型
  *** EMPTY:元素为空（没有内容）
   - <sex></sex>
  *** ANY：任意

*复杂元素:
  <!ELEMENT person (name,age,sex,school)>
   -子元素只能出现一次
  *<!ELEMENT 元素名称 (子元素)>

  *表示子元素出现的次数
   +:表示一次或者多次
   ?:表示出现一次或者零次
   *:表示零次一次或者多次

  *子元素直接使用逗号进行隔开
   **表示元素出现的顺序
  *子元素直接使用|隔开
   **表示元素只能出现其中的任意一个
    <!ELEMENT person (name+|age?|sex|school)>

15.使用dtd定义属性
  *语法:<!ATTLIST 元素名称
   属性名称属性类型属性的约束
  >
  -CDATA：字符串
   -<!ATTLIST birthday
    ID1 CDATA #REQUIRED
   >

  -枚举：表示只能在一定的范围出现值，但是只能每次出现其中的一个
   **红绿灯效果
   ** (aa|bb|cc)
   -<!ATTLIST age
    ID2 (AA|BB|CC) #REQUIRED
    >

  -ID：值只能是字母或者下划线开头
   -<!ATTLIST name
    ID3 ID #REQUIRED

   >

  *属性的约束
   -#REQUIRED 属性必须存在

   -IMPLIED:属性可有可无

   -#FIXED：表示一个固定值 #FIXED　"AAA"
    -属性的值必须设置的固定的这个值
      <!ATTLIST sex
       ID4 CDATA #FIXED "ABC"
      >
   -直接值
    *不写属性，使用直接值
    *写了属性，使用设置的那个值

    -<!ATTLIST school
     ID5 CDATA "www"
    >

16.实体的定义
*语法: <!ENTITY 实体名称 "实体的值">
***<!ENTITY TEST "HAHAHEHE">
*** 使用实体 &实体名称; 比如 &TEST;

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

17.xml解析的简介（写到java代码）（*****今天最重要的内容*******）
*xml是标记型文档
*js使用dom解析标记型文档？
-根据html的层级结构，在内存中分配一个树形结构，把html的标签，属性和文档都封装成对象
-document对象，element对象,属性对象，文本对象，Node节点对象

*xml的解析(技术):dom和sax
  **画图分析
  **dom解析和sax解析的区别
  **dom方式解析
   *根据xml的层级结构在内存中分配一个树形结构，把xml的标签，属性和文本都封装成对象
   *缺点：文件过大，造成内存溢出
   *优点:很方便实现增删改操作
  **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.mxl.parsers包里面
  **四个类:分别是针对dom和sax解析使用的类
  ***dom：
   DocumentBuilder : 解析器类
    -这个类是一个抽象类，不能new
     此类的实例可以从 DocumentBuilderFactory.newDocumentBuilder() 方法获取、

-一个方法，可以解析xml parse("xml的路径") 返回的是 Document 整个文档
-返回的document是一个接口，父节点是Node,如果在document里面找不到想要的方法，到Node里面去找

    -在document里面的方法
     getElementsByTagName(String tagname)
     --这个方法额可以得到标签
     --返回集合nodelist

createElement(String tagName)
--创建标签

     createTextNode(String data)
     --创建文本

     appendChild(Node newChild)
     --把文本添加到标签的下面

     removeChild(Node oldChild)
     --删除节点

getParentNode()
--获取父节点

     NodeList list
     -getLength() 得到集合的长度
     -item(int index) 下标取到具体的值
     for(int i=0;i<list.getLength;i++){
      list.item(i);
     }

getTextContent()
-得到标签里面的内容

   DocumentBuilderFactory : 解析器工厂
    -这个类也是一个抽象类，不能new
    newInstance() 获取 DocumentBuilderFactory的实例

  ***sax:
   SAXParser: 解析器类
   SAXParserFactory: 解析器工厂

19.使用jaxp[实现查询操作
******查询xml中name元素的值
*步骤

  /*1.创建解析器工厂
   * 2.根据解析器工厂创建解析器
   * 3.解析xml返回document
   * 4.得到所有的name元素
   * 5.返回集合，遍历集合，得到每一个name元素
   */

  //创建解析器工厂 alt+/   :代码提示
  DocumentBuilderFactory builderFactory = DocumentBuilderFactory.newInstance();
  //创建解析器
  DocumentBuilder builder = builderFactory.newDocumentBuilder();
  //解析xml返回document
  Document document = builder.parse("src/person.xml");
  //得到name元素
  NodeList list = document.getElementsByTagName("name");
  //遍历集合
  for(int i = 0;i<list.getLength();i++){
   Node name1 = list.item(i);   //得到每一个name元素
   //得到name元素的值
   String s = name1.getTextContent();
   System.out.println(s);

*********查询xml中第一个name元素的值
    /*
   * 1.创建解析器工厂
   * 2.根据解析器工厂创建解析器
   * 3.解析xml,返回document
   *
   * 4.得到所有name元素
   * 5.使用返回集合里面的方法item下标获取具体的元素
   * NodeList.item(下标)   下标从0开始
   * 6.得到具体的值，使用getTextContent方法
   */
  DocumentBuilderFactory builderFactory = DocumentBuilderFactory.newInstance();
  DocumentBuilder builder = builderFactory.newDocumentBuilder();
  Document document = builder.parse("src/person.xml");
  NodeList list = document.getElementsByTagName("name");
  //得到第一个元素
  Node name1 = list.item(0);
  String s1 = name1.getTextContent();
  System.out.println(s1);

20.使用jaxp添加节点
***在第一个p1的下边（末尾）添加<sex>nv</sex>
// ***在第一个p1的下边（末尾）添加<sex>nv</sex>
public static void addSex() throws Exception{
  /*
   * 1.创建解析器工厂
   * 2.根据解析器工厂创建解析器
   * 3.解析xml,返回document
   *
   * 4.得到第一个p1，使用item下标得到
   * 5.创建标签 createElement
   * 6.创建文本createTextNode
   * 7.把文本添sex标签下面 appendChild
   * 8.把sex添加到p1下面
   *
   * 9.回写xml
   */
  DocumentBuilderFactory builderFactory = DocumentBuilderFactory.newInstance();
  DocumentBuilder builder = builderFactory.newDocumentBuilder();
  Document document = builder.parse("src/person.xml");
  NodeList nodeList = document.getElementsByTagName("p1");
  Node p1 = nodeList.item(0);
  //创建标签
  Element sex1 = document.createElement("sex");
  //创建文本
  Text text1 = document.createTextNode("nv");
  sex1.appendChild(text1);
  p1.appendChild(sex1);

  //回写xml
  TransformerFactory transFormerFactory = TransformerFactory.newInstance();
  Transformer transFormer = transFormerFactory.newTransformer();
  transFormer.transform(new DOMSource(document), new StreamResult("src/person.xml"));
}

21.使用jaxp修改节点
***修改第一个p1下面的sex内容是nan
  //修改第一个p1下面的sex内容是nan
public static void modify() throws Exception{
  /**
   * 1.创建解析器工厂
   * 2.创建解析器
   * 3.解析xml，返回document
   *
   * 4.得到sex item方法
   * 5.修改sex里面的值 setTextContent方法
   *
   * 6.回写xml
   */
  //创建解析器工厂
  DocumentBuilderFactory documentBuilderFactory = DocumentBuilderFactory.newInstance();
  DocumentBuilder documentBuilder = documentBuilderFactory.newDocumentBuilder();
  Document document = documentBuilder.parse("src/person.xml");

  Node node = document.getElementsByTagName("sex").item(0);
  node.setTextContent("nan");

  //回写
  TransformerFactory transformerFactory = TransformerFactory.newInstance();
  Transformer transFormer = transformerFactory.newTransformer();
  transFormer.transform(new DOMSource(document), new StreamResult("src/person.xml"));
}

22.使用jaxp删除节点
**删除 <sex>nan<sex>
  public static void delSex() throws Exception{
  /**
   * 1.创建解析器工厂
   * 2.创建解析器
   * 3.解析xml，返回document
   *
   * 4.获取sex标签
   * 5.得到sex的父节点
   * 6.使用父节点删除 removeChild方法
   *
   * 7.回写xml
   */
  DocumentBuilderFactory documentBuilderFactory = DocumentBuilderFactory.newInstance();
  DocumentBuilder documentBuilder = documentBuilderFactory.newDocumentBuilder();
  Document document = documentBuilder.parse("src/person.xml");

  Node sex1 = document.getElementsByTagName("sex").item(0);
  Node p1 = sex1.getParentNode();
  p1.removeChild(sex1);

  //回写xml
  TransformerFactory tff = TransformerFactory.newInstance();
  Transformer tf = tff.newTransformer();
  tf.transform(new DOMSource(document), new StreamResult("src/person.xml"));

}

23.使用jaxp遍历结点
**把xml中的所有节点
  //遍历节点把所有的元素的名称打印出来
public static void listElement() throws Exception{
  /**
   * 1.创建解析器工厂
   * 2.创建解析器
   * 3.解析xml，返回document
   *
   * 4.得到根节点
   * 5.得到根节点的子节点
   * 6.得到根节点的子节点的子节点
   *
   * 7.回写xml
   */
  DocumentBuilderFactory documentBuilderFactory = DocumentBuilderFactory.newInstance();
  DocumentBuilder documentBuilder = documentBuilderFactory.newDocumentBuilder();
  Document document = documentBuilder.parse("src/person.xml");

  //编写一个方法
  list(document);
}

private static void list(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);
   //得到node1中的子节点
   //node1.getChildNodes()
   list(node1);
  }
}

HollowKnight

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Day 05 表单提交方式,xml,DTD约束，xml解析技术之一dom

1.表单的提交方式 *使用submit提交 &lt;form&gt; .... &lt;input type="submit" /&gt; &lt;/form&gt; *使用button提交表单 &lt;body&gt; &lt;form id="form1"&gt; &lt;input type="text" name=&qu
复制链接

扫一扫