JavaWeb應(yīng)用開(kāi)發(fā)高職PPT完整全套教學(xué)課件

模塊一認(rèn)識(shí)JavaEE全套PPT課件目錄CONTENTS1了解Java語(yǔ)言2了解JavaEE應(yīng)用技術(shù)3了解常用開(kāi)發(fā)工具4開(kāi)發(fā)環(huán)境配置PART01了解Java語(yǔ)言1.了解Java語(yǔ)言（1）Java的發(fā)展歷史

1991年，Sun公司成立Green小組，開(kāi)發(fā)了Java語(yǔ)言。1996年Sun公司推出Java的第一個(gè)開(kāi)發(fā)工具包JDK1.0。1998年12月，第二代JavaWeb應(yīng)用開(kāi)發(fā)，Java平臺(tái)的企業(yè)版J2EE推出。1999年，Sun公司宣布將Java的第二代平臺(tái)分為三個(gè)版本，即J2SE，J2EE和J2ME。2004年，JDK1.5版本發(fā)布，同時(shí)，Sun公司宣布將Java的三個(gè)分支分別改名為JavaSE、JavaEE和JavaME。2009年Sun公司被Oracle公司收購(gòu)，自此，Java正式成為了Oracle公司的產(chǎn)品。2014年，Oracle公司推出Java8正式版。1.了解Java語(yǔ)言（2）Java語(yǔ)言的基本特點(diǎn)

簡(jiǎn)單性：Java語(yǔ)言舍棄了C++的眾多難用的特性，從而變得簡(jiǎn)單易用。面向?qū)ο螅篔ava具有了典型的面向?qū)ο蟮奶卣鳌７植夹裕篔ava本身就是分布式語(yǔ)言，其支持各種網(wǎng)絡(luò)協(xié)議和Socket，使網(wǎng)絡(luò)本身變成了應(yīng)用程序的載體。編譯和解釋性：Java代碼編譯后為字節(jié)碼文件，可以在Java自己的解釋器上無(wú)差別運(yùn)行。安全性：Java的諸多安全性機(jī)制可以保證其程序在運(yùn)行期間高度安全。可移植性：Java語(yǔ)言本身的特性是其可以一次編譯到處運(yùn)行，具備很強(qiáng)的可移植性。多線程性：Java提供了一系列的機(jī)制可以保證多線程程序的編寫(xiě)和運(yùn)行，使用同步鎖、同步方法等可以讓多線程環(huán)境下的資源保持一致性。1.了解Java語(yǔ)言（3）Java語(yǔ)言的基本語(yǔ)法大小寫(xiě)敏感：Java語(yǔ)言中的變量或者保留字（關(guān)鍵字）都是對(duì)大小寫(xiě)敏感的，通常會(huì)根據(jù)可讀性規(guī)范來(lái)聲明變量或者方法；類(lèi)是Java源文件的最小單位：所有的變量、方法、常量等基本元素都應(yīng)該定義在某一個(gè)類(lèi)中；一個(gè)源文件可以包含多個(gè)類(lèi)，但只能有一個(gè)public聲明的類(lèi)，且該類(lèi)的類(lèi)名與源文件名保持一致；Java的標(biāo)識(shí)符應(yīng)該是數(shù)字、字母（包括大小寫(xiě)）、美元符（$）和下劃線的組合，且不能以數(shù)字開(kāi)頭；不同修飾符聲明的類(lèi)、方法或變量所代表的訪問(wèn)權(quán)限和面向?qū)ο髮傩允遣幌嗤模侠磉\(yùn)用各種修飾符。1.了解Java語(yǔ)言（3）Java語(yǔ)言的基本語(yǔ)法變量和常量類(lèi)和對(duì)象Java修飾符Java運(yùn)算符Java流程控制數(shù)組繼承多態(tài)抽象類(lèi)接口1.了解Java語(yǔ)言（4）知識(shí)拓展開(kāi)發(fā)規(guī)范的基本原則：統(tǒng)一格式：統(tǒng)一采用縮進(jìn)，對(duì)變量的定義盡量位于模塊開(kāi)始位置，操作符兩邊用空格符留白。方法定義：?jiǎn)蝹€(gè)方法的有效代碼長(zhǎng)度盡量控制在100行以?xún)?nèi)，相關(guān)代碼和其前后其他代碼之間用空白行分割，單個(gè)類(lèi)不要過(guò)大。嵌套關(guān)系：所有的嵌套盡量不要超過(guò)三層。命名規(guī)范：包名的前幾個(gè)為固定名稱(chēng)，通常為公司或者組織的縮寫(xiě)，必須使用小寫(xiě)英文字母；類(lèi)名首字母大寫(xiě)，采用駝峰式命名，具有業(yè)務(wù)語(yǔ)義；方法名要選擇有意義的名字，采用駝峰命名法；變量名首字母小寫(xiě)，其后每個(gè)單詞首字母大寫(xiě)；常量采用全部大寫(xiě)形式，多個(gè)單詞采用下劃線分割。PART02了解JavaEE應(yīng)用技術(shù)2.了解Java

EE應(yīng)用技術(shù)（1）JavaEE的MVC分層模式

在整個(gè)JavaEE中最核心的設(shè)計(jì)模式是MVC（Model-View-Controller），該框架將應(yīng)用程序的輸入、處理和輸出三種邏輯進(jìn)行分層開(kāi)發(fā)，即模型層（Model）、視圖層（View）和控制器層（Controller）。2.了解Java

EE應(yīng)用技術(shù)（2）JavaEE開(kāi)發(fā)的主要技術(shù)

HTML與CSSHTML稱(chēng)為超文本標(biāo)記語(yǔ)言，是一種標(biāo)識(shí)性的語(yǔ)言。它包括一系列標(biāo)簽，通過(guò)這些標(biāo)簽可以將網(wǎng)絡(luò)上的文檔格式統(tǒng)一，使分散的Internet資源連接為一個(gè)邏輯整體。HTML文本是由HTML命令組成的描述性文本，HTML命令可以說(shuō)明文字、圖形、動(dòng)畫(huà)、聲音、表格、鏈接等。層疊樣式表（CascadingStyleSheets）是一種用來(lái)表現(xiàn)HTML（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言的一個(gè)應(yīng)用）XML（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言的一個(gè)子集）等文件樣式的計(jì)算機(jī)語(yǔ)言。CSS不僅可以靜態(tài)地修飾網(wǎng)頁(yè)，還可以配合各種腳本語(yǔ)言動(dòng)態(tài)地對(duì)網(wǎng)頁(yè)各元素進(jìn)行格式化。2.了解Java

EE應(yīng)用技術(shù)（2）JavaEE開(kāi)發(fā)的主要技術(shù)

JavaScriptJavaScript是一種屬于網(wǎng)絡(luò)的腳本語(yǔ)言，已經(jīng)被廣泛用于Web應(yīng)用開(kāi)發(fā)，常用來(lái)為網(wǎng)頁(yè)添加各式各樣的動(dòng)態(tài)功能，為用戶(hù)提供更流暢美觀的瀏覽效果。通常JavaScript腳本是通過(guò)嵌入在HTML中來(lái)實(shí)現(xiàn)自身的功能的。2.了解Java

EE應(yīng)用技術(shù)（2）JavaEE開(kāi)發(fā)的主要技術(shù)

