第一讲JavaWeb概述

设计Web项目的目录结构
src文件夹：存放Java源文件 WebRoot：Web应用的根目录 META-INF：系统自动生成，存放系统描述信息 WEB-INF：该目录中内容不能对外发布 lib文件夹：存放以jar/zip形式表现的库文件 web.xml：Web应用的初始化配置文件
静态文件（包括图片、样式表、HTML等）存 放在Web应用的根目录下，一般按功能以文 件夹形式分类
2
发送请求 IE 客户端的请求信息 务器端程序 访问数据库
1
用户输入
IE
3
返回结果 数据库 应用 服务器 服务器 从服务器端检索到的信息
解释执行 HTML文件
返回响应
4
小结1 静态网页与动态网页的主要区别？ 是否可以这样说：动态网页是静 态网页的替代品？ B/S程序与C/S程序相比，有哪些 优势和劣势？
请求 响应
客户端 转向 JSP视图动 态显示数据 JSP页面 执行 Servlet控制器，用 于接收请求和控制 应用程序的流程
Servlet 调用 JavaBean 访问
JavaBean数据 模型进行业务逻 辑和访问数据库
返回数据
数 据 库
MVC编程思路 MVC编程思路
执行 转向 JSP页面
Servlet根据数据处理的 结果，控制下一个显示 的HTML或者JSP页面
小结2 请说明在MyEclipse环境中，开发JSP 动态网站的具体步骤 在index.html中有这样一行代码：
<a href="/sports/welcome.html">奥运展播</a>
点击该超链后可进入welcome.html网页 中，请问：/sports/welcome.html是URL吗？ 并说明原因。
怎样实现动态网页
Google如何保存业务数据？ Google如何实现业务数据的动态展示？
要掌握这一切，我们首先需要了解B/S技术
为什么学习B/S技术
C/S的局限性
中心局域网 特定用户群中资源共享
B/S带给我们的全新体验
Internet 全球用户群中资源共享
学生机1 数据库 服务器
美国用户 Google 服务器 无需安装客 户端软件 数据库 服务器
JavaWeb开发技术
第一讲 JavaWeb开发概述
主讲人：赵玉霞 E-MAIL:zyxjxfd门课程后，你能够
熟练掌握B/S编程技能（HTML,JavaScript,JSP） 熟练使用OO思想编写后台业务代码
具备基本的调试B/S系统的能力
META-INF，WEB-INF文件夹 下的内容无法对外发布
3
排除错误：把index.html文件拖至 WebRoot文件夹下
小结3
运行你的Web程序时，如果浏览器提示 404错误，可能的原因有哪些？ 判断Tomcat是否启动，或者是否在你 预期的端口启动，最简单的方法是什 么？
总结
在开发Web应用程序时，静态文件一般存放在什 么位置？ 以下哪些是正确的URL?
Servlet 调用 JavaBean
Servlet接收客户端 请求，并调用业务类 的方法进行数据处理
Tomcat的安装配置过程 安装JDK: /technetwork/ java/javase/downloads/index.html Tomcat的安装


