WEB开发基础培训.ppt

《WEB开发基础培训.ppt》由会员分享，可在线阅读，更多相关《WEB开发基础培训.ppt（56页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、WEB开发基础培训开发基础培训培训内容纲要qMVC模式qHTTP/ HTTPS协议qHTML qJAVASCRIPTqJSP & Servlet qEclipse及WEB插件qStruts第一章MVC模式WEB开发的核心思想开发的核心思想MVC模式1.什么是什么是mvc模式模式?MVC是一个设计模式，它强制性的使是一个设计模式，它强制性的使应用程序的输入、处理和输出分开。应用程序的输入、处理和输出分开。使用使用MVC应用程序被分成三个核心部应用程序被分成三个核心部件：模型、视图、控制器。它们各自件：模型、视图、控制器。它们各自处理自己的任务。处理自己的任务。MVC模式2.为什么选择为什么选择M

2、VC模式模式?MVC从根本上强制性的将业务代码和从根本上强制性的将业务代码和显示代码分开。显示代码分开。多个视图能共享一个模型多个视图能共享一个模型 容易改变你的应用程序的数据层和业容易改变你的应用程序的数据层和业务规则务规则 MVC模式3.MVC的缺点的缺点内部原理比较复杂内部原理比较复杂 调试应用程序有一定的困难调试应用程序有一定的困难 MVC模式4.如何使用如何使用MVC模式模式?V: html、css、javascript、jsp、taglib、servlet 、filter 、javabeanC：struts、servlet、filterM：hibernate、javabean、ej

3、b、webservice第二章 HTTP/ HTTPSHTTP/ HTTPS协议协议WEB应用的基础应用的基础HTTP协议什么是什么是HTTP?http:/ ex.htm HTTPHTTP协议协议(Hypertext(HypertextTransferTransferProtocolProtocol，超文本传输协议，超文本传输协议) ) 四个过程：建立连接、发送请求信息、四个过程：建立连接、发送请求信息、接收响应信息、关闭连接。接收响应信息、关闭连接。 HTTP协议是基于请求/响应范式的HTTP协议是基于请求协议是基于请求/响应范式的响应范式的(相当相当于客户机于客户机/服务器服务器)。一个客

4、户机与服务器。一个客户机与服务器建立连接后，发送一个请求给服务器，请建立连接后，发送一个请求给服务器，请求方式的格式为：统一资源标识符求方式的格式为：统一资源标识符(URL)、协议版本号，后边是协议版本号，后边是MIME信息包括请求信息包括请求修饰符、客户机信息和可能的内容。服务修饰符、客户机信息和可能的内容。服务器接到请求后，给予相应的响应信息，其器接到请求后，给予相应的响应信息，其格式为一个状态行，包括信息的协议版本格式为一个状态行，包括信息的协议版本号、一个成功或错误的代码，后边是号、一个成功或错误的代码，后边是MIME信息包括服务器信息、实体信息和信息包括服务器信息、实体信息和可能的内

5、容。可能的内容。 HTTP请求格式GET /somedir/page.html HTTP/1.1 Host: Connection:close User-agent:Mozilla/4.0 Accept-language:zh-cn (额外的回车符和换行符额外的回车符和换行符) 第一行称为第一行称为请求行请求行(request line)，后续各行都称为头部行，后续各行都称为头部行 请求行请求行 方法字段、方法字段、URL字段、字段、HTTP版本宇段版本宇段 ;头部行头部行Host:定存放所请求对象的主机定存放所请求对象的主机;头部头部Connection:close是在告知服务器本浏览器不想

6、使用持久连接是在告知服务器本浏览器不想使用持久连接;服务器发出服务器发出所请求的对象后应关闭连接。所请求的对象后应关闭连接。 User-agent头部行指定用户代理，也就是头部行指定用户代理，也就是产生当前请求的浏览器的类型。最后，产生当前请求的浏览器的类型。最后，Accept-languag:头部行指出要是头部行指出要是所请求对象有简体中文版本，那么用户宁愿接收这个版本所请求对象有简体中文版本，那么用户宁愿接收这个版本;如果没有这个语如果没有这个语言版本，那么服务器应该发送其默认版本。言版本，那么服务器应该发送其默认版本。 HTTP相应格式 HTTP/1.1 200 0K Connectlo

7、n:close Date: Thu, 13 Oct 2005 03:17:33 GMT Server: Apache/2.0.54 (Unix) LastNodified:Mon,22 Jun 1998 09;23;24 GMT ContentLength:682l ContentType:text/html (数据数据 数据数据 数据数据 数据数据 数据数据)HTTPS协议简介HTTPS (Secure Hypertext Transfer Protocol) 安全超文本传输协议安全超文本传输协议它通过它通过X.509数字证书来提供数据通信的数字证书来提供数据通信的安全安全.它是以安全套接字

8、层（它是以安全套接字层（SSL）作为）作为http应应用层的子层用层的子层.实际的加密和解密由浏览器完成。实际的加密和解密由浏览器完成。 第三章 HTML HTML WEB开发的数据载体开发的数据载体HTML 介绍 HTML（Hyper Text Mark-up Language ）即超文本标记语言，是）即超文本标记语言，是 WWW 的描述语言。的描述语言。 HTML文本是由文本是由 HTML命令组成的描述命令组成的描述性文本，性文本，HTML 命令可以说明文字、命令可以说明文字、 图图形、动画、声音、表格、链接等。形、动画、声音、表格、链接等。 HTML的结构包括头部的结构包括头部 (Hea

9、d)、主体、主体 (Body) 两大部分。头部描述浏览器所需两大部分。头部描述浏览器所需的信息，主体包含所要说明的具体内容。的信息，主体包含所要说明的具体内容。 HTML文档结构HTML标志符1. 2. 3. 添加CSS样式表的三种方法1、直接在标签内定义，主要是在、直接在标签内定义，主要是在body内实现。内实现。例如：例如：css实例实例。不过呢，这种方法使用比较简单、显示直不过呢，这种方法使用比较简单、显示直观，无法发挥样式表的优势，因此我们是观，无法发挥样式表的优势，因此我们是不推荐使用的。不推荐使用的。添加CSS样式表的三种方法2、在、在head里实现的里实现的css样式。这种的样式