JSPJSP（JavaServerPages）是由SunMicrosystems公司主導(dǎo)創(chuàng)建的一種動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)標(biāo)準(zhǔn)。JSP部署于網(wǎng)絡(luò)服務(wù)器上，可以響應(yīng)客戶(hù)端發(fā)送的請(qǐng)求，并根據(jù)請(qǐng)求內(nèi)容動(dòng)態(tài)地生成HTML、XML或其他格式文檔的Web網(wǎng)頁(yè)，然后返回給請(qǐng)求者。JSP技術(shù)以Java語(yǔ)言作為腳本語(yǔ)言，為用戶(hù)的HTTP請(qǐng)求提供服務(wù)，并能與服務(wù)器上的其他Java程序共同處理復(fù)雜的業(yè)務(wù)需求。2.了解Java

EE應(yīng)用技術(shù)（2）JavaEE開(kāi)發(fā)的主要技術(shù)

JavaBeanJavaBean是一種Java語(yǔ)言寫(xiě)成的可重用組件。為寫(xiě)成JavaBean，類(lèi)必須是具體的和公共的，并且具有無(wú)參數(shù)的構(gòu)造器。JavaBean通過(guò)提供符合一致性設(shè)計(jì)模式的公共方法將內(nèi)部域暴露成員屬性，set和get方法獲取。眾所周知，屬性名稱(chēng)符合這種模式，其他Java類(lèi)可以通過(guò)自省機(jī)制（反射機(jī)制）發(fā)現(xiàn)和操作這些JavaBean的屬性。2.了解Java

EE應(yīng)用技術(shù)（2）JavaEE開(kāi)發(fā)的主要技術(shù)

ServletServlet（ServerApplet）是JavaServlet的簡(jiǎn)稱(chēng)，稱(chēng)為小服務(wù)程序或服務(wù)連接器，用Java編寫(xiě)的服務(wù)器端程序，具有獨(dú)立于平臺(tái)和協(xié)議的特性，主要功能在于交互式地瀏覽和生成數(shù)據(jù)，生成動(dòng)態(tài)Web內(nèi)容。2.了解Java

EE應(yīng)用技術(shù)（2）JavaEE開(kāi)發(fā)的主要技術(shù)

XML可擴(kuò)展標(biāo)記語(yǔ)言，標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言的子集，簡(jiǎn)稱(chēng)XML。XML是一種用于標(biāo)記電子文件使其具有結(jié)構(gòu)性的標(biāo)記語(yǔ)言。2.了解Java

EE應(yīng)用技術(shù)（2）JavaEE開(kāi)發(fā)的主要技術(shù)

數(shù)據(jù)庫(kù)技術(shù)Java數(shù)據(jù)庫(kù)連接（JavaDatabaseConnectivity，JDBC）是Java語(yǔ)言中用來(lái)規(guī)范客戶(hù)端程序如何來(lái)訪問(wèn)數(shù)據(jù)庫(kù)的應(yīng)用程序接口，提供了諸如查詢(xún)和更新數(shù)據(jù)庫(kù)中數(shù)據(jù)的方法。JDBC也是SunMicrosystems的商標(biāo)。我們通常說(shuō)的JDBC是面向關(guān)系型數(shù)據(jù)庫(kù)的。PART03了解常用開(kāi)發(fā)工具3.了解常用開(kāi)發(fā)工具（1）Eclipse

Eclipse是著名的跨平臺(tái)的自由集成開(kāi)發(fā)環(huán)境（IDE）。最初主要用來(lái)Java語(yǔ)言開(kāi)發(fā)，但通過(guò)安裝不同的插件Eclipse可以支持不同的計(jì)算機(jī)語(yǔ)言，比如C++和Python等開(kāi)發(fā)工具。Eclipse本身只是一個(gè)框架平臺(tái)，但是眾多插件的支持使得Eclipse擁有其他功能相對(duì)固定的IDE軟件很難具有的靈活性。3.了解常用開(kāi)發(fā)工具（2）Tomcat

Tomcat服務(wù)器是一個(gè)免費(fèi)的開(kāi)放源代碼的Web應(yīng)用服務(wù)器，屬于輕量級(jí)應(yīng)用服務(wù)器，在中小型系統(tǒng)和并發(fā)訪問(wèn)用戶(hù)不是很多的場(chǎng)合下被普遍使用，是開(kāi)發(fā)和調(diào)試JSP程序的首選。3.了解常用開(kāi)發(fā)工具（3）MySQL

MySQL是一個(gè)關(guān)系型數(shù)據(jù)庫(kù)管理系統(tǒng)，由瑞典MySQLAB公司開(kāi)發(fā)，屬于Oracle旗下產(chǎn)品。MySQL是最流行的關(guān)系型數(shù)據(jù)庫(kù)管理系統(tǒng)之一，在Web應(yīng)用方面，MySQL是最好的關(guān)系數(shù)據(jù)庫(kù)管理系統(tǒng)（RelationalDatabaseManagementSystem，RDBMS關(guān)）應(yīng)用軟件之一。3.了解常用開(kāi)發(fā)工具（4）Navicat

Navicat是一套快速、可靠并價(jià)格便宜的數(shù)據(jù)庫(kù)管理工具，專(zhuān)為簡(jiǎn)化數(shù)據(jù)庫(kù)的管理及降低系統(tǒng)管理成本而設(shè)。它的設(shè)計(jì)符合數(shù)據(jù)庫(kù)管理員、開(kāi)發(fā)人員及中小企業(yè)的需要。Navicat是以直覺(jué)化的圖形用戶(hù)界面而建的，讓你可以以安全并且簡(jiǎn)單的方式創(chuàng)建、組織、訪問(wèn)并共用信息。PART04開(kāi)發(fā)環(huán)境配置4.開(kāi)發(fā)環(huán)境配置（1）安裝JDK

下載安裝配置Path環(huán)境變量（2）配置Tomcat

下載安裝配置Java_Home環(huán)境變量運(yùn)行startup.bat訪問(wèn)localhost:8080（3）配置MySQL下載安裝連接Navicat運(yùn)行感謝一路有你模塊二HTML與CSS網(wǎng)頁(yè)基礎(chǔ)目錄CONTENTS1了解HTML語(yǔ)言2了解HTML5新特性3使用CSS樣式表4熟悉CSS3新特性PART01了解HTML標(biāo)記語(yǔ)言1.了解HTML標(biāo)記語(yǔ)言（1）HTML標(biāo)記語(yǔ)言的語(yǔ)法規(guī)范語(yǔ)法結(jié)構(gòu)①符號(hào)：尖括號(hào)<>，所有的HTML語(yǔ)言都括在其中。②標(biāo)簽格式雙標(biāo)簽：成對(duì)出現(xiàn)<標(biāo)簽名></標(biāo)簽名>，如<titile>HTML語(yǔ)言</title>；單標(biāo)簽：<br/>只存在開(kāi)始標(biāo)簽，不需要結(jié)束。雙標(biāo)簽通常用于包含內(nèi)容的元素，單標(biāo)簽表示無(wú)內(nèi)容的元素。③結(jié)構(gòu)：標(biāo)簽可以用于屬性，屬性和值都寫(xiě)在開(kāi)始標(biāo)簽的尖括號(hào)中；標(biāo)簽和屬性之間用空格隔開(kāi)，多個(gè)屬性之間也用空格隔開(kāi)；如果屬性有對(duì)應(yīng)的值，則屬性和值之間事等式關(guān)系，且值需要在英文引號(hào)內(nèi)。語(yǔ)法結(jié)構(gòu)：<標(biāo)簽名屬性="值"屬性="值">...</標(biāo)簽名>1.了解HTML標(biāo)記語(yǔ)言（1）HTML標(biāo)記語(yǔ)言的語(yǔ)法規(guī)范規(guī)范標(biāo)簽名和屬性名都使用小寫(xiě)。屬性的值用雙引號(hào)括起來(lái)。標(biāo)簽的使用符號(hào)嵌套規(guī)則?；窘Y(jié)構(gòu)一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)的HTML代碼結(jié)構(gòu)如圖2-1所示。PART02了解HTML5新特性2.了解HTML5新特性（1）HTML5新特性

