Web筆記（一） Web 簡介與開發環境搭建

Web應用程序的工作原理

大多數的Web應用程序結構都是采用最為流行的B/S軟件開發體系結構，將Web應用程序部署在Web服務器上，只要Web服務器啟動，用戶就可以通過客戶端瀏覽器發送HTTP請求到Web服務器，此時運行在Web服務器上對應的Web應用程序將處理客戶端請求，處理完成后做出響應。

Web應用程序工作原理圖如下：

Web應用程序工作原理

Web應用開發技術

Web應用開發技術又分為客戶端開發技術，服務器開發技術。
客戶端開發技術：

HTML
CSS
JavaScript
…

服務器開發技術：

PHP
ASP.NET
Servlet
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服務器。

Resin
Resin是CAUCHO公司的產品，是一個非常流行的application server，對servlet和JSP提供了良好的支持，性能也比較優良，resin自身采用JAVA語言開發。
JBoss
是一個基於J2EE的開放源代碼的應用服務器。 JBoss代碼遵循LGPL許可，可以在任何商業應用中免費使用。JBoss是一個管理EJB的容器和服務器，支持EJB 1.1、EJB 2.0和EJB3的規范。但JBoss核心服務不包括支持servlet/JSP的WEB容器，一般與Tomcat或Jetty綁定使用。
WebSphere
WebSphere 是 IBM 的軟件平台。它包含了編寫、運行和監視全天候的工業強度的隨需應變 Web 應用程序和跨平台、跨產品解決方案所需要的整個中間件基礎設施，如服務器、服務和工具。WebSphere 提供了可靠、靈活和健壯的軟件。
WebLogic
WebLogic是美國Oracle公司出品的一個application server，確切的說是一個基於JAVAEE架構的中間件，WebLogic是用於開發、集成、部署和管理大型分布式Web應用、網絡應用和數據庫應用的Java應用服務器。將Java的動態功能和Java Enterprise標准的安全性引入大型網絡應用的開發、集成、部署和管理之中。
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下環境變量的配置。

配置環境變量：右鍵我的電腦 → 屬性→ 高級系統設置 → 環境變量
在系統變量里新建JAVA_HOME 變量，值為JDK安裝路徑

新建classpath變量，值為：

.;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar

修改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)

1	<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

為了實驗效果，我們在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項目已經完成。

作者： 雪漫士兵

博客： https://www.codingme.net