JavaWeb第一章ppt讲解.ppt

Java Web 程序设计与项目实践 第一章 Java动态网站开发概述 Web发展至今已经有了近15年的历史，它的出现大大的改变了人们的生活方式。人们通过它可以很方便的和自己远方的亲友进行聊天，还可以一起游戏。人们还可以通过它看新闻、看电影，网上购物等等。 重点内容： Web消息生命周期 HTML静态网页语言 Web 2.0应用 J2EE开发模型 面向对象编程 一、 Web运行机制 通常我们在访问一个网站之前首先输入网站的地址，比 如我们要访问新浪网时，需要在浏览器的地址栏输入 /。当输入完成后，单击“访问”按 钮就能进入新浪网，到底是怎么实现的呢？下面就来介绍 Web消息的生命周期，并简单介绍Web开发的一些基础知识 ，包括URL、HTTP秀逸以及HTML静态网页开发语言。 一、 Web运行机制 1. Web消息生命周期 当我们输入网址并单击“访问”按钮后，Web消息的生命周期就开 始了。而当我们进入到网站后，Web消息的生命周期就结束了。 Web消息的生命周期图如图1-1所示。 图1-1 Web消息的生命周期图 一、 Web运行机制 2. URL简介 URL的英文全称为Uniform Resource Locator，其中文译名为统一资源定位符，它就是我们常指的网址。和每个人都拥有自己的独一无二的身份证号码一样，网页也需要有自己的“身份证号码”，而这个身份证号码就是URL。正是有了这样一个唯一标识，我们在访问新浪网时不会进入到腾讯的网站。 和身份证号码一样，URL地址一样有自己的基本格式。URL由三部分组成，分别为协议类型、主机名和路径及文件名，其一般格式如下所示。 protocol ://hostname[:port]/path/[;parameters][?query]#fragment。 一、 Web运行机制 3. HTTP协议 HTTP的英文全称为Hypertext Transfer Protocol，其中文译名为超文本传输协议，是客户端浏览器和Web服务器之间的传输协议。客户端浏览器通过HTTP协议来向服务器发送请求，而服务器通过HTTP协议向用户发送结果页面。如图1-2所示。 图1-2 客户端和服务器通过HTTP协议进行传输 一、 Web运行机制 4. HTML静态网页语言 HTML的英文全称为HyperText Mark-up Language，其中文译名为超文本标记语言。HTML是构成网页文档的最主要的语言，在HTML中包含了大量的标记，不同的标记用来显示不同的内容。 HTML包含头部和主体两个部分，其中头部用来描述网页，如网页的开发者、关键字等等信息，这些信息不会显示在浏览器窗口中；主体部分是网页的主要部分，主体部分中的代码将被浏览器解析并显示在浏览器窗口中。 一、 Web运行机制 4. HTML静态网页语言 下面来开发第一个HTML代码，首先需要新建一个文本文件，设置其后缀名为“.htm”或者“.html”。打开该文件，在文件中输入如下代码。 html head title我的第一个网页/title /head body b欢迎光临本站!/b /body /html 运行结果如图1-3所示。 图1-3 第一个HTML页面 二、从静态到动态的转变 1.开发静态网站和应用 静态网站就是指整个网站网站全部由HTML格式文件组成的网站，在静态网站中仅仅能够表现出一些很少的动态效果，比如图片、Flash动画、滚动屏幕等等。如新浪的首页，就是一个典型的静态网页，如图1-4所示。 图1-4 静态网站 二、从静态到动态的转变 2.用户和浏览器的动态交互 随着Web技术的发展，简单的静态页面已经无法满足人们的需求。JavaScript的出现给网站开发注入了新鲜的“血液”，网站内容变得越来越丰富。浮动的窗口、滚动导航菜单、树型目录菜单、动态校验表单等等应用在越来越多的网站中开发使用，开启了用户和浏览器动态交互的新时代。 当我们注册网易邮箱时， JavaScript就能根据我们输入 的不同信息给出不同的提示， 如图1-5所示。 图1-5 动态校验表单 二、从静态到动态的转变 3.用户和服务器的动态交互 Web技术的发展永远都比人们的想象要快，当人们还在习惯从服务器查找网络资源时，一种更高级的网站开发技术正慢慢在互联网中“蔓延”，那就是动态网页开发。这里所指的动态与网页中动态的图片没有任何关系，而是指能够用户的请求，动态的生成静态页面的一种网页开发技术。 动态网站实现的是用户和 服务器的动态交互， 例如我们在当当网购买书籍时， 我们可以在“搜索商品”栏中 输入要查找的书籍，比如“Java”。 当单击“搜索”按钮后， 页面将显示所有的Java书