Web應(yīng)用開發(fā)入門

一、web應(yīng)用概述
  • 什么是web

Web它是一種基于超文本和HTTP的、全球性的、動態(tài)交互的、跨平臺的分布式圖形信息系統(tǒng)。
是建立在Internet上的一種網(wǎng)絡(luò)服務(wù),為瀏覽者在Internet上查找和瀏覽信息提供了圖形化的、易于訪問的直觀界面,其中的文檔及超級鏈接將Internet上的信息節(jié)點(diǎn)組織成一個互為關(guān)聯(lián)的網(wǎng)狀結(jié)構(gòu), 是運(yùn)行在互聯(lián)網(wǎng)上的一種分布式系統(tǒng)。

  • 什么是web應(yīng)用

WEB應(yīng)用是多個Web資源的集合,是供瀏覽器訪問的程序,也稱為Web應(yīng)用程序,一個Web應(yīng)用由多個靜態(tài)web資源和動態(tài)web資源組成。


  • Web應(yīng)用程序架構(gòu)介紹
    目前流行的應(yīng)用軟件架構(gòu)模式有兩種:C/S、B/S。
    Web應(yīng)用程序則屬于B/S結(jié)構(gòu)的軟件系統(tǒng)。

C/S又稱Client/Server,服務(wù)器通常采用高性能的PC、工作站或小型機(jī),客戶端需要安裝專用的客戶端軟件。
B/S是Brower/Server的縮寫,客戶端只要安裝一個瀏覽器(Browser),通過瀏覽器與Web服務(wù)器進(jìn)行數(shù)據(jù)交互。


C/S架構(gòu)部署圖

C/S架構(gòu)部署圖
二、 web應(yīng)用基礎(chǔ)知識
  • Web應(yīng)用訪問處理過程


  • URL與URI
  • URL(Uniform Resource Locator)— 統(tǒng)一資源定位符
    用于完整地描述Internet上網(wǎng)頁和其他資源的地址的一種標(biāo)識方法。
    組成:協(xié)議+服務(wù)器地址(端口)+具體資源路徑
http://www.neuedu.com:8080/course/java.html

如果端口號是該協(xié)議的標(biāo)準(zhǔn)端口號(80),可以省略端口號

http://www.neuedu.com/course/java.html
  • URI(Uniform Resource Identifier)統(tǒng)一資源標(biāo)識符,
    用來唯一的標(biāo)識一個資源, URI是抽象的定義。
    URL是URI的子集,通過使用地址定位標(biāo)識資源的形式。
    比如現(xiàn)實(shí)中的張三,通過身份證號來唯一標(biāo)識這個人,這個身份證號就是URI,而我們通過地址能夠定位到張三,比如:住址協(xié)議://地球/中國/XX省/XX市/XX區(qū)/XX號/張三,這個地址就是URL。
  • HTTP協(xié)議簡介
    HTTP是HyperText Transfer Protocol(超文本傳輸協(xié)議)的簡寫,它是TCP/IP協(xié)議的一個應(yīng)用層協(xié)議。

客戶端通過HTTP協(xié)議向服務(wù)器端發(fā)送的數(shù)據(jù),我們稱之為請求消息,反之則為響應(yīng)消息。


  • HTTP請求
    HTTP請求信息由4部分組成:
    1.請求行:請求方法(GET/POST)、URI、協(xié)議/版本
    2.請求消息頭:(Request Header)
    3.空行
    4.請求正文:
  • HTTP響應(yīng)
    HTTP應(yīng)答與HTTP請求相似,HTTP響應(yīng)也由3個部分構(gòu)成,分別是:
    1、狀態(tài)行
    2、響應(yīng)頭(Response Header)
    3、響應(yīng)正文


  • Tomcat服務(wù)器安裝和配置
  • Tomcat下載
    下載地址:https://tomcat.apache.org/download-90.cgi
  • Tomcat安裝
    下載后解壓縮安裝包到任意路徑下,(注意:解壓縮路徑不能包括中文與空格)
  • Tomcat服務(wù)的啟動
    1.進(jìn)入到Tomcat安裝根目錄下的bin文件夾,雙擊執(zhí)行startup.bat腳本文件,啟動WEB服務(wù)。



    2.執(zhí)行startup.bat文件后,彈出如下程序運(yùn)行窗體,出現(xiàn)如下紅色提示信息后,表示服務(wù)啟動成功。


  • Tomcat服務(wù)運(yùn)行測試
    打開任意一種瀏覽器輸入并訪問下面的地址http://localhost:8080,出現(xiàn)如下頁面,則表示安裝運(yùn)行成功。
  • Tomcat服務(wù)器安裝目錄介紹
    backup:備份Tomcat服務(wù)器的配置文件。
    bin:存放啟動和關(guān)閉Tomcat的腳本文件startup.bat,shutdown.bat。
    conf:存放Tomcat服務(wù)器的各種全局配置文件。
    lib:存放Tomcat服務(wù)器以及所有web應(yīng)用都可以訪問的jar文件。
    logs:存放Tomcat執(zhí)行時的日志文件。
    temp:存放Tomcat運(yùn)行時所產(chǎn)生的臨時文件
    webapps:Web應(yīng)用的發(fā)布目錄,默認(rèn)情況下把Web應(yīng)用文件放于此目錄。
    wtpwebapps:Eclipse默認(rèn)的發(fā)布目錄,與webapps同時存在時,默認(rèn)選擇wtpwebapps。
    work:Tomcat將JSP生成的Servlet源文件和字節(jié)碼文件放到這個臨時工作目錄下。
  • 修改tomcat服務(wù)器的端口號
    編輯CATALINA_HOME/conf/server.xml ,
    修改<Connector port=“8080” protocol=“HTTP/1.1”>元素,修改如下:

    將服務(wù)器的端口號調(diào)整為8888,以后的訪問路徑為:http://localhost:8888/