HTML5被稱(chēng)為下一代互聯(lián)網(wǎng)的核心技術(shù)之一，在很多方面都做了修改和升級(jí)，語(yǔ)法特征更加明顯，具體表現(xiàn)在：新的語(yǔ)義標(biāo)簽、增強(qiáng)型智能表單、支持視頻和音頻、升級(jí)繪圖畫(huà)布、實(shí)現(xiàn)地理定位、拖放API和多線程操作。2.了解HTML5新特性（2）常用的語(yǔ)義標(biāo)簽

header標(biāo)簽：頁(yè)眉，通常包括網(wǎng)站標(biāo)志、主導(dǎo)航、全站鏈接以及搜索框；nav標(biāo)簽：標(biāo)記導(dǎo)航，僅對(duì)文檔中重要的鏈接群使用；aside標(biāo)簽：定義article標(biāo)簽外的內(nèi)容，可用作文章的側(cè)邊欄；section標(biāo)簽：定義文檔中的節(jié)（section、區(qū)段）;article標(biāo)簽：用來(lái)定義獨(dú)立于文檔且有意義的來(lái)自外部的內(nèi)容；footer標(biāo)簽：頁(yè)腳，只有當(dāng)父級(jí)是body時(shí)，才是整個(gè)頁(yè)面的頁(yè)腳。2.了解HTML5新特性（3）增強(qiáng)型表單email表單示例<!DOCTYPEhtml><htmllang="en"><head><title>郵箱驗(yàn)證</title><style>form{margin-left:100px;}</style></head><body><form><inputtype="email"/><inputtype="submit"/></form></body></html>2.了解HTML5新特性（3）增強(qiáng)型表單number表單示例<!DOCTYPEhtml><htmllang="en"><head><title>數(shù)值輸入</title><style>form{margin-left:100px;}</style></head><body><form><inputtype="number"min="9"max="12"/><!--限制輸入的數(shù)字范圍在9到12之間，包括9和12--><inputtype="submit"/></form></body></html>2.了解HTML5新特性（3）增強(qiáng)型表單data表單示例<!DOCTYPEhtml><htmllang="en"><head><title>日期表示</title><style>form{margin-left:100px;}</style></head><body><form><inputtype="data"/><inputtype="submit"/></form></body></html>2.了解HTML5新特性（4）多媒體標(biāo)簽

HTML5增加了視頻和音頻兩個(gè)多媒體標(biāo)簽。視頻標(biāo)簽<videosrc=""><video>和音頻標(biāo)簽<audiosrc=""></audio>可以在網(wǎng)頁(yè)中增加視頻和音頻元素。2.了解HTML5新特性（5）Canvas繪圖Canvas繪圖是HTML5的原生技術(shù)，是基于網(wǎng)頁(yè)畫(huà)布2D位圖繪圖技術(shù)，善于表現(xiàn)細(xì)膩顏色，可用于統(tǒng)計(jì)圖表、頁(yè)面游戲、地圖應(yīng)用、網(wǎng)頁(yè)特效等。使用Canvas可以參考如下代碼：<canvasid="c2"width="400"height="300"></canvas>值得注意的是，Canvas自身是一個(gè)300*150的inline-block元素，而且Canvas畫(huà)布尺寸不能使用CSS設(shè)置。2.了解HTML5新特性（6）SVG繪圖SVG（ScalableVectorGraphic）是可縮放向量圖，在HTML5標(biāo)準(zhǔn)之前，SVG標(biāo)簽不能直接寫(xiě)在網(wǎng)頁(yè)中，只能編寫(xiě)在獨(dú)立的XML文檔中，然后在網(wǎng)頁(yè)中使用<imgsrc="x.svg">進(jìn)行嵌入。而在HTML5標(biāo)準(zhǔn)下SVG標(biāo)簽則可以直接寫(xiě)在網(wǎng)頁(yè)代碼中。2.了解HTML5新特性（7）地理定位HTML5標(biāo)準(zhǔn)下，可以通過(guò)瀏覽器獲取當(dāng)前用戶(hù)的所在地理坐標(biāo)，以實(shí)現(xiàn)“LBS服務(wù)”（LocationBasedService）如實(shí)時(shí)導(dǎo)航、周邊推薦等。2.了解HTML5新特性（8）拖放APIHTML5之前沒(méi)有拖放API，可以使用“鼠標(biāo)按下+鼠標(biāo)移動(dòng)”兩個(gè)事件來(lái)模擬用戶(hù)拖動(dòng)事件。HTML5專(zhuān)門(mén)提供了七個(gè)鼠標(biāo)拖動(dòng)相關(guān)事件句柄，這七個(gè)鼠標(biāo)事件可以分成兩類(lèi)。拖動(dòng)的源對(duì)象（source）可能觸發(fā)的事件：dragstart表示拖動(dòng)開(kāi)始，drag表示拖動(dòng)中，dragend表示拖動(dòng)結(jié)束。拖動(dòng)的目標(biāo)對(duì)象（target）可能觸發(fā)的事件：dragenter表示拖動(dòng)進(jìn)入，dragover表示拖動(dòng)懸停，drop表示松手釋放，dragleave表示拖動(dòng)離開(kāi)。PART03使用CSS樣式表3.使用CSS樣式表（1）CSS簡(jiǎn)介CSS全稱(chēng)為“層疊樣式表（CascadingStyleSheets）”，它主要是用于定義HTML內(nèi)容在瀏覽器內(nèi)的顯示樣式，如文字大小、顏色、字體加粗等。3.使用CSS樣式表（2）內(nèi)聯(lián)式CSS引用<!DOCTYPEhtml><htmllang="en"><head><title>內(nèi)聯(lián)式css樣式</title></head><body>

