动态网页开发基础

---

前言

动态网页是指在服务器端运行的使用程序语言设计的交互式网页，它们会根据某种条件的变化，返回不同的网页内容。
动态网页需要使用服务器端脚本语言。
动态网页的优势：

• 交互性
• 自动更新
• 随机性

---

一、C/S架构和B/S架构技术

1、C/S架构

C/S(Client/Server，客户端/服务器端)架构的系统，其分为客户端和服务端两层，用户在本地安装客户端软件，通过网络与服务器互相通信。

基于C/S架构的应用系统的部署结构:

2、B/S架构

B/S(Browser/Server,浏览器/服务器)架构也随之应运而生，基于B/S架构的Web应用程序由于不再受安装客户端的限制，访问极其简便。B/S架构的出现不是对C/S架构的否定，而是对C/S架构的一种变化或改进。
在B/S架构下，应用系统完全放在应用服务器上，并通过应用服务器同数据库服务器进行通信，系统界面通过浏览器展现。

基于B/S架构的应用系统的部署结构:

1.什么是B/S技术

2.B/S架构的工作原理

3、B/S架构与C/S的比较

4、URL

URL(Uniform Resource Locator)的意思是统一资源定位符，是用于完整地描述Internet上网页和其他资源的地址的一种标识方法。

• URL的组成
  

二、部署简单的Web应用

1.Tomcat服务器

Tomcat是一个免费的开源的Web容器,它是Apache基金会的Jakarta项目中的一个核心项目。Tomcat作为JSP的容器,是在Sun公司(现被Oracle收购)的JSWDK (Java Server Web Development Kit)基础上发展起来的一个JSP标准实现,随着Web应用的发展, Tomcat被越来越多地应用于商业用途

2、Tomcat的获取与安装

可以直接从Apache官方网站http://tomcat.apache.org
获取Tomcat的最新版本，进行免费下载。
Tomcat提供了安装版本和解压缩版本的文件，可以本剧需要进行下载。

• 注：安装Tomcat前必须确保在系统中已经正确安装了Java运行环境,然后安装Tomcat。

3.Tomcat的目录结构

4、Tomcat服务器应用

解压缩版本Tomcat的配置

• 添加系统变量，名称为CATALINA_HOME，值为Tomcat的安装目录
• 因Tomcat运行依赖JRE，确保已安装JRE并配置JRE_HOME环境变量。或针对已安装的JDK配置JAVA_HOME环境变量

启动和停止Tomcat服务器

Tomcat服务启动检测

• 在IE地址栏中输入http://localhost:端口号
• 页面进入到Tomcat启动成功界面

5、Tomcat的端口配置

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

6、Web应用的目录结构

7、创建、部署和发布项目

三、什么是JSP

JSP(Java Server Pages)实际上是指在HTML中嵌入Java脚本语言

四、JSP页面组成

1、JSP中的page指令

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

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

常用属性

2、JSP中的小脚本与表达式

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

3、JSP中的声明

<%!Java代码%>

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

4、JSP中的注释

<!-- html的注释-->
<%-- JSP的注释--%>

在JSP脚本中注释

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

5、小结

五、JSP执行过程

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

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

六、Web程序的调试与排错

常见错误：未启动Tomcat

错误现象

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

排除错误：

• 启动Tomcat服务
• 如果控制台上显示Tomcat服务已启动，观察端口号是否与预期端口号一致，按照实际端口号重新运行

常见错误：未部署Web应用

错误现象

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

排除错误：部署Web应用

常见错误：URL输入错误

错误现象

排错方法：检查URL

排除错误：使用正确的URL

常见错误：目录不能被引用

错误现象

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

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

---