《JSP-Web開發(fā)基礎(chǔ)教程(微課版)》ch01

第1頁第1章JavaWeb應(yīng)用開發(fā)概述

本章概述本章的學(xué)習(xí)目標(biāo)主要內(nèi)容第2頁本章概述在進(jìn)行JavaWeb應(yīng)用開發(fā)前，技術(shù)人員需要對(duì)Web應(yīng)用基礎(chǔ)知識(shí)、相關(guān)技術(shù)、開發(fā)環(huán)境工具有初步的了解。在開啟Web開發(fā)之前，需要先搭建開發(fā)環(huán)境，例如，若使用Java技術(shù)來進(jìn)行Web開發(fā)，首先需要安裝Java開發(fā)工具包JDK、Web服務(wù)器（如Tomcat）和IDE開發(fā)工具。第3頁本章的學(xué)習(xí)目標(biāo)了解軟件結(jié)構(gòu)，包括C/S和B/S結(jié)構(gòu)理解Web應(yīng)用程序的工作原理了解Web應(yīng)用的客戶端應(yīng)用技術(shù)了解Web應(yīng)用的服務(wù)器端應(yīng)用技術(shù)掌握Tomcat服務(wù)軟件的下載掌握Tomcat服務(wù)軟件的配置方法掌握Eclipse開發(fā)工具的下載和安裝掌握如何在Eclipse中創(chuàng)建及發(fā)布Web程序第4頁主要內(nèi)容1.1應(yīng)用程序體系結(jié)構(gòu)

1.2Web應(yīng)用程序的工作原理

1.3Web應(yīng)用技術(shù)

1.4Web開發(fā)與運(yùn)行環(huán)境概述1.5Tomcat的安裝與配置1.6Eclipse的下載與使用1.7常用網(wǎng)上資源1.8本章小結(jié)第5頁1.1應(yīng)用程序體系結(jié)構(gòu)

1.1.1C/S體系結(jié)構(gòu)介紹1.1.2B/S體系結(jié)構(gòu)介紹1.1.3兩種體系結(jié)構(gòu)的比較 第6頁1.1.1C/S體系結(jié)構(gòu)介紹C/S是Client/Server的縮寫，即客戶端/服務(wù)器端結(jié)構(gòu)。服務(wù)器端通常采用高性能的PC機(jī)或工作站，并安裝上大型數(shù)據(jù)庫系統(tǒng)如Oracle、SQLServer；客戶端在使用系統(tǒng)時(shí)，需要安裝上專用的客戶端軟件，如圖所示。

第7頁1.1.2B/S體系結(jié)構(gòu)介紹B/S是Brower/Server的縮寫，即瀏覽器/服務(wù)器結(jié)構(gòu)。在這種結(jié)構(gòu)中，客戶端不需要開發(fā)任何用戶界面，而統(tǒng)一采用如IE和Firefox等瀏覽器，通過Web瀏覽器向Web服務(wù)器發(fā)送請(qǐng)求，由Web服務(wù)器進(jìn)行處理，并將處理結(jié)構(gòu)逐級(jí)傳回客戶端，如圖所示。

第8頁1.1.3兩種體系結(jié)構(gòu)的比較從開發(fā)和維護(hù)成本來比較，C/S結(jié)構(gòu)的開發(fā)和維護(hù)成本比B/S結(jié)構(gòu)高。C/S結(jié)構(gòu)，應(yīng)用程序的功能越復(fù)雜，客戶端程序也就越龐大，這給軟件的維護(hù)工作帶來了困難。而B/S結(jié)構(gòu)的客戶端把事務(wù)處理邏輯部分交給了服務(wù)器，由服務(wù)器進(jìn)行處理，客戶端只需要進(jìn)行顯示，因此，應(yīng)用服務(wù)器負(fù)荷較重，一旦服務(wù)器發(fā)生“崩潰”問題，所有客戶端均不能使用應(yīng)用程序。因此，在使用B/S架構(gòu)的應(yīng)用程序時(shí)，一般都配備有備份服務(wù)器，以防萬一。C/S結(jié)構(gòu)，用戶主要通過瀏覽器來使用應(yīng)用程序，使用人數(shù)不固定，相對(duì)來說安全性較低。B/S相對(duì)于C/S來說更符合目前的網(wǎng)絡(luò)與移動(dòng)的發(fā)展趨勢(shì)第9頁主要內(nèi)容1.1應(yīng)用程序體系結(jié)構(gòu)1.2Web應(yīng)用程序的工作原理1.3Web應(yīng)用技術(shù)

1.4Web開發(fā)與運(yùn)行環(huán)境概述1.5Tomcat的安裝與配置1.6Eclipse的下載與使用1.7常用網(wǎng)上資源1.8本章小結(jié)第10頁1.2Web應(yīng)用程序的工作原理