<Pstyle="font-size:12px;color:red;">這是一段文字</P><!--內(nèi)聯(lián)式css樣式表--></body></html>3.使用CSS樣式表（3）嵌入式CSS引用<!DOCTYPEhtml><htmllang="en"><head><title>嵌入式css樣式</title><styletype="text/css">p{font-size:12px;color:red;}</style></head><body><P>這是一段文字</P><!--嵌入式css樣式表--></body></html>3.使用CSS樣式表（4）外部式CSS引用<!DOCTYPEhtml><htmllang="en"><head><title>外部式css樣式</title><linkrel="stylesheet"type="text/css"href="樣式.css"/><!--其中type值與rel值均固定，href值為該頁(yè)面的樣式表的相對(duì)路徑--></head><body><P>這是一段文字</P><!--外部式css樣式表--></body></html>3.使用CSS樣式表（5）CSS選擇器CSS標(biāo)準(zhǔn)提供了8種類(lèi)型的選擇器，分別是：標(biāo)簽選擇器：選擇指定元素名稱(chēng)的所有元素；類(lèi)選擇器：指定類(lèi)的所有元素的樣式，可以多次使用；ID選擇器：指定具有ID的元素的樣式，只能使用一次；子選擇器：即大于符號(hào)（>）,用于選擇指定標(biāo)簽元素的子元素；包含（后代）選擇器：即加入空格,用于選擇指定標(biāo)簽元素下的后輩元素；通用選擇器：使用一個(gè)（*）號(hào)指定，它的作用是匹配HTML中任意標(biāo)簽元素；偽類(lèi)選擇器：給HTML不存在的標(biāo)簽設(shè)置樣式；分組選擇器：為HTML中多個(gè)標(biāo)簽元素設(shè)置同一個(gè)樣式。3.使用CSS樣式表（6）CSS的繼承<!DOCTYPEhtml><htmllang="en"><head><title>css的繼承</title><styletype="text/css">div{color:red;}</style></head><body><div><p>這是一段文字</p><span>這是一個(gè)內(nèi)聯(lián)元素</span></div></body></html>3.使用CSS樣式表（7）CSS的層疊<!DOCTYPEhtml><htmllang="en"><head><title>css的層疊</title><styletype="text/css">p{color:red;}p{color:green;}</style></head><body><p>這是一段文字</p></body></html>3.使用CSS樣式表（8）CSS的特殊性<!DOCTYPEhtml><htmllang="en"><head><title>css的特殊性</title><styletype="text/css">p{color:red;}.a{color:yellow;}#b{color:blue;}</style></head><body><Pclass="a"id="b">這是一段文字</P></body></html>3.使用CSS樣式表（9）CSS格式化排版文字排版：使用CSS樣式為網(wǎng)頁(yè)中的文字設(shè)置字體、字號(hào)、顏色、粗細(xì)、斜體、下劃線等樣式。段落排版：使用CSS樣式為網(wǎng)頁(yè)中的段落添加縮進(jìn)、行間距、字間距等樣式。PART04熟悉CSS3新特性4.熟悉CSS3新特性（1）CSS3邊框

用CSS3，可以創(chuàng)建圓角邊框，添加陰影框，其使用的為border-radius;box-shadow;border-image。在兼容性方面，IE9支持border-radius和box-shadow屬性，不支持border-image屬性。Firefox、Chrome以及Safari支持所有新的邊框?qū)傩浴SS3邊框包括CSS3圓角邊框、盒子陰影、邊界圖片。4.熟悉CSS3新特性（2）CSS3背景

背景相關(guān)的CSS3屬性有background-size、background-origin和background-clip。4.熟悉CSS3新特性（3）CSS3漸變

CSS3漸變（gradients）可以在兩個(gè)或多個(gè)指定的顏色之間顯示平穩(wěn)的過(guò)渡，其屬性包括線性漸變（LinearGradients）和徑向漸變（RadialGradients）。感謝一路有你模塊三JavaScript腳本語(yǔ)言目錄CONTENTS1了解JavaScript2第一個(gè)JavaScript程序4編寫(xiě)JavaScript函數(shù)5JavaScript事件處理3掌握J(rèn)avaScript流程控制6

使用JavaScript常用對(duì)象PART01了解JavaScript1.了解JavaScript（1）JavaScript語(yǔ)言的特點(diǎn)簡(jiǎn)單性：JavaScript的變量類(lèi)型是采用弱類(lèi)型，并未使用嚴(yán)格的數(shù)據(jù)類(lèi)型。動(dòng)態(tài)性：JavaScript可以直接對(duì)用戶(hù)或客戶(hù)輸入做出響應(yīng)，無(wú)須經(jīng)過(guò)Web服務(wù)程序。它對(duì)用戶(hù)的反映響應(yīng)，是采用以事件驅(qū)動(dòng)的方式進(jìn)行的。跨平臺(tái)性：JavaScript是依賴(lài)于瀏覽器本身，與操作環(huán)境無(wú)關(guān)，只要能運(yùn)行瀏覽器的計(jì)算機(jī)，并支持JavaScript的瀏覽器就可正確執(zhí)行。安全性：JavaScript不允許訪問(wèn)本地的硬盤(pán)，并不能將數(shù)據(jù)存入到服務(wù)器上，不允許對(duì)網(wǎng)絡(luò)文檔進(jìn)行修改和刪除，只能通過(guò)瀏覽器實(shí)現(xiàn)信息瀏覽或動(dòng)態(tài)交互。有效地防止數(shù)據(jù)的丟失。腳本語(yǔ)言：JavaScript是一種腳本語(yǔ)言，它采用小程序段的方式實(shí)現(xiàn)編程。JavaScript是一種解釋性語(yǔ)言，它提供了一個(gè)易的開(kāi)發(fā)過(guò)程。面向?qū)ο蟮恼Z(yǔ)言：JavaScript是一種基于對(duì)象的語(yǔ)言。它能運(yùn)用自己已經(jīng)創(chuàng)建的對(duì)象。1.了解JavaScript（2）JavaScript語(yǔ)言的基本語(yǔ)法基礎(chǔ)原則嚴(yán)格區(qū)分大小寫(xiě);每一條語(yǔ)句以分號(hào)(;)結(jié)尾；可以利用空格和換行對(duì)代碼格式化；標(biāo)識(shí)符名字可以含有字母、數(shù)字、_、$，不能以數(shù)字開(kāi)頭不能使用關(guān)鍵字。1.了解JavaScript（2）JavaScript語(yǔ)言的基本語(yǔ)法變量和常量JavaScript變量分為基本變量和引用變量。基本類(lèi)型變量有字符串類(lèi)型String、數(shù)值類(lèi)型Number，布爾值類(lèi)型Boolean、空值Null、未定義Undefined…基本類(lèi)型保存在棧中。引用類(lèi)型有Object類(lèi)型、Array類(lèi)型、Date類(lèi)型、RegExp類(lèi)型、Function類(lèi)型等。常量是一些不可變的值，如果一個(gè)變量的值只能被賦予一次，初次賦值之后就不能改變。常量通常用全大寫(xiě)字母來(lái)命名，如果名字包含多個(gè)單詞則用下劃線隔開(kāi)。1.了解JavaScript（2）JavaScript語(yǔ)言的基本語(yǔ)法JavaScript運(yùn)算符算術(shù)運(yùn)算符：包括加（+）、減（-）、乘（*）、除（/）、取余（求模%）、自加（++）和自減（--）；關(guān)系運(yùn)算符：包括大于（>）、小于（<）、等于（==）、大于等于（>=）、小于等于（<=）和不等于（！=）；位運(yùn)算符：包括與（&）、異或（^）、或（|）、取反（~）、左移（<<）、右移（>>）和右移補(bǔ)零（>>>）；邏輯運(yùn)算符：包括邏輯與（&&）、邏輯或（||）和邏輯非（?。?；賦值運(yùn)算符：包括賦值運(yùn)算符（=）、加賦值（+=）、減賦值（-=）、乘賦值（*=）、除賦值（/=）、取模賦值（%=）和按位賦值；一元運(yùn)算符：一元運(yùn)算符只需要一個(gè)操作。正號(hào)(+)、負(fù)號(hào)(-)；條件運(yùn)算符：條件運(yùn)算符語(yǔ)法為：條件表達(dá)式？語(yǔ)句1：語(yǔ)句2。1.了解JavaScript（2）JavaScript語(yǔ)言的基本語(yǔ)法數(shù)組JavaScript提供了豐富的數(shù)組操作方法，下面介紹常用的四個(gè)方法： push()該方法可以向數(shù)組的末尾添加一個(gè)或多個(gè)元素，并返回?cái)?shù)組的長(zhǎng)度； pop()該方法可以刪除數(shù)組的最后一個(gè)元素； unshift()該方法向數(shù)組開(kāi)頭添加一個(gè)或多個(gè)元素，并返回新的數(shù)組長(zhǎng)度； shift()該方法可以刪除第一個(gè)元素，并將被刪除的元素作為返回值返回。1.了解JavaScript（2）JavaScript語(yǔ)言的基本語(yǔ)法對(duì)象JavaScript中的所有事物都是對(duì)象：字符串、數(shù)字、數(shù)組、日期，等等。在JavaScript中，對(duì)象是擁有屬性和方法的數(shù)據(jù)。函數(shù)函數(shù)是由事件驅(qū)動(dòng)的或者當(dāng)它被調(diào)用時(shí)執(zhí)行的可重復(fù)使用的代碼塊。JavaScript函數(shù)語(yǔ)法，函數(shù)就是包裹在花括號(hào)中的代碼塊，前面使用關(guān)鍵詞function：當(dāng)調(diào)用該函數(shù)時(shí)，會(huì)執(zhí)行函數(shù)內(nèi)的代碼?？梢栽谀呈录l(fā)生時(shí)直接調(diào)用函數(shù)（比如當(dāng)用戶(hù)點(diǎn)擊按鈕時(shí)），并且可由JavaScript在任何位置進(jìn)行調(diào)用。事件JavaScript與HTML之間的交互是通過(guò)事件實(shí)現(xiàn)的。事件是文檔或?yàn)g覽器窗口中發(fā)生的一些特定的交互瞬間。PART02第一個(gè)JavaScript程序2.第一個(gè)JavaScript程序（1）JavaScript代碼編寫(xiě)的位置

