Java Web应用开发技术第1章 Java Web应用概述PPT课件

格式：ppt
大小：2.14 MB
文档页数：25

下载文档原格式

JavaWeb应用开发教材课件汇总完整版ppt全套课件最全教学教程整本书电子教案全书教案课件合集

2.3 .1 JavaScript基本语法
(2)数组定义 var 数组名= new Array(数组长度) 例如：
var arr = new Array(3); 数组元素可以通过下标访问例如： arr[0]=20; 通过arr.length可以取得数组的长度
2.3 .1 JavaScript基本语法
2.3.2 JavaScript常用内置对象
1．window对象: window对象表示的是一个和浏览器相关的最高级对象 . Window对象最常用的地方在于从一个窗口中新开一个窗口，它的基本语法如下： [NewWindow=]window.open(url，windowName[,windowPros])；其中： newWindow为表示这个新开窗口对象的变量名称； url是这个新开窗口所引用的url； windowPros为新开窗口的属性，可以取下面各值： Toolbar：用于指明新开窗口是否需要标准工具栏； status：用于指明新开窗口是否需要状态条； menubar．用于指明新开窗口是否需要菜单栏； scrollbar：用于指明当新开窗口中的文档的内容超出窗口大小的时候是否需要滚动条； resizable：是否允许改变新开窗口的大小； width：指定新开窗口的宽度； height：指定新开窗口的高度； top：指定新开窗口距离电脑屏幕上方的像素； left：指定新开窗口距离电脑屏幕左边的像素。
Java Web应用开发
☆
第二章 Java Web编程基础
：
目标
• 掌握HTML的基本元素 • 掌握HTML的table元素 • 掌握HTML的form元素 • 理解JavaScript的基本原理。 • 掌握JavaScript的基本语法。 • 理解JavaScript事件机制。 • 掌握CSS基本原理 • 掌握CSS在布局中的应用

Web技术应用基础(第一章)精品PPT课件

国家级精品课程 —Web技术应用基础
● IP地址的表示方法
IPv4地址采用“点分十进制”表示法。按照TCP/IP协议规定，IP地址用二进制来表示，每个IP 地例如：一个采用二进制形式的IP地址是“1110101000”，为了方便记忆和使用，IP地址经常被写成十进制的形式，中间使用符号“.”分开不同的字节。
计算机网络 ●
Web环境
通过通信线路和通信设备，将分布在不同地理位置、具有独立功能的计算机系统连接起来，在网络协议和网络管理软件的支持下，实现彼此之间数据通信和资源共享的系统。
计算机网络为网络用户提供了两个主要功能：
连通和共享
连通功能共把享网功上能计使上算网用户可机连接起以来使，用使网人上所们有公享资可了以地交域换的源软、信遥件游，息远、戏例，。如硬等忘信件等、息记娱、乐文节档、目
在因特网上与其他用户通信或查找资源，先要找到用户或资源所在的主机，然后才可以进行通信或查询存储于该主机上的资源。在因特网上使用IP地址或域名标识网上的主机或者设备，使用URL来定位网上的资源。
国家级精品课程 —Web技术应用基础
● IP地址
Internet是网络的网络，连接了海量主机（或设备），为了识别网上主机（或设备），人们为每台主机（或设备），分配了一个在Internet唯一的32位的二进制数，即主机的IP地址。
国家级精品课程 —《Web技术应用基础》
第1章 Web技术概述
本章主要内容
Web应用的基础知识和基本概念，主要包括计算机网络、Internet、 Web基本概念， Web开发技术和Web方式访问数据库技术等。学习目标：
– 掌握Web开发的基本知识、主要技术和工作原理 – 理解Web开发常用架构，会画B/S三层结构图 – 熟练应用IP地址、域名和URL网上查找资源 – 理解JSP访问数据库技术

JavaWeb应用开发原理与技术第1章

