1.动态网页开发基础

1. 本课目标

学完本门课程后,你能够做到:

1. 1. 使用JSP/Servle技术开发Web应用
   2. 掌握Web应用的分层开发思想`
   3. 使用Ajax提升用户体验
2. 本章任务
   1. 实现在Tomcat中手工部署Web应用
   2. 实现页面输出显示闰年格式
   3. 使用MyEclipse创建和发布Web应用

1. 本章目标
   1. 了解B/S架构的基本概念
   2. 掌握手动创建和运行Web项目
   3. 掌握JSP页面元素的内容
   4. 掌握使用MyEclipse创建和运行Web项目
   5. 了解Web程序的调试与排错
2. 为什么需要动态网页

假如淘宝网是静态网站

(1). 静态网站---局限性

(2). 无法实现搜索、购买、登录等交互功能

(3). 无法对静态页面的内容进行实时更新

1. 什么是动态网页
   1. 日常生活中的动态网页
   2. 根据不同的输入(或操作)，返回不同的网页

1. 为什么学习B/S技术?

C/S有局限性

B/S带来全新体验

1. B/S与C/S的比较

1. 什么是B/S技术

B/S架构（浏览器/服务器）：

程序完全部署在服务器上

1. B/S技术的工作原理

1. URL
   1. Uniform Resource Locator统一资源定位符
   2. URL的组成

1. Tomcat服务器简介
   1. Apache Jakarta的开源项目
   2. JSP/Servlet容器
2. Tomcat的目录结构

Tomcat服务器的目录结构

目录	说明
/bin /conf	存放各种平台下用于启动和停止Tomcat的脚本文件 存放Tomcat服务器的各种配置文件
/lib	存放Tomcat服务器所需的各种JAR文件
/logs	存放Tomcat的日志文件
/temp	Tomcat运行时用于存放临时文件
/webapps	当发布Web应用时，默认情况下会将Web应用的文件存放于此目录中
/work	Tomcat把由JSP生成的Servlet放于此目录下

 

1. Tomcat服务器应用
   1. 解压缩版本Tomcat的配置
      • 添加系统变量，名称为CATALINA_HOME，值为Tomcat的安装目录
        1. 因Tomcat运行依赖JRE，确保已安装JRE并配置JRE_HOME环境变量。或针对已安装的JDK配置JAVA_HOME环境变量
   2. 启动和停止Tomcat服务器
   3. Tomcat服务启动检测
      • 在IE地址栏中输入http://localhost:端口号
      • 页面进入到Tomcat启动成功界面
2. Tomcat的端口配置

通过配置文件server.xml修改Tomcat端口号

1. Web项目的目录结构

目录	说明
/	Web应用的根目录，该目录下所有文件在客户端都可以访问(JSP、HTML等)
/WEB-INF	存放应用使用的各种资源，该目录及其子目录对客户端都是不可以访问
/WEB-INF/classes	存放Web项目的所有的class文件
/WEB-INF/lib	存放Web应用使用的JAR文件

 

 

 

 

 

 

 

 

 

 

1. 创建、部署和发布项目

1. 配置访问页面

通过配置文件web.xml修改访问起始页

1. 什么是JSP

JSP (Java Server Pages)

在HTML中嵌入Java脚本代码

1. JSP中的page指令

通过设置内部的多个属性定义整个页面的属性

语法:

<%@ page 属性1="属性值" 属性2="属性值1,属性值2"… 属性n="属性值n"%>

常用属性:

属性	描述	默认值
language	指定JSP页面使用的脚本语言	java
import	通过该属性来引用脚本语言中使用到的类文件	无
contentType	用来指定JSP页面所采用的编码方式	text/html,  ISO-8859-1

1. JSP中的小脚本与表达式

在JSP页面中计算两个数的和，将结果输出显示

<% out.print(result); %>

1. JSP中的声明

语法:

<%! Java代码%>

JSP页面中定义方法对日期进行格式化

1. JSP中的注释

语法:

HTML的注释

JSP注释

<%-- JSP注释--%>

在JSP脚本中注释

<% //单行注释 %>

<%  /*多行注释 */ %>

1. 小结

 

1. JSP 执行过程 2-1

Web容器处理JSP文件请求需要经过3个阶段

1. JSP 执行过程 2-2

第一次请求之后，Web容器可以重用已经编译好的字节码文件

注意:

如果对JSP文件进行了修改，Web容器会重新对JSP文件进行翻译和编译

1. 使用集成开发工具创建Web项目

1. 部署Web项目

1. Web程序的调试与排错

1. 常见错误：未启动Tomcat
   1. 错误现象

1. 1. 排错方法：检查Tomcat服务能否正确运行

1. 1. 排除错误：
      • 启动Tomcat服务
      • 如果控制台上显示Tomcat服务已启动，观察端口号是否与预期端口号一致，按照实际端口号重新运行
2. 常见错误：未部署Web应用
   1. 错误现象

1. 1. 排错方法：检查Web应用是否正确部署

1. 1. 排除错误：部署Web应用

 

1. 常见错误： URL输入错误
   1. 错误现象

1. 1. 排错方法：检查URL

1. 1. 排除错误：使用正确的URL

1. 常见错误：目录不能被引用
   1. 错误现象

1. 1. 排错方法：检查文件的存放位置

META-INF，WEB-INF文件夹下的内容无法对外发布

 

1. 1. 排除错误：把index.html文件拖至WebRoot文件夹下

 

1. 总结