可以將JS代碼編寫(xiě)到標(biāo)簽onlick的屬性中。其用法如下：

<buttononclick="alert(“點(diǎn)我彈出窗口”);">你點(diǎn)我一下</button>可以將JavaScript代碼編寫(xiě)在超鏈接的href屬性中，在點(diǎn)擊超鏈接時(shí)，會(huì)執(zhí)行JavaScript代碼。其用法如下：<ahref="Javascript:alert(“點(diǎn)我彈出窗口”));">你點(diǎn)我一下</a>可以將JS代碼寫(xiě)在script標(biāo)簽中。其用法如下：<scripttype="text/Javascript">alert("我是script標(biāo)簽中的代碼");</script>可以將JS代碼編寫(xiě)到外部JS文件中，通過(guò)script標(biāo)簽引入。其用法如下：

<scripttype="text/Javascript"src="js/script.js"></script>2.第一個(gè)JavaScript程序（2）JavaScript的輸出方式

對(duì)話框輸出<script>

alert("alert();效果展示");</script>2.第一個(gè)JavaScript程序（2）JavaScript的輸出方式

控制臺(tái)輸出<script>

console.log("console.log();效果展示")</script>2.第一個(gè)JavaScript程序（2）JavaScript的輸出方式

頁(yè)面輸出<script>

document.write("document.write();代碼展示");</script>PART03掌握J(rèn)avaScript流程控制3.掌握J(rèn)avaScript流程控制（1）順序結(jié)構(gòu)<script>vara=1;//定義一個(gè)變量avarb=2;//定義一個(gè)變量bconsole.log(a+b);//控制臺(tái)輸出a+b的值 //該程序按照代碼的先后順序依次執(zhí)行</script>3.掌握J(rèn)avaScript流程控制（2）分支結(jié)構(gòu)if結(jié)構(gòu)<script>varscore=59;//定義score變量代表成績(jī)if(score<60){//判斷score是否小于60console.log("不及格");//如果score小于60則控制臺(tái)輸出不及格}</script>3.掌握J(rèn)avaScript流程控制（2）分支結(jié)構(gòu)if結(jié)構(gòu)<script>varscore=60;//定義變量score代表成績(jī)if(score>=60){//判斷score是否大于等于60 console.log("及格");//如果score大于等于60控制臺(tái)輸出及格 }else{console.log("不及格");//如果score小于60控制臺(tái)輸出不及格}varmyScore=59;//定義變量myScroe代表成績(jī)if(myScore>=60){//判斷myScore是否大于等于60console.log("及格");//如果myScore大于等于60控制臺(tái)輸出及格}else{console.log("不及格");//如果myScore小于60控制臺(tái)輸出不及格}</script>3.掌握J(rèn)avaScript流程控制（2）分支結(jié)構(gòu)if結(jié)構(gòu)<script>varscore=90;//定義變量score代表成績(jī)if(score>=90&&score<100){console.log("A");//當(dāng)score大于等于90小于100時(shí)控制臺(tái)輸出A}elseif(score>=80&&score<90){console.log("B");//當(dāng)score大于等于80小于90時(shí)控制臺(tái)輸出B}elseif(score>=70&&score<80){console.log("C");//當(dāng)score大于等于70小于80時(shí)控制臺(tái)輸出C}elseif(score>=60&&score<70){console.log("D");//當(dāng)score大于等于60小于70時(shí)控制臺(tái)輸出D}else{console.log("E");//當(dāng)score小于60時(shí)控制臺(tái)輸出E}</script>3.掌握J(rèn)avaScript流程控制（2）分支結(jié)構(gòu)switch結(jié)構(gòu)<script>varweek=3;switch(week){case1:console.log("星期一");break;case2:console.log("星期二");break;case3:console.log("星期三");break;case4:console.log("星期四");break;case5:

console.log("星期五");break;case6:console.log("星期六");break;case7:console.log("星期七");break;default:console.log("你輸入的數(shù)據(jù)有誤");}</script>

3.掌握J(rèn)avaScript流程控制（3）循環(huán)結(jié)構(gòu)while結(jié)構(gòu)<script>vari=0;//定義變量iwhile(i<5){//判斷i是否小于5console.log("HelloWorld");//如果i小于5執(zhí)行該代碼i++;//使i自增，再返回while判斷i是否小于5}</script>3.掌握J(rèn)avaScript流程控制（3）循環(huán)結(jié)構(gòu)do-while結(jié)構(gòu)<script>vari=1;//定義變量i=1do{console.log(i);//控制臺(tái)輸出i的值i++;//使i自增，i=i+1}while(i<=10);//判斷i是否小于等于10，如果小于等于10則繼續(xù)執(zhí)行do…while //中的代碼</script>3.掌握J(rèn)avaScript流程控制（3）循環(huán)結(jié)構(gòu)for結(jié)構(gòu)<script>for(vari=1;i<=10;i++){//定義變量i=1;判斷語(yǔ)句i<=10;i自增，i=i+1console.log(i);//如果判斷語(yǔ)句成立，控制帶輸出i的值}</script>3.掌握J(rèn)avaScript流程控制（3）循環(huán)結(jié)構(gòu)for-in結(jié)構(gòu)<script>vararr=[3,2,1];//定義一個(gè)數(shù)組vari;//定義一個(gè)變量for(iinarr){console.log("arr["+i+"]="+arr[i]);//控制臺(tái)輸出數(shù)組中的值}</script>3.掌握J(rèn)avaScript流程控制（3）循環(huán)結(jié)構(gòu)for-in結(jié)構(gòu)<script>varperson={//創(chuàng)建一個(gè)對(duì)象，冰給其添加name,sex,age屬性name:"yutian",sex:"女",age:16};vari;//定義一個(gè)變量for(iinperson){console.log("person["+i+"]="+person[i]);//控制臺(tái)輸出對(duì)象中的屬性}</script>PART04編寫(xiě)JavaScript函數(shù)4.編寫(xiě)JavaScript函數(shù)（1）內(nèi)置函數(shù)