代码目录 网站页面目录
3、编写Web项目的代码 4、部署Web项目 5、运行Web项目
创建一个Web项目
1 在菜单栏选择：文件 新建 项目 2 在弹出的窗口中选择：MyEclipse J2EE Projects Web Project 3 输入Web项目名称（设置为news），以及其余相关信息
服务员 加工菜肴 把菜单给厨师 厨师
以各自的功 能进行分工
顾客点菜
把菜给服务员 服务员 菜肴
Web程序的功能分工
如果把Web容器处理请求的过程 按功能划分,你如何进行划分？
设计模式的定义 什么是设计模式
是一套被反复使用、多数人知晓的、代
码设计经验的总结 模式必须是典型问题（不是个别问题） 的解决方案
下载：
/download60.cgi 解压
Tomcat的配置:配置系统环境变量
java_home:jdk的安装目录 catalina_home:tomcat的解压目录 catalina_base:tomcat的解压目录
tomcat_home:tomcat的解压目录
熟练掌握JDBC和集合编写数据库访问程序 掌握Servlet和会话技术
掌握基于组件的分层开发技术
掌握JSTL、EL和JavaBean 掌握JDBC的高级技术、自定义异常、JNDI查找数据源 掌握过滤器的配置
相关课程回顾
为什么说HTML是静态网页技术？ 为什么说JavaScript是一种客户端脚 本语言？ 什么是多态？多态带给我们的好处是 什么？
缤纷的Web世界 什么是Web Web技术核心
HTTP协议：网络信息传输 HTML：信息表示与存储，自动在浏览
器中打开，无法与服务器交互 URL：定位互联网信息的统一标识
JavaWeb技术路线
Servlet
JSP
S Struts t
Ajax
Spring Hibernate
生活案例 顾客点菜
path:JDK的安装路径\bin classes:.;%JAVA_HOME%\lib\dt.jar;
%JAVA_HOME%\lib\tools.jar;%CATALI NA_HOME%\lib\servlet-api.jar;
开发JSP动态网站的步骤
1、创建一个Web项目 2、设计Web项目的目录结构
学生机2
需要安装客 户端软件 学生机n
中国用户
什么是B/S技术
B/S结构（浏览器/服务器）：程序完 全部署在服务器上，用户通过浏览器 访问应用程序，它是基于Internet的 产物。 Internet 在应用服务器中部
IE
IE
署、运行程序
Netscape
应用 服务器
数据库 服务器
B/S技术特点
B/S结构中浏览器端与服务器端采用请 求/响应模式进行交互。 运行JSP等服
2
点击部署图标 为Web项目添加web服务器 选择 Tomcat 6 部署完成
运行 Web 项目
1 2 点击运行图标 运行 Tomcat 6
Tomcat 6 启动服务，在控制台输出启动信息
开启IE窗口 输入正确的URL观看运行结果
3
什么是URL URL：Uniform Resource Locator
1
错误现象
排错方法： 检查URL
http://localhost:8080/news/index.html 协议 主机IP地址
2
查看菜单：项目属性 MyEclipseWeb Web Context-root
文件名称与路径要写对
3
排除错误：使用正确的URL
错误4：目录不能被引用
1
2
错误现象
排错方法： 检查文件的存放位置
MVC设计模式的模块组成
模型：代表应用程序状态和业务逻辑
视图：提供可交互的客户界面，向客户显示模型数据
控制器：根据客户的请求来操纵模型，并把结果经由视图展现给客户
MVC的优点
MVC设计模式的优点
MVC 的优点
代码的重用性
有利于开发的分工
各司其职、互不干涉
Web程序的MVC Web容器处理请求过程
设计模式的作用
解决一类问题的成功经验
是为了可重用代码、让代码更容易被他
人理解、保证代码可靠性
MVC设计模式 MVC设计模式
模型
----Model 视图 ----View 控制器 ----- MVC 模式Controller
模型 视图 控制器
JavaBean
JSP
Servlet
MVC设计模式
Web程序的调试与排错
在运行Web程序时，我们常犯的一些错 误有：
未启动Tomcat服务，或者没有在预期的
端口中启动Tomcat服务 未部署Web应用，就试图运行Web程序 运行时，URL输入错误 存放文件的目录无法对外引用，如：文 件放入了WEB-INF、META-INF等文件夹
1
错误1：未启动Tomcat 错误现象 排错方法： 检查Tomcat服务能否正 确运行
预习检查
大家已经学会了HTML，为什么要学 习JSP？
B/S程序与C/S程序对比的优势有哪 些？
举例说明什么是URL？
本章目标 掌握B/S开发的基本概念
动态网页
pk 静态网页 B/S程序 pk C/S程序 B/S开发涉及的技术内容
开发JSP动态网站的基本步骤
掌握Web系统的工作目录 创建Web工程与HTML、JavaScript文件
即统一资源定位系统，就是我们通常所
说的网址 URL是惟一能够识别Internet上具体的 计算机、目录或文件位置的命名约定
URL的组成：
http://localhost:8080/news/index.html 协议 主机IP地址 和端口号 主机资源的具体地址
存放HTML文件的实际物理目录 在运行环境中，该路径对应WebRoot文件夹
编写 Web 项目的代码
1 2 3
右键点击WebRoot 新建 HTML ：创建一个新 的HTML文件
在弹出的窗口中，选择文件路径、输入文件名称 填充HTML文件内容
部署 Web 项目
1 窗口 首选项 MyEclipse Servers Tomcat 6： 配置Tomcat
实现Web工程的部署与运行