客户端（如浏览器）向Web服务器提出的请求(以命令如GET开始，后跟 URL)。
协议 FTP Telnet Protocol SMTP HTTP Protocol Gopher Protocol Finger Protocol TFTP 端口号 21 23 25 80 70 79 69
步骤3：服务器响应客户端的请求
1.1 Internet、Intranet与Web的概念
上世纪九十年代后半段，出现了一个与Internet相似、却是崭新的名词Intranet。有时候人们把前者Internet俗称为“外网”，后者Intranet俗称为“内网”。简言之，Intranet是一个企业自己的内部网络，不过这个网络同样采用了基于Internet的技术和服务工具 Intranet与Internet的区别在于：
Internet是全球互联网络； Intranet属于企业内部网络，外来用户不能对Intranet进行任何访问。
1.1 Internet、Intranet与Web的概念
World Wide Web(简称WWW，或简称Web) 构成了世界上最大的电子信息仓库,中文称为“万维网”。 Web(万维网)是人类计算史上甚至通信史上最具革命性、应用最广泛的技术。 Web的定义（没有统一的定义）
用HTML等书写的内容称为Web文档（它实际上是文本文件）。Web 文档经浏览器解释后映射成平常我们所观看的Web网页，它以图像的方式表现在屏幕上。 URL是一个用来确定Web上某Web文档资源地址的字符串。大多数资料都把URL称作Web地址。 URL与Web文档之间的关系可以看成一本书中目录与正文之间的关系。 URL的语法相当简单，其完整的语法为： scheme://host:port/path/resource#section?parameters 例如: :80/chinese/index.htm 可简写成： /chinese/index.htm

Java Web程序设计课件：Java Web开发快速入门

2020/9/20
Java Web程序设计
23
1.2 Web发展阶段
服务器端与用户交互阶段
(2) 针对纯编程语言的实现形式，以Java Servlet（简称 Servlet) 为例， Servlet可以创建动态生成的网页，但是 Servlet生成网页的方法是在Java类中嵌入HTML标签和表达式，也就是说当对页面HTML脚本做一个小小的改动时都需要修改和重新编译整个Servlet源文件，然后重新部署到 Servlet容器。由此可见，使用Servlet生成HTML页面是相当繁重的工作，特别是当设计HTML 页面和编写Servlet代码由不同人员承担时修改Servlet 将变得更加麻烦。
2020/9/20
Java Web程序设计
7
1.1 Web的概念
超文本传输协议(HyperText Transfer Protocol , HTTP) ：它是超文本在互联网上的传输协议， HTTP 协议规定了Web 的基本运作过程以及浏览器与Web 服务器之间的通信细节。HTTP 协议采用C/S 通信模式，服务器端称为HTTP服务器，也就是常说的Web 服务器，客户端为HTTP 客户程序，浏览器（例如IE 、Firefox) 是最典型的HTTP 客户程序。
2020/9/20
Java Web程序设计
6
1.1 Web的概念
万维网(Wide World Web, WWW) ：全球网，它以 Internet为网络平台。Internet是来自世界各地的众多相互连接的计算机以及其他网络设备的集合，而 WWW则是Internet 上的一种分布式应用架构，也是 Internet的典型应用。
2020/9/20
Java Web程序设计

《课JavaWeb基础》PPT课件