alert()函數(shù)<script>alert("HelloWorld");</script>4.編寫(xiě)JavaScript函數(shù)（1）內(nèi)置函數(shù)

confirm()函數(shù)<script>if(confirm("是否刪除數(shù)據(jù)")==true){console.log("確定");}else{console.log("取消");}</script>4.編寫(xiě)JavaScript函數(shù)（1）內(nèi)置函數(shù)

parseFloat()函數(shù)<script>varstr="123";console.log(typeofstr);str=parseFloat(str);console.log(typeofstr);</script>4.編寫(xiě)JavaScript函數(shù)（1）內(nèi)置函數(shù)

parseInt()函數(shù)<script>console.log(parseInt("F",16));</script>4.編寫(xiě)JavaScript函數(shù)（1）內(nèi)置函數(shù)

prompt()函數(shù)<script>vara=prompt();if(a==true){console.log(a);}</script>4.編寫(xiě)JavaScript函數(shù)（1）內(nèi)置函數(shù)

prompt()函數(shù)<script>vara=prompt();if(a==true){console.log(a);}</script>4.編寫(xiě)JavaScript函數(shù)（1）內(nèi)置函數(shù)

sort()函數(shù)<script>vararr=[3,2,7,5,1,6,8,9,4];arr=arr.sort();arr=arr.reverse();console.log(arr);</script>4.編寫(xiě)JavaScript函數(shù)（1）內(nèi)置函數(shù)

getDay()函數(shù)<script>vardate=newDate();varweek=date.getDay();switch(week){case0:console.log("星期日");break;case1:console.log("星期一");break;case2:console.log("星期二");break;case3:console.log("星期三");break;

（1）內(nèi)置函數(shù)

case4:console.log("星期四");break;case5:console.log("星期五");break;case6:console.log("星期六");break;}</script>4.編寫(xiě)JavaScript函數(shù)（2）自定義函數(shù)

function函數(shù)名(){//語(yǔ)句}varfun=function(){//語(yǔ)句};PART05JavaScript事件處理5.JavaScript事件處理（1）事件綁定

在DOM元素中直接綁定<body><inputtype="button"value="按鈕"onclick="fun()">//點(diǎn)擊按鈕在script中調(diào)用fun函數(shù)<script>functionfun(){console.log("HelloChina");//控制臺(tái)輸出HelloChina}</script></body>5.JavaScript事件處理（1）事件綁定

在JavaScript代碼中綁定<body><inputid="id"type="button"value="按鈕">//給按鈕添加id<script>varid=document.getElementById("id");//獲取idid.onclick=function(){//為id添加點(diǎn)擊事件console.log("HelloWorld");//點(diǎn)擊按鈕控制臺(tái)輸出HelloWorld}</script></body>5.JavaScript事件處理（2）常見(jiàn)JavaScript的事件處理及用法

鼠標(biāo)事件<body><inputid="id"type="button"value="按鈕"><script>varid=document.getElementById("id");id.onmouseover=function(){console.log("鼠標(biāo)移入");}id.onmouseout=function(){console.log("鼠標(biāo)移出");}</script></body>5.JavaScript事件處理（2）常見(jiàn)JavaScript的事件處理及用法

onchange內(nèi)容變化事件<body><inputid="id"type="text"placeholder="請(qǐng)輸入信息"><script>varid=document.getElementById("id");id.onchange=function(){console.log("內(nèi)容改變");}</script></body>5.JavaScript事件處理（2）常見(jiàn)JavaScript的事件處理及用法

ondblclick雙擊事件<body><inputid="id"type="button"value="按鈕"><script>varid=document.getElementById("id");id.ondblclick=function(){console.log("HelloWorld");}</script></body>5.JavaScript事件處理（2）常見(jiàn)JavaScript的事件處理及用法

焦點(diǎn)事件<body><inputid="id"type="input"placeholder="請(qǐng)輸入內(nèi)容"><script>varid=document.getElementById("id");id.onfocus=function(){console.log("獲取焦點(diǎn)");}id.onblur=function(){console.log("失去焦點(diǎn)");}</script></body>PART06使用JavaScript常用對(duì)象6.使用JavaScript常用對(duì)象（1）string對(duì)象

concat()函數(shù)<script>varb=[1,2,3];//創(chuàng)建數(shù)組bvarc=[4,5,6];//創(chuàng)建數(shù)組cconsole.log(b.concat(c));//將數(shù)組b和c合并，并在控制臺(tái)輸出</script>6.使用JavaScript常用對(duì)象（1）string對(duì)象

charAt()函數(shù)<script>varstr="HelloWorld";//定義字符串console.log(str.charAt(4));//獲取字符串第五個(gè)字母并在輸出</script>6.使用JavaScript常用對(duì)象（1）string對(duì)象

replace()函數(shù)<script>varstr="HelloWorld";//定義變量str=HelloWorld”str=str.replace("World","China");//將World替換為Chinaconsole.log(str);//控制臺(tái)輸出str</script>6.使用JavaScript常用對(duì)象（1）string對(duì)象

大小寫(xiě)轉(zhuǎn)換函數(shù)<script>varstr1="HelLoWOrLd";//定義變量str1varstr2="helloWORLD";//定義變量str2varstr3="HELLOworld";//定義變量str3if(str1.toLocaleLowerCase==str2.toLocaleLowerCase){//判斷str1和str2轉(zhuǎn)換為小寫(xiě)后//是否相等console.log("兩個(gè)字符串一樣");}if(str1.toLocaleUpperCase==str3.toLocaleUpperCase){//判斷str1和str3轉(zhuǎn)換為大寫(xiě)后 //是否相等console.log("兩個(gè)字符串一樣");//如果相等控制臺(tái)輸出兩個(gè)字符串一樣}</script>6.使用JavaScript常用對(duì)象（2）Math對(duì)象

floor()函數(shù)<script>varnum=10.10;varans=Math.floor(num);console.log(ans);</script>6.使用JavaScript常用對(duì)象（2）Math對(duì)象

最值函數(shù)<script>vara=5;//定義變量avarb=9;//定義變量bconsole.log(Math.max(a,b));//控制臺(tái)輸出a,b中的最大值console.log(Math.min(a,b));//控制臺(tái)輸出a,b中的最小值</script>6.使用JavaScript常用對(duì)象（2）Math對(duì)象

sqrt()函數(shù)<script>varans=Math.sqrt(4);//ans等于4的平方根console.log(ans);//控制臺(tái)輸出ans</script>感謝一路有你模塊四JSP編程基礎(chǔ)目錄CONTENTS1JSP頁(yè)面基本結(jié)構(gòu)2熟悉JSP指令標(biāo)識(shí)4使用JSP的動(dòng)作標(biāo)識(shí)5了解JSP注釋3掌握J(rèn)SP腳本標(biāo)識(shí)6

掌握J(rèn)SP內(nèi)置對(duì)象PART01JSP頁(yè)面基本結(jié)構(gòu)1.JSP頁(yè)面基本結(jié)構(gòu)（1）第一個(gè)JSP程序JSP全稱(chēng)為JavaServerPages，是JavaServlet中的一種，其結(jié)構(gòu)以HTML相似，與HTML本質(zhì)上不同的是，JSP頁(yè)面可以寫(xiě)入Java代碼、JS代碼，正式因?yàn)槟軌驅(qū)懭隞ava代碼這種特征，使得JSP頁(yè)面通過(guò)與其他Java代碼配合起來(lái)能夠更加靈活。1.JSP頁(yè)面基本結(jié)構(gòu)第一個(gè)JSP程序1<%@pagecontentType="text/html;charset=UTF-8"language="Java"%>2<html><head>4<title>歡迎您的光臨</title>5</head>6<body>7<%8Stringb=null;9inta=5;10if(a!=5){11b="普通用戶(hù)";12}else{13b="貴賓";14}15%>16<h1>您的身份為：<%=b%></h1>17<%18for(inti=1;i<6;i++){19%>20<h<%=i%>>歡迎您的光臨</h<%=i%>>21<%}%>24</body></html>1.JSP頁(yè)面基本結(jié)構(gòu)PART02熟悉JSP指令標(biāo)識(shí)2.熟悉JSP指令標(biāo)識(shí)（1）解析JSP頁(yè)面