Web應(yīng)用程序大體上可以分為兩種，即靜態(tài)網(wǎng)站和動(dòng)態(tài)網(wǎng)站。靜態(tài)網(wǎng)站和動(dòng)態(tài)網(wǎng)站的工作流程分別如圖1、圖2。

圖1圖2第11頁主要內(nèi)容1.1應(yīng)用程序體系結(jié)構(gòu)1.2Web應(yīng)用程序的工作原理

1.3Web應(yīng)用技術(shù)1.4Web開發(fā)與運(yùn)行環(huán)境概述1.5Tomcat的安裝與配置1.6Eclipse的下載與使用1.7常用網(wǎng)上資源1.8本章小結(jié)第12頁1.3Web應(yīng)用技術(shù)

1.3.1客戶端應(yīng)用的技術(shù)1.3.2服務(wù)器端應(yīng)用的技術(shù)第13頁1.3.1客戶端應(yīng)用的技術(shù)HTML：HTML語言為標(biāo)簽式語言，通過標(biāo)簽控制文本的字體、字號(hào)、樣式，圖形及其效果。CSS：CSS主要用來對(duì)頁面的布局、字體、顏色、背景和其他效果進(jìn)行控制。JavaScript：JavaScript是客戶端腳本語言，主要用于實(shí)現(xiàn)用戶與網(wǎng)頁、網(wǎng)頁與服務(wù)端的交互。第14頁1.3.2服務(wù)器端應(yīng)用的技術(shù)CGI：CGI是最早用來創(chuàng)建動(dòng)態(tài)網(wǎng)頁的一種技術(shù)，它可以使瀏覽器與服務(wù)器之間產(chǎn)生互動(dòng)關(guān)系。CGI的全程是CommonGatewayInterface，即通用網(wǎng)關(guān)接口。ASP：通過在頁面代碼中嵌入VBScript或JavaScript腳本語言，來生成動(dòng)態(tài)的內(nèi)容，需要解釋器才可以執(zhí)行腳本程序，然后將執(zhí)行結(jié)果和靜態(tài)內(nèi)容部分合并傳送到客戶端瀏覽器上。PHP：一種開源的Web服務(wù)器腳本語言，與ASP一樣可以在頁面中加入腳本代碼來生成動(dòng)態(tài)內(nèi)容。ASP.NET：.NET框架的一部分，可以使用任何.NET兼容的語言來編寫ASP.NET應(yīng)用程序。JSP：JSP是以Java為基礎(chǔ)開發(fā)的，所以它沿用Java強(qiáng)大的API功能。第15頁主要內(nèi)容1.1應(yīng)用程序體系結(jié)構(gòu)1.2Web應(yīng)用程序的工作原理

1.3Web應(yīng)用技術(shù)

1.4Web開發(fā)與運(yùn)行環(huán)境概述1.5Tomcat的安裝與配置1.6Eclipse的下載與使用1.7常用網(wǎng)上資源1.8本章小結(jié)第16頁1.4Web開發(fā)與運(yùn)行環(huán)境概述在搭建JavaWeb應(yīng)用的開發(fā)環(huán)境時(shí)，首先需要安裝開發(fā)工具包JDK，然后安裝Web服務(wù)器和數(shù)據(jù)庫，還需要安裝IDE(集成開發(fā)環(huán)境)工具。JavaWeb應(yīng)用的開發(fā)環(huán)境如圖所示。第17頁主要內(nèi)容1.1應(yīng)用程序體系結(jié)構(gòu)1.2Web應(yīng)用程序的工作原理

1.3Web應(yīng)用技術(shù)

1.4Web開發(fā)與運(yùn)行環(huán)境概述1.5Tomcat的安裝與配置1.6Eclipse的下載與使用1.7常用網(wǎng)上資源1.8本章小結(jié)第18頁1.5Tomcat的安裝與配置1.5.1Tomcat的下載與安裝1.5.2Tomcat的目錄結(jié)構(gòu)1.5.3修改Tomcat的默認(rèn)端口1.5.4部署Web應(yīng)用第19頁1.5.1Tomcat的下載與安裝/第20頁1.5.2Tomcat的目錄結(jié)構(gòu)Tomcat服務(wù)器文件解壓縮成功后，將會(huì)出現(xiàn)7個(gè)文件夾，Tomcat目錄下的文件結(jié)構(gòu)如圖所示。第21頁1.5.3修改Tomcat的默認(rèn)端口在servlet.xml文件中找到以下代碼：<Connectorport="8080"protocol="HTTP/1.1"connectionTimeout="20000"redirectPort="8443"/>將上面代碼中的port="8080"修改為port="8081"，即可將Tomcat的默認(rèn)端口設(shè)置為8081。第22頁1.5.4部署Web應(yīng)用1.通過復(fù)制Web應(yīng)用到Tomcat中實(shí)現(xiàn)2.通過在server.xml文件中配置<Context>元素實(shí)現(xiàn)第23頁主要內(nèi)容1.1應(yīng)用程序體系結(jié)構(gòu)1.2Web應(yīng)用程序的工作原理