ASP: 即Active Server Pages，vbscript的子集，
●优点支持动态网页功能，易于使用
●缺点 ASP虽然功能非常优越，因为脚本是在服务器端运行
的，所以Web服务器完成所有处理后，将标准的HTML页面送往浏览器。这意味着，ASP只能在可以支持的服务器上运行，但目前只能在微软公司的NT平台的IIS服务器上执行限制了ASP的应用
C/S结构
C/S结构
C/S结构，即Client/Server（客户机／服务器）结构，是一种软件系统体系结构。它把整个软件系统分成Client和 Server两个部分，Client和Server通常处在不同的计算机
上。
客户机
数据库
数据库服务器结请果求 Ethernet
客户机
……
服务器层 Server
动态网站与静态网站
动态网站有三个特点： 1) “交互性”即网页会根据用户的要求和选择而动态改
变和响应。 2) “自动更新”即无须手动地更新HTML文档，便会自动
生成新的页面，可以大大节省工作量。 3) “因时因人而变”，即当不同的时间、不同的人访问
同一网址时会产生不同的页面。
注：一般我们说的动态Web网站是需要与数据库进行交互的程序。
几种B/S技术介绍
动态网页技术 CGI/ASP/PHP/JSP
CGI：即Common Gateway Interface(公用网关接口)。
您可以使用不同的程序编写适合的CGI程序，如 Visual Basic、Delphi或C/C＋＋等。此技术现已淘汰
动态网页技术 CGI/ASP/PHP/JSP
具有内置Servlet容器的Web服务器，如：Tomcat 使用Servlet引擎插件的产品，如JRun;Apache Web服务

第1章Web应用开发简介.ppt

用途实现不同应用程序之间的数据交互对一种数据实现多种样式实现数据的分布式处理
样式1 XML文件样式2
交换数据
应用程序2
显示效果2 操作2 显示效果操作3 3 显示效果操作4 4
显示效果1 操作1
DOM 样式3
样式4
Web 服务器 Web 服务器
显示
1.2.3 XML、CSS的应用
<body> <script type="text/javascript"> <!-document.write("你好，JavaScript"); // JavaScript结束--> </script> </body>
语言特点
引用外部文件： <head> <title>问候页面</title> <script type="text/javascript" src="hello.js"></script> </head>
1.1.2 Web应用程序
Web应用程序介绍概念
Web应用程序是一种使用HTTP作为核心通信协议、通过互联网让 Web浏览器和服务器通讯的计算机程序。
技术组成客户端开发技术：HTML 、CSS 、DOM 、ActiveX 、 JavaScript 、VBScript 、Applet等。服务器端开发技术：JSP/Servlet 、PHP 、ASP 、CGI、Perl、 ISAPI等。层次结构表示层：采用Web浏览器实现。业务逻辑层：由位于Web服务器上的各种服务器端程序实现。数据服务层：由数据库服务器提供，数据库服务器例如MySQL、 SQL Server等。

JavaWeb编程技术.ppt

• 正是由于主动资源才使Web应用程序几乎具有与一般应用程序同样的交互性。
• Web应用程序中的主动资源通常向用户提供动态内容并使它们通过浏览器执行业务逻辑。
动态WebWeb文档
在Web发展的早期，Web文档只是一种以文件的形式存放在服务器端的文档。客户发出对该文档的请求，服务器返回这个文件。这种文档称为静态文档(static document)。
•服务器端动态文档技术 •客户端动态文档技术
动态Web文档技术--服务器端动态Web文档技术
❖ CGI技术
▪ CGI（Common Gateway Interface，公共网关接口） ▪ CGI是一种标准化的接口 ▪ 允许Web服务器与后端程序及脚本通信，这些后端程序和脚本能够
接受输入信息（例如，来自表单），并生成HTML页面作为响应。
▪ 运行机制
1. 打开连接
客户 (浏览器)
2. HTTP请求 3. HTTP响应 4. 关闭连接
Web 服务器
Web应用体系结构– 一些概念（ URL和URI ）
❖ URI（Uniform Resource Identifier）
▪ 统一资源标识符 ▪ 以特定语法表示一个资源的字符串 ▪ URI一般由三部分组成：访问资源的命名机制。存放资源的主机
Web应用体系结构– 静态Web
Web应用体系结构– 静态Web（Applet）
胖和瘦？
Web应用体系结构– 动态Web
动态Web文档技术--静态Web文档和动态Web文档
❖ 主动资源与被动资源
• 如果资源本身没有任何处理功能它就是被动的 • 如果资源有自己的处理功能，它就是主动的
▪ Web应用程序通常是主动资源和被动资源的混合 ▪ 主动资源的意义：