1<%@pagecontentType="text/html;charset=UTF-8"language="Java"%>2<html>3<head>4<title>demo2</title>5</head>6<body>7<%inta=6;%>8<h3>9a的值為<%=a%>10</h3>11</body>12</html>2.熟悉JSP指令標(biāo)識(shí)（2）JSP指令標(biāo)識(shí)

Page屬性Page屬性是最常見(jiàn)的屬性，它可以告訴服務(wù)器這個(gè)頁(yè)面的特征，page屬性可以放在任意位置上，但是習(xí)慣上把這個(gè)屬性放在頁(yè)面的最頂部，這樣在后續(xù)的修改程序中能夠快速查看到這個(gè)頁(yè)面的基本屬性，方便修改。2.熟悉JSP指令標(biāo)識(shí)（2）JSP指令標(biāo)識(shí)

Language屬性<%@pagecontentType="text/html;charset=UTF-8"language="Java"%>2.熟悉JSP指令標(biāo)識(shí)（2）JSP指令標(biāo)識(shí)

import屬性<%@pageimport="需要導(dǎo)入的包"%>2.熟悉JSP指令標(biāo)識(shí)（2）JSP指令標(biāo)識(shí)

Session屬性Session屬性的默認(rèn)值為T(mén)rue，表示這個(gè)頁(yè)面可以使用Session。Session是一個(gè)會(huì)話級(jí)別的對(duì)象，可以用于儲(chǔ)存數(shù)據(jù)、保存會(huì)話，具有重要的作用，對(duì)于Servlet來(lái)講是一個(gè)必不可缺少的東西，它能夠讓用戶(hù)保持登錄狀態(tài)。而禁止Session（將屬性設(shè)置為Fales）則表示不允許session的存在，那么這個(gè)會(huì)話在該頁(yè)面將會(huì)無(wú)效。2.熟悉JSP指令標(biāo)識(shí)（2）JSP指令標(biāo)識(shí)

errorPage屬性1<!--此代碼時(shí)一個(gè)最基本的頁(yè)面-->2<%@pagecontentType="text/html;charset=UTF-8"language="Java"errorPage="/errorpage/errorPage.jsp"%>4<!—在此處設(shè)置errorPage屬性，發(fā)生錯(cuò)誤轉(zhuǎn)跳到errorpage目錄下的errorPag5e.jsp文件-->6<html>（7<head>8<title>demo3</title>9</head>10<body>11<%12inta=5/0;//5/0一定會(huì)發(fā)生報(bào)錯(cuò)，分母不能為0；13%>14</body>15</html>2.熟悉JSP指令標(biāo)識(shí)（2）JSP指令標(biāo)識(shí)