10、。这种的css一般位于一般位于html文件的头部，即文件的头部，即与与标签内，并且以标签内，并且以开始，以开始，以结束。例如如下代码：结束。例如如下代码： 其中其中与与直接是样式的内容，在直接是样式的内容，在 前前面可以写样式的类型和名称。面可以写样式的类型和名称。 中是样式的属性。这种中是样式的属性。这种方法是经常被使用的添加样式表的方法。方法是经常被使用的添加样式表的方法。添加CSS样式表的三种方法3、在文件外使用（也就是使用链接样式表），、在文件外使用（也就是使用链接样式表），就是我们在网页中可以调用我们已经定义就是我们在网页中可以调用我们已经定义好的样式表来实现样式表的应用，它可以好的

11、样式表来实现样式表的应用，它可以定义在定义在html文件内部，也可以单独成为文文件内部，也可以单独成为文件。这种方法最适合大型网站的件。这种方法最适合大型网站的css样式样式定义。定义。第四章JAVASCRIPTJAVASCRIPT客户端上的利器客户端上的利器JavaScript是什么?JavaScript是一种基于对象是一种基于对象(Object)和事件驱动和事件驱动(Event Driven) 的脚本的脚本语言。语言。解释性语言解释性语言简单、安全、动态、跨平台简单、安全、动态、跨平台不是不是java，基于对象的弱类型语言，基于对象的弱类型语言DomTreeWindowdocumentfo

12、rms input . button嵌入HTML 变量类型常量常量 整型、实型、字符型、布尔型、整型、实型、字符型、布尔型、日期型、空值日期型、空值null、特殊字符、特殊字符变量变量 以字符开头不能使用关键字以字符开头不能使用关键字表达式和运算符var a100；+_*/.流程控制 if else while do-while for switch for(var e in document)alert(e); 函数Function sayHello(arg1,arg2)return “ Hello !”;事件 第五章 JSP & ServletJSP & ServletServlet 是用

13、是用 Java 编写的服务器端程序模块。编写的服务器端程序模块。Servlet 被加载到被加载到 Web 服务器上，并在其中运服务器上，并在其中运行。行。Servlet 使用使用 HTTP 服务器接收和响应客服务器接收和响应客户机发出的请求。户机发出的请求。JavaServer Pages (JSP) 技术是技术是 Java Servlet API 的扩展。的扩展。JSP 页面通常由静态页面通常由静态 HTML/XML 组件、自定义组件、自定义 JSP 标签和称为标签和称为 scriptlet 的的 Java 代码片段组成。即使代码片段组成。即使 JSP 可可以包含业务处理逻辑，但它们主要在表

14、示层中用以包含业务处理逻辑，但它们主要在表示层中用于生成动态内容。业务逻辑和表示逻辑的分开是于生成动态内容。业务逻辑和表示逻辑的分开是这种技术的一个主要优点。这种技术的一个主要优点。 Servlet Servlet 生命周期生命周期 加载和实例化加载和实例化 （单例）（单例）初始化初始化 init() 请求处理请求处理 service()doGet() doPost() 从服务中删除从服务中删除 destroy()JSP JSP 生命周期生命周期 转换转换 编译编译 加载类加载类 实例化类实例化类 InitServiceDestroyJSP JSP 标签类型标签类型 指令、声明、指令、声明、s

15、criptlet、表达式、标、表达式、标准动作和注释准动作和注释 使用使用 include include 指令指令 包含和被包含页面可以访问其他页面中定义包含和被包含页面可以访问其他页面中定义的变量和方法；它们甚至共享隐式的变量和方法；它们甚至共享隐式 JSP 对象。对象。但但 include 指令的指令的 file 属性不能是表达式。例属性不能是表达式。例如，下面的代码是禁止的：如，下面的代码是禁止的： % include file= % file 属性不属性不能传递参数给被包含的页面，所以下面的代码是能传递参数给被包含的页面，所以下面的代码是违法的：违法的： 使用使用 动作动作 jsp:

16、include page=relativeURL | flush=true / 使用自定义标签库可以提升可以提升 JSP 页面的可重用性、灵活性和清晰性。页面的可重用性、灵活性和清晰性。 Hello This is the body of myOuterTag Hello World! scriptlet的六章的六章EclipseEclipse及及WEBWEB插件插件MyEclipse的安装MyEclipse的安装第七章Struts主流主流web应用框架，为应用框架，为web应用的控应用的控制层实现提供了完善的解决方案。制层实现提供了完善的解决方案。Struts组件ActionServletActionFormActionTaglibpluginStruts工作原理编写Struts应用1.配置配置struts config文件文件2.编写编写actionform3.编写编写action4.编写编写jsp页面页面消息处理1.国际化国际化2.错误信息错误信息Struts的数据校验1.前台校验前台校验依赖依赖javascript2.后台校验后台校验form的的validate方法方法action中的校验中的校验校验框架校验框架业务逻辑校验业务逻辑校验Struts标签1.Bean标签标签2.Logic标签标签3.Html标签标签谢谢 谢谢致谢