Java Web开发教程第1章 java web应用开发概述

1.2.2 TCP/IP模型
TCP/IP是一组用于实现网络互连的通信协议。 Internet网络体系结构以TCP/IP为核心。基于TCP/IP 的参考模型将OSI模型的七层协议重新进行了划分，分别是：网络访问层、网际互联层、传输层和应用层等四个层次。
1.2.3 B/S的应用软件架构
对开发人员来说，在项目开发过程中根据项目需要选择不同的架构。目前两种流行的软件体系结构是 C/S体系结构和B/S体系结构。 B/S架构是一种基于Internet的网络结构模式。该模式将系统逻辑功能的大部分实现集中到服务器上，客户端只实现极少的事务逻辑，这样就使得系统的开发、使用和维护都更加方便简洁。B/S结构结合了浏览器的 JavaScript、VBScript等多种脚本语言，使用通用的浏览器可以有效地节约了开发成本。在当前的互联网+的时代，B/S架构已经成为应用软件中首选的体系结构。
第1章 java web应用开发概述
1.1 1.2 1.3 1.4 Web的概念计算机网络体系结构 HTTP协议本章小结
1.1 Web的概念
1.1.1 1.1.2 1.1.3 1.1.4 Web的定义 JSP和其他Web编程语言 Web的相关标准 JSP开发Web应用的四种方式
1.1.1 Web的定义
是.NET FrameWork的一部分，是一种使嵌入网页中的脚本可由因特网服务器执行的服务器端脚本技术，可以在通过HTTP请求文档时再在 Web服务器上动态创建它们。在php/java/这三个开发语言中，jsp的优势是在企业级应用、php的优势在于轻量级WEB应用，一方面二者都可以跨操作平台部署，另一方面比起.net来更轻巧和精简。php的安装包，加上apache 服务器，也就只有几十兆大小；jsp更是只需jdk和 appserver即可，加一起也就100多M，相反，.net安装包不仅只能部署在windows下面，需要.net framework的支持。并且经常大于1G，也给应用者带来了极大困惑和不便。

Java Web 应用程序设计课件第1章 Java Web 应用概述

1.1.4 Web应用开发技术
• （3）JSP • JSP（Java Server Pages）是由Sun公司（现已被甲骨文公司收购）
推出的服务器端开发技术。JSP技术是在传统网页HTML文件中插入Java代码，从而形成JSP文件。JSP以Java为基础，沿用了Java强大的API功能。JSP页面中的HTML代码用来显示静态内容；嵌入的 Java代码与JSP标记用来生成动态的内容。Web服务器在遇到访问 JSP页面的请求时，首先执行其中的Java程序段，然后将执行结果连同JSP文件中的HTML代码一起返回给客户，实现动态网页所需要的功能。JSP可以被预编译，提高运行速度。并且JSP应用程序一次编译后，便可随时随地运行。
1.1.3 Web的发展历程
• 自从1990年，英国计算机科学家Tim Berners-Lee发明了World Wide Web并成功通过Internet实现了HTTP代理与服务器的第一次通讯以来，Web发展主要经历了三个阶段：Web1.0阶段、Web2.0 阶段及Web3.0阶段。
1.1.3 Web的发展历程
1.1.4 Web应用开发技术
• 2.服务器端应用技术 • （1）ASP • （2）PHP • （3）JSP
1.1.4 Web应用开发技术
• （1）ASP • ASP（Active Server Pages）是微软公司开发的一种动态网站开发
技术，类似HTML、Script(脚本)与CGI(公用网关接口)的结合体。 ASP允许用户在网页代码中嵌入VBScript或JavaScript脚本语言来生成动态的内容，Web服务器必须安装适当的解释器后，才可以解释执行脚本程序，然后将执行结果与静态内容结合起来，以 HTML格式传送到客户端浏览器。对于一些复杂的操作，ASP还可以调用后台的ActiveX控件来无限扩充其能力。ASP技术有很多优点，简单易学，但是它基本上局限于微软公司的操作系统平台，很难在跨平台Web服务器上工作。

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

