JAVA遇見HTML-JSP Web簡介

1.什麼是Web應用程式

本章主要會講7個部分:
1.什麼是Web應用程式
2.靜態頁面與動態頁面
3.搭建Java Web開發環境
4.手工編寫第一個Web應用程式
5.MyEclipse配置
6.使用MyEclipse編寫第一個Web應用程式
7.修改Tomcat預設埠

什麼是Web應用程式
Web應用程式是一種可以通過Web訪問的應用程式。Web應用程式的一個最大好處是使用者很容易訪問應用程式。使用者只需要有瀏覽器即可，不需要再安裝其他軟體。
比如說淘寶天貓，一些線上電商網站，這些都是典型的Web應用程式，還有一些大型的門戶站點，比如說新浪騰訊搜狐網易。
為什麼要學習Web應用程式？
我們說Web應用程式開發，是目前軟體開發領域的三大方向之一。這三大方向：
桌面應用程式，比如QQ Office，我們可以把它們稱為CS架構的應用程式
Web應用程式，比如門戶站點，網上營業廳，電商網站
嵌入式應用程式，比如安卓 蘋果手機應用

2.靜態與動態網頁

下面我們來看下靜態網頁和動態網頁的區別。
靜態網頁
表現形式：網頁中的內容是固定的，不會動態更新。
所需技術：HTML，css

動態網頁
表現形式：網頁中的內容通過程式動態顯示的，自動更新。
所需技術：HTML，css，資料庫技術，至少一門高階語言（java，c#，php），javaScript，xml等，主流的動態網頁尾本技術（jsp/asp.net/php）

3.Java Web開發環境搭建

這裡需要三個工具，JDK Tomcat伺服器還有MyEclipse
在這裡我們先簡單介紹一下tomcat伺服器，它是一個著名的Apache Jakarta的開源專案，它也是一種常見的外部伺服器，他可以解析html jsp以及servlet容器。下面我們來看一下tomcat具體的安裝步驟：
下載安裝tomcat，然後設定環境變數,最後測試一下首頁，bin目錄下有一個startup.bat，雙擊之後會提示伺服器在多少毫秒啟動。此時注意不要關閉這個視窗把它最小化，直接點紅叉也可以關閉，這裡不推薦，建議使用shutdown.bat來進行關閉操作，在桌面建立兩個快捷方式。此時我們來開啟瀏覽器來測試一個首頁，首頁測試的地址，http://localhost:8080，敲回車，如果能看到網址內容，則安裝一切正常。

4.Tomcat目錄結構

這個表格就羅列了目錄結構。webapps是最重要的，它存放了我們伺服器所釋出的應用專案。

5.手工編寫第一個Java Web程式

手工編寫第一個Web程式
在WebApps建立專案目錄
編寫index.jsp頁面
建立WEB-INF目錄
測試執行
大體上分為這四個步驟。
這裡我們現在webapps資料夾中建立一個myhome資料夾，其中建立index.jsp檔案，用editplus開啟它，然後再新建一個html網頁，複製基礎不變的那部分進原來的檔案，然後新增內容。接下來是建立web-inf目錄，在webapps裡面有個examples資料夾，開啟之後就有web-inf。在myhome資料夾建立一個WEB-INF資料夾，將上面examples包中web-inf裡的web.xml複製過來，然後進行一些修改。這裡把不需要的部分刪除掉，剩餘這個就可以。

<?xml version="1.0" encoding="UTF-8"?>

<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
  xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee
                      http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
  version="4.0"
  metadata-complete="true">

</web-app>

web-inf目錄裡還要建立兩個子資料夾，classes和lib，classes裡放的都是編譯生成的位元組碼檔案，lib裡面放的都是要用到的一些jar包，我們也需要手動的建立這兩個資料夾。
到此為止我們就把整個專案的目錄檔案建立好了，下來我們就可以測試這個網頁。開啟伺服器，然後在瀏覽器中開啟 http://localhost:8080/myhome/index.jsp 開啟是亂碼時可以右鍵編碼選擇當時對應的編碼，一般是gbk。這個就是我們手工編寫的第一個應用程式。

6.WEB-INF目錄詳解

WEB-INF目錄結構：
1.WEB-INFO是JAVA的WEB應用的安全目錄，所謂安全就是客戶端無法通過url訪問，只有服務端才可以訪問的目錄
2.web.xml配置資訊，專案部署檔案 例如配置專案歡迎頁<welcome-file-list><welcome-file>haha.jsp</welcome-file></welcome-file-list>可以設定多個,設定完成後推薦重啟我們的tomcat伺服器
3.classes資料夾，用以放置.class檔案
4.lib資料夾，存放需要的jar包

7.MyEclipse開發Java Web程式

myeclipse TOmcat 的整合 開啟MYECLIPSE 的視窗 裡面的首選項 查詢MYECLIPSE中的SEVER找到裡面的TOMCAT然後找到自己TOMCAT的版本根目錄 並且選擇好自己所對應的JDK就好了

8.Web專案的虛擬路徑

虛擬路徑和我們的web專案名一樣，但是我們可以修改它的專案虛擬路徑。
修改專案虛擬路徑:
專案右鍵->Properties->MtEclipse->Web->Web context-root:/新的路徑名->重新發布
訪問路徑:localhost：8080/新的名字/index.jsp(主要看配置的什麼)

9.Eclipse編寫JavaWeb程式

使用右鍵新建專案，選擇web標籤下的第一個 Dynamic Web Project，動態網站專案，然後選擇下一步 next按順序操作之後就建立好了。
eclipse建立JavaWeb程式:
New –> Project –> Web –> Dynamic Web Project
1. 填寫JavaWeb程式名稱
2. 選擇Target runtime(目標環境)
3. 配置tomcat伺服器及路徑
4. JRE執行環境，選擇自己下載的JDK版本

也可先在整體環境下先設定執行環境：
windows –> preferences –> Server –> Runtime Environments
–> Add –> 新增相應的Tomcat版本

10.如何修改Tomcat伺服器預設埠

修改tomcat預設埠
修改conf/server.xml檔案
Connector 修改port值