errorPage屬性<%@pagecontentType="text/html;charset=UTF-8"language="Java"%><html><head><title>未知錯(cuò)誤</title></head><body><h1>發(fā)生錯(cuò)誤，轉(zhuǎn)跳至此界面</h1></body></html>PART03掌握J(rèn)SP腳本標(biāo)識(shí)3.掌握J(rèn)SP腳本標(biāo)識(shí)（1）JSP的腳本標(biāo)識(shí)<%Scannersca=newScanner(System.in);classa{publicvoidTest(){System.out.println("Test");}}ab=newa();b.Test();%>3.掌握J(rèn)SP腳本標(biāo)識(shí)（2）自己編寫(xiě)一個(gè)JSP文件<%@pagecontentType="text/html;charset=UTF-8"language="Java"%>2<html>3<head>4<%5inta=0;6%>7<title>這是一個(gè)測(cè)試</title>8</head>9<%10intb=1;11%>12<body>13<%14intc=a+b;15%>16</body>17<%18if(c>2){19%>20<h3>21您的身份為普通用戶(hù)！22</h3>23<%24}else{25%>26<h3>27您的身份為尊貴的會(huì)員！28</h3>29<%30}31%>32</html>PART04使用JSP的動(dòng)作標(biāo)識(shí)4.使用JSP的動(dòng)作標(biāo)識(shí)4.使用JSP的動(dòng)作標(biāo)識(shí)PART05了解JSP注釋5.了解JSP注釋JSP注釋的作用就是能夠讓自己或者他人明白這行代碼的意思，以及便于在后續(xù)的修改過(guò)程中知道自己要修改的部分。此外，注釋還有將某行代碼注釋掉的作用，可以便于后續(xù)修改。JSP的注釋分為兩種，一種為顯式注釋?zhuān)硪环N為隱式注釋?zhuān)@兩種注釋的區(qū)別就是頁(yè)面能不能顯現(xiàn)出來(lái)，根據(jù)它們的名字便可知，顯式注釋能夠通過(guò)瀏覽器查看網(wǎng)頁(yè)源代碼時(shí)可以看見(jiàn)注釋內(nèi)容，而隱式注釋不顯示出來(lái)。5.了解JSP注釋JSP注釋的作用就是能夠讓自己或者他人明白這行代碼的意思，以及便于在后續(xù)的修改過(guò)程中知道自己要修改的部分。此外，注釋還有將某行代碼注釋掉的作用，可以便于后續(xù)修改。JSP的注釋分為兩種，一種為顯式注釋?zhuān)硪环N為隱式注釋?zhuān)@兩種注釋的區(qū)別就是頁(yè)面能不能顯現(xiàn)出來(lái)，根據(jù)它們的名字便可知，顯式注釋能夠通過(guò)瀏覽器查看網(wǎng)頁(yè)源代碼時(shí)可以看見(jiàn)注釋內(nèi)容，而隱式注釋不顯示出來(lái)。PART06掌握J(rèn)SP內(nèi)置對(duì)象6.掌握J(rèn)SP內(nèi)置對(duì)象感謝一路有你模塊五JavaBean技術(shù)基礎(chǔ)目錄CONTENTS1認(rèn)識(shí)JavaBean2JavaBean技術(shù)應(yīng)用3JSP中使用JavaBeanPART01認(rèn)識(shí)JavaBean1.認(rèn)識(shí)JavaBean（1）JavaBean的基本內(nèi)容JavaBean是一種由Java語(yǔ)言寫(xiě)成的可重用組件，它可以被Applet、Servlet、JSP等Java，應(yīng)用程序調(diào)用。JavaBean可以分為兩種，一種是有用戶(hù)界面（UI，UserInterface）的JavaBean；一種是沒(méi)有用戶(hù)界面、主要負(fù)責(zé)處理后臺(tái)事務(wù)的JavaBean。JavaBean也是可復(fù)用的平臺(tái)獨(dú)立的軟件組件，開(kāi)發(fā)者可以在軟件構(gòu)造器工具中對(duì)其直接進(jìn)行可視化操作。軟件構(gòu)造器工具可以是Web頁(yè)面構(gòu)造器、可視化應(yīng)用程序構(gòu)造器、GUI設(shè)計(jì)構(gòu)造器或服務(wù)器應(yīng)用程序構(gòu)造器。有時(shí)，構(gòu)造器工具也可以是一個(gè)包含了一些Bean的復(fù)合文檔的文檔編輯器。JavaBean可以是簡(jiǎn)單的GUI要素，如按鈕或滾動(dòng)條；也可以是復(fù)雜的可視化軟件組件，如數(shù)據(jù)庫(kù)視圖等。有些JavaBean是沒(méi)有GUI表現(xiàn)形式的，但這些JavaBean仍然可以使用應(yīng)用程序構(gòu)造器可視化地進(jìn)行組合。1.認(rèn)識(shí)JavaBean（2）JavaBean的基本組成屬性（properties）JavaBean提供了高層次的屬性概念，屬性在JavaBean中不只是傳統(tǒng)的面向?qū)ο蟮母拍罾锏膶傩裕瑫r(shí)還得到了屬性讀取和屬性寫(xiě)入的API的支持。屬性值可以通過(guò)調(diào)用適當(dāng)?shù)腷ean方法進(jìn)行。比如，如果Bean有一個(gè)名字屬性，這個(gè)屬性的值可能需要調(diào)用StringgetName()方法讀取，而寫(xiě)入屬性值可能要需要調(diào)用voidsetName（Stringstr）的方法。1.認(rèn)識(shí)JavaBean（2）JavaBean的基本組成方法（method）JavaBean中的方法就是普通的Java方法，它可以從其他組件或在腳本環(huán)境中調(diào)用。默認(rèn)情況下，所有Bean的公有方法都可以被外部調(diào)用，但Bean一般只會(huì)引出其公有方法的一個(gè)子集。1.認(rèn)識(shí)JavaBean（2）JavaBean的基本組成事件（event）Bean與其他軟件組件交流信息的主要方式是發(fā)送和接受事件?？梢詫ean的事件支持功能看作是集成電路中的輸入輸出引腳：工程師將引腳連接在一起組成系統(tǒng)，讓組件進(jìn)行通訊。有些引腳用于輸入，有些引腳用于輸出，相當(dāng)于事件模型中的發(fā)送事件和接收事件。1.認(rèn)識(shí)JavaBean（3）JavaBean的作用范圍

JavaBean存在下面四種范圍：頁(yè)面（page）、請(qǐng)求（request）、對(duì)話（session）、應(yīng)用（application）。page：僅在當(dāng)前頁(yè)面有效request：可以通過(guò)HttpRequest.getAttribute()方法取得JavaBean對(duì)象session：可以通過(guò)HttpSession.getAttribute()方法取得JavaBean對(duì)象applocation：可以通過(guò)application.getAttribute()方法取得JavaBean對(duì)象PART02JavaBean技術(shù)應(yīng)用2.JavaBean技術(shù)應(yīng)用（1）JavaBean編寫(xiě)要求

所有的JavaBean必須放在一個(gè)包（Package）中JavaBean必須是公開(kāi)的（public），文件名與包名一致所有的屬性必須封裝，類(lèi)中的成員變量都是私有的（private）必須含有一個(gè)無(wú)參的構(gòu)造方法屬性值必須通過(guò)一組存取方法（getXxx和setXxx）進(jìn)行訪問(wèn)2.JavaBean技術(shù)應(yīng)用（2）JavaBean的使用

獲取JavaBean屬性信息在JavaBean類(lèi)中,為了防止外部直接對(duì)JavaBean屬性的調(diào)用,通常將JavaBean中的屬性設(shè)置為私有的(private)，但是需要為其提供公共的(public)的訪問(wèn)方法，也就是getXXX()。<jsp:useBean>標(biāo)簽用于在指定的域范圍內(nèi)查找指定名稱(chēng)的JavaBean對(duì)象,如果存在則直接返回該JavaBean對(duì)象的引用,如果不存在則實(shí)例化為一一個(gè)新的JavaBean對(duì)象并將它以指定的名稱(chēng)存儲(chǔ)到指定的域范圍中。2.JavaBean技術(shù)應(yīng)用（2）JavaBean的使用

JavaBean屬性賦值編寫(xiě)JavaBean對(duì)象要遵循JavaBean規(guī)范,在JavaBean規(guī)范中的訪問(wèn)器setXXX()方法,用于對(duì)JavaBean中的屬性賦值，如果對(duì)JavaBean對(duì)象提供了setXXX()方法,在JSP頁(yè)面中就可以通過(guò)<jsp:setProperty>對(duì)其進(jìn)行賦值。2.JavaBean技術(shù)應(yīng)用（2）JavaBean的使用

JavaBean使用常見(jiàn)問(wèn)題解決解決中文亂碼把數(shù)組轉(zhuǎn)換成字符串PART03JSP中使用JavaBean3.JSP中使用JavaBean（1）與JavaBean有關(guān)的JSP動(dòng)作元素<jsp:useBean>元素用于在某個(gè)指定的作用域范圍內(nèi)查找一個(gè)指定名稱(chēng)的Javabean對(duì)象，如果存在則直接返回Javabean對(duì)象的引用，如果不存在則實(shí)例化一個(gè)新的Javabean對(duì)象，并將它按指定的名稱(chēng)存儲(chǔ)在指定的作用域范圍內(nèi)?；菊Z(yǔ)法如下：<jsp:useBeanid=”標(biāo)識(shí)符”class=”Java類(lèi)名”scope=”作用范圍”>3.JSP中使用JavaBean（1）與JavaBean有關(guān)的JSP動(dòng)作元素<jsp:setProperty>元素用于設(shè)置Javabean對(duì)象的屬性，相當(dāng)于調(diào)用Javabean對(duì)象的set方法。基本語(yǔ)法如下：<jsp:setPropertyname=”JavaBean實(shí)例名”property=”JavaBean屬性名”value=”BeanValue”>或：<jsp:setPropertyname=”JavaBean實(shí)例名”property=”JavaBean屬性名”param=”request對(duì)象中的參數(shù)名”>3.JSP中使用JavaBean（1）與JavaBean有關(guān)的JSP動(dòng)作元素<jsp:getProperty>元素用于讀取Javabean對(duì)象的屬性，等同于調(diào)用Javabean對(duì)象的get方法，然后將讀取的屬性值轉(zhuǎn)換成字符串后輸出到響應(yīng)正文中?；菊Z(yǔ)法如