第1章 Java Web开发概述
Java Web程序设计基础
1.1 Web背景知识
Web浏览器 Web服务器 Web访问基本原理 HTTP超文本传输协议
1.1.1 Web浏览器
浏览器是开发和使用Web的重要工具，它是一种浏览Web信息的计算机软件，请求
HTTP响应
Web服务器
状态码表示响应类型
1：保留 2：表示请求成功地接收 3：完成请求客户需进一步细化请求 4：客户错误 5：服务器错误
1.2 Web开发技术发展历史
早期的Web服务器模式开发动态呈现页面技术 CGI实现的页面动态生成改进的CGI：Java Servlet Servlet的模板：JSP JSP基本原理
HTML标记的常用事件属性
事件属性：用来启动脚本程序
OnLoad （元素载入事件） onUnload （元素关闭事件） onClick （鼠标左键单击元素事件） onDblClick （鼠标双击元素事件） onMouseOver（鼠标滑过元素事件） onMouseDown（鼠标左键在元素上按
URL的标准格式为: http://host.domain[:port]/path/filename
但是在这里，URL是指/path/filename ，http://host.domain[:port]是系统自动设置的，不包含在此处的URL中。
1.1.4 HTTP超文本传输协议
建立连接发送请求发送响应关闭连接
1.2.1 早期的Web服务器模式开发
静态Web页面（HTML静态页面）
不能提供及时信息，页面上提供的都是静态不变的信息
当需要添加新的信息时，必须重新编写 HTML文件

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

