java-web-introjavaweb程序设计第一章ppt.ppt

第1章 Java Web开发概述,Java Web程序设计基础,1.1 Web背景知识,Web浏览器 Web服务器 Web访问基本原理 HTTP超文本传输协议,1.1.1 Web浏览器,浏览器是开发和使用Web的重要工具，它是一种浏览Web信息的计算机软件，通过访问服务器把信息显示在屏幕上,1.1.2 Web服务器,服务器是一种计算机硬件 服务器是一种计算机软件 Web服务器 应用程序服务器,1.1.3 Web访问基本原理,（1）用户打开浏览器（如IE、Firefox等），输入网站的URL地址，也就是通常所说的网址。这个地址告诉浏览器要访问互联网中的哪台主机 （2）浏览器寻找到指定的主机之后，向Web服务器发出请求（request） （3）Web服务器接受请求并做出相应的处理，生成处理结果，大多数生成HTML格式，也有其他响应的格式 （4）服务器把响应的结果返回发送给浏览器 （5）浏览器接收到对应的响应结果后，在浏览器中显示响应结果，比如Web页面,URL: Uniform Resource Locator,http:/host.domain:port/path/filename,URL的标准格式为:,统一资源地址，是用户请求访问的Web页面文件的路径和文件名。,1.1.4 HTTP超文本传输协议,建立连接 发送请求 发送响应 关闭连接,状态码表示响应类型,1：保留 2：表示请求成功地接收 3：完成请求客户需进一步细化请求 4：客户错误 5：服务器错误,1.2 Web开发技术发展历史,早期的Web服务器模式开发 动态呈现页面技术 CGI实现的页面动态生成 改进的CGI：Java Servlet Servlet的模板：JSP JSP基本原理,1.2.1 早期的Web服务器模式开发,静态Web页面（HTML静态页面） 不能提供及时信息，页面上提供的都是静态不变的信息 当需要添加新的信息时，必须重新编写HTML文件 能根据用户的需求提供不同的信息（包括不同的内容和格式），并不能满足多样性的需求,1.2.2 动态呈现页面技术,CGI实现的页面动态生成 改进的CGI：Java Servlet Servlet的模板：JSP,CGI的操作过程,CGI（Common Gateway Interface，公共网关接口）,JSP - Java Server Pages,JSP是一种实现普通静态HTML和动态HTML混合编码的技术，它是Servlet API的一个扩展。,JSP基本原理,翻译阶段 - 编译阶段 - 请求阶段,1.3 Web开发技术简介,HTML概述 CSS概述 JavaScript概述 XML概述,1.3.1 HTML概述,HTML的最新版本是5 HTML页面是由许多元素组成的 HTML以标记标识及排列各元素 标记的一般格式为: 显示内容 标记是大小写无关的，最好都用小写。属性的赋值一般都用双引号（“ “）,HTML标记的常用属性,class：样式属性。引用已定义的层叠样式表。 style：样式属性。在标记内定义本标记的样式。 id：标识属性。在脚本编程中通过id引用页面元素。必须以英文字母开头，后可跟字母、数字、中划线（-）、下划线（_）、冒号（:）、圆点（.）。与name属性具有相同的名字空间。,HTML标记的常用事件属性,事件属性：用来启动脚本程序 OnLoad （元素载入事件） onUnload （元素关闭事件） onClick （鼠标左键单击元素事件） onDblClick （鼠标双击元素事件） onMouseOver（鼠标滑过元素事件） onMouseDown（鼠标左键在元素上按下事件）,HTML文件的基本结构,HTML文件通常由4个主要的元素构成。HTML文件的基本结构如下：, HTML文件标题 HTML文件内容 ,HTML结构说明, 设置HTML文件的开始和结束。 设置HTML文件的一些信息，如标题、层叠样式表单、脚本程序等。 设置HTML文件的标题。可在浏览器窗口标题栏显示。可以添加到浏览器的收藏夹内。 设置HTML文件的主体内容。,1.3.2 CSS概述,1996年发布。1998年5月，W3C接受CSS2.0为W3C标准。CSS是Cascading Style Sheets（层叠样式表单）的缩写，可以辅助HTML更简易地设置页面元素的显示格式，并解决HTML无法解决的页面元素的精确定位、重叠、滤镜等效果，已成为与HTML4.0不可分割的一项技术。,CSS语法格式,选择符属性：属性值 例：divwidth：200; filter blur(add=true,direction=135,strengh=20); 选择符 (1)可以是HTML中任何的标识符，比如P、DIV、IMG甚至 BODY 都可以作为选择符。 (2)自定义的符号，以点开始，引用中class（类方式） (3)自定义的符号，以#开始，引用中对应ID(ID属性) 属性：width、height、font-size、font-style和color、filter等。 属性值：根据具体属性而定,CSS应用方式,外部CSS 内部CSS 行内CSS（嵌入CSS）,外部CSS,good.css 其中不能包含标记，位置在与网页相同的文件夹内,p font-size:32pt;color:#ff0000; .good font-family:“华文行楷“,“楷体_GB2312“;font-size:32pt;font-weight:400;color:#0000ff;width:280;height:50;filter:Glow(Color=#ff0000,Strength=3); border:solid; border-width:5px;border-color:#00ff00; position:absolute; left:100px;top:100px;z-index:1;,外部CSS（续）,在网页中使用方法如下：, 外联式样式表的例子 软件学院 大连星海湾 ,内部CSS, 内联式样式表的例子 软件学院 大连星海湾 大连星海湾 ,行内样式,在HTML标签中通过style属性对HTML元素进行样式控制, CSS行内样式示例 这是一个CSS行内样式表 ,1.3.3 JavaScript概述,说到JavaScript 我们首先要感谢 SUN，是他创立了Java 语言；其次便是网景，是他将复杂的 Java 语言简化为 JavaScript，并率先移入 Netscape 浏览器中。JavaScript 是动态网页制作不可缺少的一课,JavaScript是什么？,JavaScript是一种脚本语言。它可以嵌入在HTML文件内，被客户端浏览器解释执行，用以实现不依赖Web服务器的动态页面效果。 基于对象的语言 具有简单性、安全性、动态性、跨平台性 JavaScript 和 Java 很类似，但到底并不一样！ JavaScript 创作者可以不那么注重程式技巧，所以许多Java的特性在 JavaScript 中并不支持。,JavaScript使用,JavaScript的脚本包括在HTML中，它成为HTML文档的一部分。, CSS外部样式示例 . alert(“hello, javascript.”); . ,JavaScript主要学习内容,语法 基本数据类型 表达式与运算符 语句 内置函数、内置对象 浏览器对象树DOM,1.3.4 XML概述,1998年，万维网协会（W3C）发布XML1.0。XML是Extensible Markup Language（可扩展标记语言）的缩写，XML是一组创建各种描述数据的标记语言的基本规则，它将数据描述和显示描述分离，可以作为数据交换的标准格式，而数据显示格式需用CSS、XSL(包括XSLT、XSLFO，2001年10月16日，W3C发布XSL1.0标准）描述。,XML特点,和HTML相比，XML有以下方面的改进： 1.解析性方面： 数据描述与显示描述分离，易解析。有利于客户端在两个或多个异种数据库间操作，有利于客户端分担数据处理任务，有利于客户端自己决定显示方式。 2.扩展性方面： 允许用户定义自己的标记和属性。 3.示义性方面： 标记名可使用有意义的词语。可以增强搜索引擎的搜索功能。 4.复杂性方面： 可表现复杂数据，例如数学公式。 5.校验性方面： 提供规范文件以支持结构校验。,XML应用,xml为原文件 dtd类型定义 DTD文件（Document Type Definition，文档类型定义，定义文