1.3Web應(yīng)用技術(shù)

1.4Web開發(fā)與運(yùn)行環(huán)境概述1.5Tomcat的安裝與配置1.6Eclipse的下載與使用1.7常用網(wǎng)上資源1.8本章小結(jié)第24頁1.6Eclipse的下載與使用1.6.1Eclipse的下載與安裝1.6.2啟動(dòng)Eclipse1.6.3Eclipse工作臺(tái)1.6.4一個(gè)HelloWord程序第25頁1.6.1Eclipse的下載與安裝/第26頁1.6.1Eclipse的下載與安裝單擊Downloads超鏈接，進(jìn)入到Eclipse的下載列表頁面第27頁1.6.1Eclipse的下載與安裝單擊GetEclipseIDE2021-12下的Downloadx86_64按鈕，進(jìn)入到EclipseIDE的下載頁面第28頁1.6.1Eclipse的下載與安裝單擊EclipseIDEforEnterpriseJavaandWebDevelopers右側(cè)的Windowsx86_64，打開文件下載頁面，單擊Download按鈕第29頁1.6.1Eclipse的下載與安裝下載完成后，雙擊一路Next安裝即可第30頁1.6.2啟動(dòng)Eclipse雙擊Eclipse安裝目錄下的eclipse.exe文件，即可啟動(dòng)Eclipse。初次啟動(dòng)Eclipse時(shí)，需要設(shè)置工作空間。第31頁1.6.3Eclipse工作臺(tái)Eclipse的工作臺(tái)主要由菜單欄、工具欄、透視圖工具欄、項(xiàng)目資源管理器視圖、大綱視圖、編輯器和其他視圖組成。第32頁1.6.4一個(gè)HelloWord程序選擇“DynamicWebProject（動(dòng)態(tài)Web項(xiàng)目）”命令，將打開“NewDynamicWebProject（新建動(dòng)態(tài)Web項(xiàng)目）”對(duì)話框。第33頁1.6.4一個(gè)HelloWord程序單擊“Next（下一步）”按鈕，打開“configurewebmodulesettings（配置web模塊設(shè)置）”對(duì)話框，Contentdirectory文本框采用默認(rèn)設(shè)置src/main/webapp第34頁1.6.4一個(gè)HelloWord程序單擊“Finish（完成）”按鈕，完成項(xiàng)目first的創(chuàng)建。此時(shí)在Eclipse平臺(tái)左側(cè)的項(xiàng)目資源管理器中將顯示項(xiàng)目first，依次展開節(jié)點(diǎn)，項(xiàng)目結(jié)構(gòu)如圖所示。第35頁主要內(nèi)容1.1應(yīng)用程序體系結(jié)構(gòu)1.2Web應(yīng)用程序的工作原理

1.3Web應(yīng)用技術(shù)

1.4Web開發(fā)與運(yùn)行環(huán)境概述1.5Tomcat的安裝與配置1.6Eclipse的下載與使用1.7常用網(wǎng)上資源1.8本章小結(jié)第36頁1.7常用網(wǎng)上資源JDK官方網(wǎng)站：Web服務(wù)器Tomcat的官方網(wǎng)：IDE工具Eclipse的官方網(wǎng)站：開源數(shù)據(jù)庫MySQL的官方網(wǎng)站：JSTL標(biāo)準(zhǔn)標(biāo)簽庫的下載:/products/jsp/jstlStruts.2的官方網(wǎng)站：Spring的官方網(wǎng)站：Hibernate的官方網(wǎng)站：iBatis的官方網(wǎng)站：第37頁1.7常用網(wǎng)上資源CSDN社區(qū)中心：編程詞典服務(wù)社區(qū)：第38頁主要內(nèi)容1.1應(yīng)用程序體系結(jié)構(gòu)1.2Web應(yīng)用程序的工作原理

1.3Web應(yīng)用技術(shù)

1.4Web開發(fā)與運(yùn)行環(huán)境概述1.5Tomcat的安裝與配置1.6Eclipse的下載與使用1.7常用網(wǎng)上資源1.8本章小結(jié)第39頁1.8本章小結(jié)本章首先介紹了網(wǎng)絡(luò)程序開發(fā)的體系結(jié)構(gòu)