Web笔记(一) Web 简介与开发环境搭建

Web应用程序的工作原理

大多数的Web应用程序结构都是采用最为流行的B/S软件开发体系结构,将Web应用程序部署在Web服务器上,只要Web服务器启动,用户就可以通过客户端浏览器发送HTTP请求到Web服务器,此时运行在Web服务器上对应的Web应用程序将处理客户端请求,处理完成后做出响应。

Web应用程序工作原理图如下:

Web应用程序工作原理

Web应用开发技术

Web应用开发技术又分为客户端开发技术,服务器开发技术。 客户端开发技术:

  1. HTML
  2. CSS
  3. JavaScript ...

服务器开发技术:

  1. PHP
  2. ASP.NET
  3. Servlet
  4. JSP ...

两个概念: 静态页面:类似于HTML这种单纯的客户端页面,在每次访问的时候得到的信息都是相同的吗吗,和后台没有任何交互,它是实际存在的,无需经过服务器的编译,直接加载到客户浏览器上显示出来。我们称之为静态页面。

动态页面:相对静态页面,显示的内容可以随着时间、环境或者数据库操作的结果而发生改变的。我们称之为动态页面。

Web 服务器

进行Java Web开发环境的搭建,首先我们需要了解下Web服务器。 WEB服务器也称为WWW(WORLD WIDE WEB)服务器,主要功能是提供网上信息浏览服务,Web服务器可以解析HTTP协议。当Web服务器接收到一个HTTP请求,会返回一个HTTP响应,例如送回一个HTML页面。为了处理一个请求Web服务器可以响应一个静态页面或图片,进行页面跳转或者把动态响应的产生委托给一些其它的程序例如CGI脚本,JSP脚本,servlets,ASP脚本,服务器端JavaScript,或者一些其它的服务器端技术。 关于HTTP协议详细信息可以查看网络协议之HTTP

几种常见的Web服务器。

  1. Resin Resin是CAUCHO公司的产品,是一个非常流行的application server,对servlet和JSP提供了良好的支持,性能也比较优良,resin自身采用JAVA语言开发。
  2. JBoss 是一个基于J2EE的开放源代码的应用服务器。 JBoss代码遵循LGPL许可,可以在任何商业应用中免费使用。JBoss是一个管理EJB的容器和服务器,支持EJB 1.1、EJB 2.0和EJB3的规范。但JBoss核心服务不包括支持servlet/JSP的WEB容器,一般与Tomcat或Jetty绑定使用。
  3. WebSphere WebSphere 是 IBM 的软件平台。它包含了编写、运行和监视全天候的工业强度的随需应变 Web 应用程序和跨平台、跨产品解决方案所需要的整个中间件基础设施,如服务器、服务和工具。WebSphere 提供了可靠、灵活和健壮的软件。
  4. WebLogic WebLogic是美国Oracle公司出品的一个application server,确切的说是一个基于JAVAEE架构的中间件,WebLogic是用于开发、集成、部署和管理大型分布式Web应用、网络应用和数据库应用的Java应用服务器。将Java的动态功能和Java Enterprise标准的安全性引入大型网络应用的开发、集成、部署和管理之中。
  5. Tomcat Tomcat是Apache 软件基金会(Apache Software Foundation)的Jakarta 项目中的一个核心项目,由Apache、Sun 和其他一些公司及个人共同开发而成。由于有了Sun 的参与和支持,最新的Servlet 和JSP 规范总是能在Tomcat 中得到体现,Tomcat 5支持最新的Servlet 2.4 和JSP 2.0 规范。因为Tomcat 技术先进、性能稳定,而且免费,因而深受Java 爱好者的喜爱并得到了部分软件开发商的认可,成为目前比较流行的Web 应用服务器。

安装与配置JDK

Java web开发首先我们需要配置web服务器,这样我们才能通过web服务器部署发布web项目,才可以进行访问,这里选择Tomcat作为web服务器,Tomcat基于运行基于Jre环境,因此我们在配置Tomcat 之前需要配置Java环境。

jdk的下载与安装这里不说,只顺便说一下win下环境变量的配置。

  1. 配置环境变量 :右键我的电脑 → 属性→ 高级系统设置 → 环境变量

  2. 在系统变量里新建JAVA_HOME 变量,值为JDK安装路径

  3. 新建classpath变量,值为: .;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar

  4. 修改PATH变量值,在值后添加: %JAVA_HOME%\bin;%JAVA_HOME%\jre\bin

配置完毕后运行命令java -version有版本信息打印说明配置成功

Microsoft Windows [版本 10.0.15063]
(c) 2017 Microsoft Corporation。保留所有权利。

C:\Users\Niu>java -version
java version "1.8.0_111"
Java(TM) SE Runtime Environment (build 1.8.0_111-b14)
Java HotSpot(TM) 64-Bit Server VM (build 25.111-b14, mixed mode)

C:\Users\Niu>

安装与启动Tomcat

Tomcat是免费的开源软件,可在直接在官方网站下载。 http://tomcat.apache.org/ 1.可以直接在左侧选择版本:

enter image description here

2.选择版本后可以在下方进行下载,可以选择下载安装版或者解压版,这里选择了解压版 tar.gz文件是Linux操作系统下的安装版本 exe文件是Windows系统下的安装版本 zip文件是Windows系统下的压缩版本

enter image description here

3.下载完成后解压缩,得到Tomcat目录,

Tomca目录

4.可以在%Tomcat%\conf\server.xml中修改默认端口号(默认为8080)

<Connector URIEncoding="UTF-8" connectionTimeout="20000" port="8080" protocol="HTTP/1.1" redirectPort="8443"/>

5.配置完毕后可以运行%Tomcat%\bin\startup.sh进行启动

Tomcat启动

6.浏览器访问http://localhost:8080 进行测试

Tomcat访问测试

Eclipse中使用Tomcat

点击菜单:Window → Prefences → Server → Runtime Environments 点击左边Add按钮,选择Apache,选择Tomcat版本,点击NEXT

Eclipse添加Tomcat

至此,Java Web集成开发环境配置完成,可以在Eclipse中Server面板中新建Tomcat Server进行启动。

新建Server:

新建Server

完成创建:

完成server创建

完成创建之后可以在新建的server上右键选择start进行启动,启动效果如同双击startup.bat,console控制台会同步显示启动信息。

web项目开发

在环境搭建完成之后,我们应该使用这个环境进行Web项目的开发。这里使用一个简单的例子,来演示如何使用Eclipse开发并且部署一个Web项目。

创建web项目

首先我们打开Eclipse,点击菜单File -> new -> project 新建项目

新建项目here

选择Web Project项目进行创建

创建项目

填写项目名称等信息

enter image description here

点击两次Next之后,创建web.xm信息,完成项目创建

创建web.xml

查看项目目录结构 web项目目录结构

为了实验效果,我们在WebContent下创建一个index.html文件,编写Hello web内容进行部署演示。 WebContent 上右键 NEW - >File - >输入文件名index.html完成文件创建。 编写内容:

<!DOCTYPE html>
<html>
<head>
	<title>Web test</title>
</head>
<body>
	<h3>Hello web</h3>
</body>
</html>

部署web项目

在eclipse中使用Tomcat进行启动项目 在已经创建完毕的Tomcat server上右键添加项目,然后进行启动即可

在Eclipse使用Tomcat启动Web项目 here

访问web项目

可以看到项目启动在8080端口,启动完毕,此时可以通过浏览器进行项目访问。

http://localhost:8080/web-Test/index.html

访问测试

此时,在Eclipse中创建部署启动一个Web项目已经完成。