资源描述
第1章JavaWeb开发概述,JavaWeb程序设计基础,1.1Web背景知识,Web浏览器Web服务器Web访问基本原理HTTP超文本传输协议,1.1.1Web浏览器,浏览器是开发和使用Web的重要工具，它是一种浏览Web信息的计算机软件，通过访问服务器把信息显示在屏幕上,1.1.2Web服务器,服务器是一种计算机硬件服务器是一种计算机软件Web服务器应用程序服务器,1.1.3Web访问基本原理,（1）用户打开浏览器（如IE、Firefox等），输入网站的URL地址，也就是通常所说的网址。这个地址告诉浏览器要访问互联网中的哪台主机（2）浏览器寻找到指定的主机之后，向Web服务器发出请求（request）（3）Web服务器接受请求并做出相应的处理，生成处理结果，大多数生成HTML格式，也有其他响应的格式（4）服务器把响应的结果返回发送给浏览器（5）浏览器接收到对应的响应结果后，在浏览器中显示响应结果，比如Web页面,URL:UniformResourceLocator,但是在这里，URL是指/path/filename，http:/host.domain:port是系统自动设置的，不包含在此处的URL中。,http:/host.domain:port/path/filename,URL的标准格式为:,统一资源地址，是用户请求访问的Web页面文件的路径和文件名。,1.1.4HTTP超文本传输协议,建立连接发送请求发送响应关闭连接,状态码表示响应类型,1：保留2：表示请求成功地接收3：完成请求客户需进一步细化请求4：客户错误5：服务器错误,1.2Web开发技术发展历史,早期的Web服务器模式开发动态呈现页面技术CGI实现的页面动态生成改进的CGI：JavaServletServlet的模板：JSPJSP基本原理,1.2.1早期的Web服务器模式开发,静态Web页面（HTML静态页面）不能提供及时信息，页面上提供的都是静态不变的信息当需要添加新的信息时，必须重新编写HTML文件能根据用户的需求提供不同的信息（包括不同的内容和格式），并不能满足多样性的需求,1.2.2动态呈现页面技术,CGI实现的页面动态生成改进的CGI：JavaServletServlet的模板：JSP,CGI的操作过程,CGI（CommonGatewayInterface，公共网关接口）,JSP-JavaServerPages,JSP是一种实现普通静态HTML和动态HTML混合编码的技术，它是ServletAPI的一个扩展。,JSP基本原理,翻译阶段-编译阶段-请求阶段,1.3Web开发技术简介,HTML概述CSS概述JavaScript概述XML概述,1.3.1HTML概述,HTML的最新版本是5HTML页面是由许多元素组成的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.2CSS概述,1996年发布。1998年5月，W3C接受CSS2.0为W3C标准。CSS是CascadingStyleSheets（层叠样式表单）的缩写，可以辅助HTML更简易地设置页面元素的显示格式，并解决HTML无法解决的页面元素的精确定位、重叠、滤镜等效果，已成为与HTML4.0不可分割的一项技术。,CSS语法格式,选择符属性：属性值例：divwidth：200;filterblur(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其中不能包含标记，位置在与网页相同的文件夹内,pfont-size:32pt;color:#ff0000;.goodfont-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.3JavaScript概述,说到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.4XML概述,1998年，万维网协会（W3C）发布XML1.0。XML是ExtensibleMarkupLanguage（可扩展标记语言）的缩写，XML是一组创建各种描述数据的标记语言的基本规则，它将数据描述和显示描述分离，可以作为数据交换的标准格式，而数据显示格式需用CSS、XSL(包括XSLT、XSLFO，2001年10月16日，W3C发布XSL1.0标准）描述。,XML特点,和HTML相比，XML有以下方面的改进：1.解析性方面：数据描述与显示描述分离，易解析。有利于客户端在两个或多个异种数据库间操作，有利于客户端分担数据处理任务，有利于客户端自己决定显示方式。2.扩展性方面：允许用户定义自己的标记和属性。3.示义性方面：标记名可使用有意义的词语。可以增强搜索引擎的搜索功能。4.复杂性方面：可表现复杂数据，例如数学公式。5.校验性方面：提供规范文件以支持结构校验。,XML应用,xml为原文件dtd类型定义DTD文件（DocumentTypeDefinition，文档类型定义，定义文档使用的标记、标记间的关系及标记的取值）Schema数据模型定义,XML示例（book.xml文件）,Web安全、维护及其服务器的管理EricLarson、BrianStephens38.00软件工程导论张海藩22.50,XML示例（book.dtd文件）,说明：+表示=1；*表示=0；其它默认只有一个值,Q&A,这是我，我是JWShock,?,
展开阅读全文