Web服务器
图1-5 动态网页工作原理
工作原理：
•当客户端浏览器向网络中的Web服务器发出请求时，浏览器会将用户输入的信息一起发送到Web服务器，Web服务器接收请求信号后，将该网页发送至应用程序服务器，应用程序服务器检查该网页，执行其中的应用程序，在执行应用程序的过程中，可能会查询数据库，查询完数据库，应用程序服务器会将查询到的数据插入网页中，此时动态网页变为静态网页，Web服务器将完成的静态网页传给浏览器，浏览器接到Web服务器送来的信号后开始解读 HTML标签并将其转换，有时还执行脚本程序，然后将结果显示出来。
理解Web应用的工作原理；了解Java Web开发模式；学会Java Web开发环境的搭建；掌握创建、部署、发布一个Java Web应用程序的过程。
1 Web应用程序简介 2 Java Web编程简介 3 Java Web开发环境的搭建 4 使用MyEclipse进行Web开发
❖1.1.1 C/S和B/S开发模式
1.1.3Web应用程序工作原理
1.静态页工作原理
静态网页也称为普通网页，是相对于动态网页而言的，并不是指网页中的元素都是静止不动的，而是指在通过浏览器进行浏览时，Web服务器中不再发生动态改变（没有表单处理程序或其他应用程序的执行），因此网页不是即时生成的。浏览器“阅读”静态网页的执行过程较为简单，
▪
打ACT/C H1
WIC 0 ACT/CH0 A C T/ C H1
E TH ACT CO L
调制解调器
数据库服务器
Power/TX Link/Rx
LPT1
LPT2
COM
Print Server
其他公用设备
Internet Intranet
用户1
用户2
用户3
本章主要是对Java Web编程基础知识的介绍，通过本章的学习，将帮您解决如下几个主要问题：
什么是Web Web应用的工作原理是怎样的？ Java Web应用程序由哪些组件组成？ Java Web应用程序的开发环境怎样搭建？如何在搭建好的开发环境下创建、部署、发布一个 Web应用程序？
通过本章的学习，将会为后续章节Java Web应用开发技术的学习打下基础。学完本章应重点达到如下学习目标：
图1-3 典型的Web应用
❖ 在上面的Web应用中，Web应用”并单击“一下”时，就会显示搜索到的资源列表。
问题：（1）的首页和我们要搜索的资源是存放在哪里的呢？
（2）计算机又是如何将其显示在浏览器中的呢？
用户4
图1-1 C/S模式体系结构
用户5
❖C/S模式特点：
▪ 采用这种模式编写的软件分为客户端和服务器端两部分，需要分别在客户机和服务器上进行安装。
▪ 这种模式在用户数据录入方面很有优势，也降低了系统的通信开销，但是也有一定的不足之处。例如，当客户端软件需要升级的时候，所有的客户端软件都必须进行升级安装或者重新安装，这就给软件的使用者或系统管理员带来很大的不便。同时，由于不同的客户可能使用不同版本的客户端，在设计和升级服务器端软件的时候不得不考虑软件版本的兼容性，这对程序员来说是件很
简易性：操作直观、简单，培训方便，对使用人员的计算机操作水平要求不高；
实施成本低：充分利用现有的办公网络，避免了网络重复建设。
目前流行着多种B/S开发语言，如ASP，，PHP，JSP 等。本书将重点介绍JSP。
1.1.2 Web应用简介
❖ Web应用程序就是一种通过互联网能够让Web浏览器和服务器通讯的计算机程序。不同于静态网站，Web应用程序动态创建页面。采用动态方式生成的Web站点通过使用计算机程序来实现动 Web服务器上面。其部分内容或全部内容是未确定的。只有当用户请求 Web 服务器中的某个页面时，才确定该页的最终内容。因为页面内容基于用户的操作，随请求的不同而变化，所以这种页面称为动态页面，反之则为静态用HTTP协议，其中包括请求的主机名、HTTP版本号等信息。服务器在收到请求信息后，将根据用户请求定位资源，通过网络发送到客户端的浏览器。
痛苦的事。
客户端浏览器
客户端浏览器
Web服务器
数据库数据库服务
器
图1-2 B/S模式体系结构
❖B/S模式特点:
▪ 这种模式可以说是C/S的变体或者说是改进，这种模式围绕着 Web服务器来进行，Web服务器是安装了Web服务软件的计算机，它能接受客户端发出的HTTP Web请求。如在浏览器地址栏中输入即会向Web服务器发出请求，Web服务器处理请求后，产生HTML脚本发回客户端，而客户端就不需要像C/S 那样专门编写一个程序，而是变为IE浏览器。接收服务器返回的HTML，然后将该HTML显示出来，提供人机交互界面。
如图1-4所示。
HTTP请求
静态网页
浏览器
HTTP响应
Web服务器
图1-4 静态网页工作原理
工作原理：
❖ 当 Web 站点接收到浏览器端发送来的一个 HTTP 请求后，服务器检查在服务器上是否存在客户端所请求的文件，如果该文件存在，则用 HTTP 响应（HTTP Response）的形式把客户端所请求的文件送回给客户端的浏览器。当客户端浏览器接收到了 HTTP 响应后，
开始解读HTML标签，然后将其转换，将结果显示出来。
2.动态页工作原理
动态网页是指网页中除了静态网页中的元素外，还包括一些应用程序，这些应用程序使浏览器与Web服务器之间发生交互，而且应用程序的执行有时需要应用程序服务器支持才能够完成。
HTTP请求
Web容器
动态网页
静态网页
浏览器
HTTP响应
▪ B/S开发中的重点就是编写Web程序，目前大部分流行的 Web程序，都采用HTML加服务器端嵌入式脚本的方式组织。
B/S模式的优点在于：
客户端基于统一的Web浏览器，减少了投资，解决了系统维护升级的问题；
灵活性和可扩展性：系统可根据规模的不断扩大，在不影响用户日常工作的前提下，对Web服务器和数据库服务器等设备进行扩展；