1：Web开发入门-Java Web

分手后的思念是犯贱 2024-04-06 13:00 104阅读 0赞

#### 目录 ####

*  1.1 什么是Web应用程序
 *  1.2 B/S架构
 *  1.3 静态Web与动态Web
 *  1.4 Java EE介绍
 *  1.5 Java EE架构与组件
 *  1.6 Java EE中的容器
 *  1.7 XML介绍
 *  1.8 XML与HTML的区别
 *  1.9 XML的实现

## 1.1 什么是Web应用程序 ##

> 在Sun的Java Servlet规范中，对Java Web应用作了这样定义：“Java Web应用由一组Servlet、HTML页、类、以及其它可以被绑定的资源构成。它可以在各种供应商提供的实现Servlet规范的Servlet容器 中运行。”

**Java Web应用中包含的内容**

*  Servlet
 *  JSP
 *  实用类
 *  静态文档如HTML、图片等
 *  描述Web应用的信息（web.xml）

## 1.2 B/S架构 ##

Web应用程序是是基于B/S架构的，B/S指的是browser/server，就是说是客户端与服务器端模式

![在这里插入图片描述][a12bb1b0b55847e390d24cff02d5ff9b.png]

**常用组成部分**

*  浏览器
 *  HTML
 *  HTTP
 *  Web服务器软件
 *  数据

## 1.3 静态Web与动态Web ##

![在这里插入图片描述][84d745cf73c64918a981bb12206d8ed6.png]

![在这里插入图片描述][a5a6c3f817c34855ba2f584080f11c6a.png]

## 1.4 Java EE介绍 ##

*  Java EE(Java 2 Platform，Enterprise Edition)，是Sun公司提出的一种分布式企业级应用开发的技术架构(技术规范)
 *  Java SE是Java的标准版，也是Java的基础版，通常说的Java即指JavaSE

**企业级与标准Java的区别**

*  标准版Java包括一整套面向对象的语言规范，核心类库和可任意扩展的专项类库以及完整的开发工具和虚拟机
 *  JavaEE是Java标准版的延伸和扩充，针对整个企业范围规范了一个新的体系结构，即一个分布式、多层次的体系结构

## 1.5 Java EE架构与组件 ##

**架构**

*  客户端机器上的客户层组件（Client tier）
 *  服务器上的Web层组件 （Web tier）
 *  服务器上的业务逻辑层组件（Businesstier）
 *  EIS服务器上的企业信息系统（Enterprise information system）层软件（EIS tier）

**组件**

*  客户层组件：HTML
 *  Web层组件：JSP 、Servlet
 *  业务层组件：企业Bean
 *  企业信息系统层组件：数据库系统，企业原有基础或应用系统

![在这里插入图片描述][ca6124b8e0344387ad884ee215197bac.png]

## 1.6 Java EE中的容器 ##

容器是指一组提供服务的管理器

**运行在客户端的容器**

*  应用程序客户端容器：管理客户端组件运行
 *  Applet容器：Web浏览器与Java插件的组合体

**运行在Java EE服务器端的容器**

*  Web容器：管理JSP和Servlet组件的运行
 *  EJB容器：管理企业级 Bean的运行

## 1.7 XML介绍 ##

*  XML（eXtended Markup Language，可扩展的标记性语言）被设计用来定义结构、传输和存储数据，不用于表现和展示数据，目的是数据的内容
 *  HTML中的元素都是固定的，以显示数据为主，目的是数据的外观
 *  XML与HTML类似，都属于标记性的语言，两者都是从SGML（StandardGeneral Markup Language）语言发展而来

## 1.8 XML与HTML的区别 ##

![在这里插入图片描述][86ba89822ec642ebb5eda856d7bbef13.png]

*  XML中的实体参照

![在这里插入图片描述][fcd4a1b8fb04476e84238edf41fd818c.png]

*  XML 中的注释

*  XML 语言没有预定义的标签，HTML 中使用的标签都是预定义的
 *  XML 允许创作者定义自己的标签和自己的文档结构
 *  XML 中省略关闭标签是非法的，所有元素都必须有关闭标签
 *  XML 必须包含根元素，它是所有其他元素的父元素
 *  XML 名称不能包含空格，使名称具有描述性，使用下划线的名称<first\_name>、<last\_name>

## 1.9 XML的实现 ##

1、使用HTML描述数据：

2、使用XML进行数据展示

<?xml version="1.0" encoding="GBK"?>
    <addresslist>
        <department>
            <name>XX学院</name>
            <id>001</id>
            <college>大学</college>
            <mail>邮箱</mail>
            <tel>电话 </tel>
            <site>网址</site>
        </department>
    </addresslist>

3、使用CSS对XML进行格式化

CSS文件：

name{
        
    	display:block ;
    	color:blue ;
    	font-size:20pt ;
    	font-weight:bold ;
    }
    id,college,email,tel,site{
        
    	display:block ;
    	color:black ;
    	font-size:14pt ;
    	font-weight:normal ;
    	font-style:italic ;
    }

导入CSS的XML文件：

<?xml version="1.0" encoding="GBK"?>
    <?xml-stylesheet type="text/css" href="attrib.css"?>
    <addresslist>
        <department>
            <name>XX学院</name>
            <id>001</id>
            <college>大学</college>
            <mail>邮箱</mail>
            <tel>电话 </tel>
            <site>网址</site>
        </department>
    </addresslist>

4、包含属性的XML文件

*  属性（Attribute）提供有关元素的额外信息，属性值必须被引号包围

<?xml version="1.0" encoding="GBK" standalone="yes"?>
    <addresslist>
        <department>
            <name id="001">XX学院</name>
            <college>大学</college>
        </department>
    </addresslist>

[a12bb1b0b55847e390d24cff02d5ff9b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/a2b4d291f9a640ab8ecf805d9678d144.png
[84d745cf73c64918a981bb12206d8ed6.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/4c4ad2a98e444dd3bf86381615744a2b.png
[a5a6c3f817c34855ba2f584080f11c6a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/00b6b6f8719a42bb820438460cebafe3.png
[ca6124b8e0344387ad884ee215197bac.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/641b9b0e982f4d0fafb3e0f3f3c93c95.png
[86ba89822ec642ebb5eda856d7bbef13.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/6c8cb3e8bc5449b1aa5fa46e0c9dc5d0.png
[fcd4a1b8fb04476e84238edf41fd818c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/d497f24d3c2d43c9a9da89bd040055c1.png