温故而知新,从这篇开始,我们将重新回顾如何一步一步搭建使用web项目。

一,安装tomcat服务器,

下载地址: http://tomcat.apache.org/download-60.cgi

本例使用的jdk1.8,这里安装tomcat选择的是8.0版本:

java 网站模板 javaweb简单的网站实例_tomcat

下载完成后找个位置解压即可

二,新建一个maven web应用,

没有使用过maven的同学们,可以点击这里跳转学习:

查看新建应用目录:

java 网站模板 javaweb简单的网站实例_web服务器_02

如果缺少目录src/main/java,右击选择Build Path,更改JRE环境为默认

java 网站模板 javaweb简单的网站实例_java_03

java 网站模板 javaweb简单的网站实例_java 网站模板_04

项目建好了,大家可以看到webapp目录下已经默认有一个index.jsp,我们可以直接访问测试。

三,部署应用到tomcat,启动访问。

在eclipse中,我们可以很方便的使用tomcat运行我们的应用,具体步骤如下:

1) 在Servers中添加tomcat,如果你的eclipese窗口中没有Servers栏,可以点击Window/Show View显示Servers到工具栏

2) 创建一个Server,选择刚才解压的tomcat目录

java 网站模板 javaweb简单的网站实例_java 网站模板_05

java 网站模板 javaweb简单的网站实例_java 网站模板_06

3) 双击打开tomcat,默认端口是8080,这里我们更改为8088

java 网站模板 javaweb简单的网站实例_java_07

4) 启动tomcat, 访问测试:http://localhost:8088/webDemo/index.jsp

java 网站模板 javaweb简单的网站实例_java_08

四,这里我们简单说明一下浏览器与服务器之间的交互过程:

1) 浏览器发送请求:http://localhost:8088/webDemo/index.jsp,会根据ip.port找到对应的web服务器

这里,也就是我们部署了应用的tomcat服务器

2) 浏览器连接到web服务器后,就使用http协议向服务器发送请求

3) tomcat 收到请求后会对请求信息进行解析,找到对应的请求资源,然后响应给浏览器

4) 浏览器接收响应信息,进行解析,显示到页面

五,http协议

定义:超文本传输控制协议(hypertext transport protocal)。

是一种应用层协议,定义了浏览器(也可以是其它程序)与web服务器之间通讯的过程与数据的格式。

http协议定义的数据格式包分为请求包和响应包。

浏览器发往服务器使用请求包,服务器返回浏览器使用响应包。

这里我们使用的是google chrome,在浏览器页面打开web调试工具(快捷键F12),

重新发送请求,可以看到详细的请求/响应过程。

java 网站模板 javaweb简单的网站实例_tomcat_09

java 网站模板 javaweb简单的网站实例_web_10


========================================================================================

一个简单的web应用就搭建好了,这里我们只有一个单独的index.jsp页面,如何根据动态改变页面数据?