三、JavaWeb應(yīng)用開發(fā)入門
  • Java web應(yīng)用開的相關(guān)技術(shù)
    1.表示層:JSP頁面
    2.控制層:Servlet
    3.業(yè)務(wù)邏輯層:JavaBean或EJB
    4.持久層:JDBC
  • JSP(Java Server Pages)
    JSP頁面由HTML代碼和嵌入其中的Java代碼所組成。服務(wù)器在頁面被客戶端所請求以后對這些Java代碼進(jìn)行處理,然后將生成的HTML頁面返回給客戶端的瀏覽器。
  • Servlet
    Servlet是一種小型的Java程序,它擴(kuò)展了Web服務(wù)器的功能。作為一種服務(wù)器端的應(yīng)用,當(dāng)被請求時開始執(zhí)行。Servlet提供的功能大多與JSP類似,不過實(shí)現(xiàn)的方式不同。JSP通常是大多數(shù)HTML代碼中嵌入少量的Java代碼,而servlets全部由Java寫成并且生成HTML
  • 編寫第一個JavaWeb程序
    通過以下五個步驟完成第一個JavaWeb項(xiàng)目的開發(fā):通過HTML頁面在瀏覽器中輸出“HelloWorld”。

1.eclipse中創(chuàng)建一個Web工程(Dynamic Web Project),工程名為:HelloWord;



2.在工程中WebContent目錄下創(chuàng)建一個HTML文件:first.html;



3.雙擊打開first.html文件,編寫代碼輸出“HelloWorld”。

4.鼠標(biāo)右鍵點(diǎn)擊項(xiàng)目,部署運(yùn)行項(xiàng)目。



5.通過瀏覽器查看結(jié)果;
  • JavaWeb應(yīng)用工程目錄結(jié)構(gòu)
  • Java Resource
    src:存放Java源代碼的目錄。
    Libraries:存放的是Tomcat及JRE中的jar包
  • build:自動編譯.java文件的目錄
  • WebContent: Web根目錄,存放的是需要部署到服務(wù)器的文件
    1.MEAT-INF:是存放工程自身相關(guān)的一些信息,元文件信息,通常由開發(fā)工具和環(huán)境自動生成。
    MANIFEST.MF:配置清單文件
    2.WEB-INF:這個目錄下的文件,是不能被客戶端直接訪問的。
    classes:存放Java字節(jié)碼文件的目錄。
    lib:用于存放該工程用到的庫。
    web.xml:web工程的配置文件,完成用戶請求的邏輯名稱到真正的servlet類的映射。
    3.客戶端能訪問的資源(html或.jpg)必須跟WEB-INF在同一級目錄,即放在Web根目錄下的資源,從客戶端是可以通過URL地址直接訪問的。
  • JavaWeb應(yīng)用部署目錄結(jié)構(gòu)

JavaWeb工程下的WebContent就是工程的發(fā)布文件夾,發(fā)布時會把該文件夾發(fā)布到tomcat的wtpwebapps目錄中,目錄結(jié)構(gòu)如下:


  • JavaWeb應(yīng)用的ContextRoot
  • Web應(yīng)用的Context Root是URI的第一級邏輯路徑,確定Web資源的URL,在部署時設(shè)置。
    http://主機(jī)名:端口號/<Context root>/Web應(yīng)用中的相對路徑
    如:http://localhost:8080/HelloWorld/first.html
  • 修改Web應(yīng)用的ContextRoot
    方法1:編輯CATALINA_HOME/conf/server.xml ,修改如下元素:
    <Context docBase="D:\apache-tomcat-9.0.2\wtpwebapps\HelloWorld" path="/HelloWorld" reloadable="true" source="org.eclipse.jst.jee.server:HelloWorld"/>
    修改path=“/hello“,則訪問路徑變?yōu)?
    http://localhost:8080/hello/first.html
    方法2:在開發(fā)工具中修改配置,則開發(fā)工具會自動修改CATALINA_HOME/conf/server.xml中的配置文件。
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容