第1章JavaEE平臺及開發(fā)基礎——JavaEE的開發(fā)方式JavaEE的開發(fā)方式1．JavaWeb開發(fā)這是傳統(tǒng)的開發(fā)方式，其核心技術是JSP、Servlet與JavaBean。早期的JSP程序員都用這種方式開發(fā)Web應用，幾乎所有功能都用JSP實現(xiàn)。缺點是：沒有一套有效的開發(fā)規(guī)范來約束JSP程序員，不同程序員寫出不同風格的JSP程序，整個應用系統(tǒng)的結構不清晰，項目規(guī)模越大，越難維護。JavaEE的開發(fā)方式2．Java框架開發(fā)（1）輕量級JavaEE目前，輕量級JavaEE開發(fā)又分為兩種方式。①SSH2：即用Struts/Struts2、Spring、Hibernate框架為核心的組合方式，多見于傳統(tǒng)企業(yè)項目的開發(fā)。②SSM：使用SpringMVC、Spring、MyBatis框架為核心的組合方式，廣泛應用于對并發(fā)性能要求很高的互聯(lián)網(wǎng)項目。輕量級JavaEE開發(fā)出的應用通常運行在普通Web服務器（如Tomcat）上。JavaEE的開發(fā)方式（2）經(jīng)典企業(yè)級JavaEE以EJB3+JPA為核心，適合開發(fā)大型企業(yè)項目，系統(tǒng)需要運行于專業(yè)JavaEE服務器（如WebLogic、WebSphere）之上，具有高度伸縮性、高度穩(wěn)定性和安全性，通常只有開發(fā)商用的大型企業(yè)項目才會用到。一般來說，初學Java開發(fā)最好選擇輕量級JavaEE框架，它在保留經(jīng)典企業(yè)級JavaEE基本應用架構、可擴展性和易維護性的基礎上，安裝配置過程相對簡單、較容易入門。本書介紹的就是這種輕量級的平臺，它是以JDK8為底層運行時環(huán)境（JRE）、Tomcat9為應用容器（Web服務器）、SQLServer2016為后臺數(shù)據(jù)庫的JavaEE開發(fā)平臺，使用最新的MyEclipse2018作為可視化集成開發(fā)環(huán)境（IDE）。同時，開發(fā)時需要配置相應版本的.jar包，形成.jsp、.java、.xml等文件。開發(fā)完成后，發(fā)布到Web服務器上，它們的關系如圖1.1所示。第1章JavaEE平臺及開發(fā)基礎——JavaEE開發(fā)環(huán)境搭建目錄軟件的安裝011．安裝和升級JDK82．安裝Tomcat93．安裝MyEclipse20174．安裝SQLServer20161．安裝和升級JDK8Oracle公司定期在其官網(wǎng)發(fā)布最新版的JDK，并提供免費下載。JDK下載、安裝及配置的整個過程，步驟如下。（1）訪問Oracle官網(wǎng)Java主題頁Oracle官方的Java頁網(wǎng)址為/technetwork/java/javase/downloads/index.html，如圖1.2所示。單擊“JavaSEDownloads”下的圖標，即可進入JDK的下載頁面。1．安裝和升級JDK8（2）選擇合適的JDK版本下載下載頁面的中央有選擇鏈接區(qū)，列出了適用于各種不同操作系統(tǒng)平臺的JDK下載鏈接，單擊選中“AcceptLicenseAgreement”，即可根據(jù)需要下載合適的JDK版本。筆者所用計算機的操作系統(tǒng)是64位Windows7旗艦版，故選適用于Windowsx64體系的JDK，單擊“jdk-8u152-windows-x64.exe”鏈接開始下載，如圖1.3所示。1．安裝和升級JDK8（3）安裝JDK和JRE雙擊下載得到的可執(zhí)行文件，啟動安裝向導，如圖1.4所示。單擊【下一步】按鈕，跟著向導的指引操作，安裝過程非常簡單（這里不展開），本書將JDK安裝在默認目錄“C:\ProgramFiles\Java\jdk1.8.0_152”下。安裝完JDK后，向導會自動彈出【Java安裝】對話框，接著安裝其配套的JRE，如圖1.5所示。系統(tǒng)顯示JRE會被安裝到“C:\ProgramFiles\Java\jre1.8.0_152”，保持這個默認的路徑，單擊【下一步】按鈕開始安裝，直到完成。

1．安裝和升級JDK8（4）設置環(huán)境變量完成后還要通過設置系統(tǒng)環(huán)境變量，告訴Windows操作系統(tǒng)JDK所在的位置。下面介紹具體設置方法。①打開【環(huán)境變量】對話框。右擊桌面上的“計算機”圖標，選擇【屬性】，在彈出的控制面板主頁中單擊“高級系統(tǒng)設置”鏈接項，在彈出的【系統(tǒng)屬性】對話框中單擊【環(huán)境變量】按鈕，打開【環(huán)境變量】對話框，操作過程如圖1.6所示。1．安裝和升級JDK8②新建系統(tǒng)變量JAVA_HOME。在“系統(tǒng)變量”列表下單擊【新建】按鈕，彈出【新建系統(tǒng)變量】對話框。在“變量名”欄中輸入“JAVA_HOME”，在“變量值”欄中輸入JDK安裝路徑“C:\ProgramFiles\Java\jdk1.8.0_152”，如圖1.7所示，單擊【確定】按鈕。③設置系統(tǒng)變量Path。在“系統(tǒng)變量”列表中找到名為“Path”的變量，單擊【編輯】按鈕打開【編輯系統(tǒng)變量】對話框，在“變量值”字符串中加入路徑“%JAVA_HOME%\bin;”，如圖1.8所示，單擊【確定】按鈕。

1．安裝和升級JDK8（5）測試安裝讀者可以自己測試JDK安裝是否成功。選擇任務欄【開始】→【運行】，輸入“cmd”并回車，進入命令行界面，輸入“java-version”，如果配置成功就會出現(xiàn)Java的版本信息，如圖1.9所示。1．安裝和升級JDK8（6）升級JDK目前的JDK依然處于不斷的完善中，官方時常會發(fā)布新的補丁或推出更新版本，用戶為保證自己的Java應用始終基于最新的JDK運行，就要能對自己計算機所裝的JRE環(huán)境進行在線實時升級，方法是：在Windows系統(tǒng)開始菜單啟動項中展開選擇“Java”→“檢查更新”項，出現(xiàn)【Java控制面板】，在面板的“更新”頁勾選“自動檢查更新”復選框，單擊【立即更新】按鈕開始檢查，如圖1.10所示。1．安裝和升級JDK8一旦發(fā)現(xiàn)有新的補丁版本，就會出現(xiàn)如圖1.11所示的【JavaUpdate-更新可用】提示框，單擊【更新】按鈕，然后彈出如圖1.12所示的【許可證條款中的變更】提示框，再單擊【確定】。1．安裝和升級JDK8接下來進入更新過程，出現(xiàn)【正在下載Java安裝程序】信息框，如圖1.13所示，顯示下載進度，下載完成會自動安裝，無須任何人工干預，最后出現(xiàn)圖1.14所示的【Java安裝-完成】消息框，單擊【關閉】按鈕。2．安裝Tomcat9（1）訪問Tomcat官網(wǎng)Tomcat官方的下載網(wǎng)址為/，如圖1.15所示。2．安裝Tomcat9（2）選擇下載所需的軟件發(fā)布包Tomcat的每個版本都會以多種不同的形式打包發(fā)布，以滿足不同層次用戶的需求，如圖1.16所示為Tomcat9的發(fā)布頁。2．安裝Tomcat9（3）安裝Tomcat雙擊安裝包文件，啟動安裝向導，單擊【Next】按鈕，在向導“LicenseAgreement”頁單擊【IAgree】同意許可協(xié)議條款，如圖1.17所示。2．安裝Tomcat9在“JavaVirtualMachine”頁，請讀者留意一下路徑欄里填寫的要是自己計算機JRE的安裝目錄“C:\ProgramFiles\Java\jre1.8.0_191”，如圖1.18所示。確認無誤后再單擊【Next】按鈕繼續(xù)，直到完成。2．安裝Tomcat9（4）測試安裝在安裝完畢后，于向導的“CompletingApacheTomcatSetup”頁勾選“RunApacheTomcat”項，以保證Tomcat能自行啟動，單擊【Finish】按鈕，在計算機桌面右下方任務欄上出現(xiàn)Tomcat的圖標

，圖標中央三角形為綠色表示啟動成功，如圖1.19所示。2．安裝Tomcat9打開瀏覽器，輸入“http://localhost:8080”并回車，若呈現(xiàn)如圖1.20所示的頁面，則表明安裝成功。3．安裝MyEclipse2017（1）下載安裝包目前，由北京慧都科技有限公司與Genuitec公司合作運營MyEclipse中國官網(wǎng)，其網(wǎng)址為/，專為國內用戶提供MyEclipse軟件的下載和技術支持服務，本書下載使用的是離線版安裝包，文件名為myeclipse-2017-ci-8-offline-installer-windows.exe，文件大小為1.56GB。（2）安裝MyEclipse雙擊執(zhí)行離線安裝程序，啟動安裝向導，單擊【Next】按鈕，如圖1.21所示。3．安裝MyEclipse2017在向導“License”頁勾選“Iacceptthetermsofthelicenseagreement”同意許可協(xié)議條款，單擊【Next】按鈕繼續(xù)；在“Options”頁選擇MyEclipse所運行的Java環(huán)境，為64位平臺。其他步驟都采用默認設置（不再展開），如圖1.22所示。3．安裝MyEclipse2017（3）初始啟動最后，在“Installation”頁確保已勾選了“LaunchMyEclipse2017CI”，單擊【Finish】按鈕結束安裝過程。安裝一完成，MyEclipse2017就會啟動，初啟時會彈出【EclipseLauncher】對話框要求用戶選擇一個工作區(qū)（Workspace），也就是用于存放用戶項目（所開發(fā)程序）的地方，為避免每次啟動都要選擇工作區(qū)的麻煩，在設好工作區(qū)路徑后，可勾選下方的“Usethisasthedefaultanddonotaskagain”，單擊【OK】按鈕開始啟動，出現(xiàn)啟動畫面，如圖1.23所示。3．安裝MyEclipse2017啟動后出現(xiàn)MyEclipse2017的開發(fā)環(huán)境初始界面，如圖1.24所示。其默認顯示的是MyEclipseDashboard的“Welcome”（歡迎）頁，讀者也可切換查看其他分頁的內容。4．安裝SQLServer2016從網(wǎng)上下載SQLServer2016中文企業(yè)版安裝包cn_sql_server_2016_enterprise_x64_dvd_8699450.iso（2.28GB），解壓，雙擊文件夾中setup.exe啟動安裝程序，安裝的具體步驟如下：（1）運行安裝文件，系統(tǒng)顯示“SQLServer安裝中心”，左邊是大類，右邊是對應該類的內容。系統(tǒng)首先顯示“計劃”類。（2）選擇“安裝”類，系統(tǒng)檢查安裝基本條件，進入“安裝程序支持規(guī)則”窗口。如圖1.25所示。4．安裝SQLServer2016（3）系統(tǒng)顯示“產(chǎn)品密鑰”窗口，選擇“輸入產(chǎn)品密鑰”，輸入SQLServer對應版本的產(chǎn)品密鑰。（4）系統(tǒng)顯示“許可條款”窗口，閱讀并接受許可條款，單擊【下一步】按鈕。進入“全局規(guī)則”和“Microsoft更新”窗口，通過網(wǎng)絡對安裝內容更新文件。（5）系統(tǒng)顯示“安裝安裝程序文件”窗口，安裝“安裝SQLServer2016”程序。（6）系統(tǒng)顯示“功能選擇”窗口，在“功能”區(qū)域中選擇要安裝的功能組件。用戶如果僅僅需要基本功能，則選擇“數(shù)據(jù)庫引擎服務”，如圖1.26所示。然后安裝“功能規(guī)則”。4．安裝SQLServer2016（7）系統(tǒng)顯示“實例配置”窗口。如果是第一次安裝，則既可以使用默認實例，也可以自行指定實例名稱。如果當前服務器上已經(jīng)安裝了一個默認的實例，則再次安裝時必須指定一個實例名稱。系統(tǒng)允許在一臺計算機上安裝SQLServer的不同版本，或者同一版本的多個實例，把SQLServer看成一個DBMS類，采用這個實例名稱區(qū)分不同的SQLServer。如果選擇“默認實例”，則實例名稱默認為MSSQLSERVER。如果選擇“命名實例”，在后面的文本框中輸入用戶自定義的實例名稱，如圖1.27所示。4．安裝SQLServer2016（8）系統(tǒng)顯示“服務器配置”窗口。在“服務賬戶”選項卡中為每個SQLServer服務單獨配置用戶名和密碼及啟動類型。“賬戶名”可以在下拉框中進行選擇。也可以單擊“對所有SQLServer服務器使用相同的賬戶”按鈕，為所有的服務分配一個相同的登錄賬戶。配置完成后的界面如圖1.28所示。4．安裝SQLServer2016在“排序規(guī)則”選項卡中，指定數(shù)據(jù)庫引擎代碼頁和數(shù)據(jù)排序規(guī)則，默認如圖1.29所示。4．安裝SQLServer2016（9）系統(tǒng)顯示“數(shù)據(jù)庫引擎配置”窗口，包含4個選項卡。a.在“服務器配置”選項卡中選擇身份驗證模式。身份驗證模式是一種安全模式，用于驗證客戶端與服務器的連接，它有兩個選項：Windows身份驗證模式和混合模式。在Windows身份驗證模式中，用戶通過Windows賬戶連接時，使用Windows操作系統(tǒng)用戶賬戶名和密碼；混合模式（SQLServer身份驗證和Windows身份驗證）。而建立連接后，系統(tǒng)的安全機制對于兩種連接是一樣的。這里選擇“混合模式”為身份驗證模式，并為內置的系統(tǒng)管理員賬戶“sa”設置密碼，為了便于介紹，這里將密碼設為“123456”，如圖1.30所示。4．安裝SQLServer2016b.在“數(shù)據(jù)目錄”選項卡中指定數(shù)據(jù)庫的文件存放的位置，顯示系統(tǒng)的默認位置，系統(tǒng)把不同類型的數(shù)據(jù)文件安裝在該目錄對應的子目錄下，用戶可以根據(jù)自己的情況重新選擇，如圖1.31所示。4．安裝SQLServer2016c.“TempDB”選項卡中指定系統(tǒng)使用的臨時數(shù)據(jù)庫TempDB的參數(shù)，如圖1.32所示。4．安裝SQLServer2016d.在“FILESTREAM”選項卡中指定數(shù)據(jù)庫中的T-SQL、文件I/O和允許遠程用戶訪問FILESTREAM。如圖1.33所示。4．安裝SQLServer2016（10）如果用戶選擇其他服務，則系統(tǒng)分別進入這些窗口進行配置。如果功能選擇中包含“AnalysisServices”，則在此需要就此進行服務器配置和數(shù)據(jù)目錄選擇，如圖1.34和圖1.35所示。4．安裝SQLServer2016如果功能選擇中包含“ReportingServices”，則在此需要指定報表服務的配置模式，如圖1.36所示。4．安裝SQLServer2016如果功能選擇中包含“DistributedReplay控制器”，則在此需要指定DistributedReplay控制器服務的訪問權限，如圖1.37所示。4．安裝SQLServer2016如果功能選擇中包含“DistributedReplay控制器”，則在此需要為控制器指定計算機的名稱和目錄位置。如圖1.38所示。4．安裝SQLServer2016（11）系統(tǒng)進入“功能配置規(guī)則”窗口，用戶了解安裝支持文件時是否發(fā)現(xiàn)問題。如有問題，解決問題后方可繼續(xù)。（12）系統(tǒng)進入“準備安裝”窗口，以樹型結構顯示上面“準備安裝”的內容，單擊“安裝”按鈕，系統(tǒng)分別進行安裝，直到安裝完成，系統(tǒng)進入“完成”窗口，如圖1.39所示。目錄整合開發(fā)環(huán)境021．配置MyEclipse2017所用的JRE2．集成MyEclipse2017與Tomcat91．配置MyEclipse2017所用的JRE在MyEclipse2017中內嵌了Java編譯器，但為了使用我們安裝的最新JDK，需要手動配置，具體操作步驟見圖1.40中的①～⑩標注。1．配置MyEclipse2017所用的JRE說明如下：①啟動MyEclipse2017，選擇主菜單【W(wǎng)indow】→【Preferences】，彈出【Preferences】窗口。②展開窗口左側的樹狀視圖，選中“Java”→“InstalledJREs”項，右區(qū)出現(xiàn)“InstalledJREs”配置頁。③單擊右側的【Add…】按鈕，彈出【AddJRE】對話框。④在【AddJRE】對話框的“JREType”頁，選擇要配置的JRE類型為“StandardVM”，單擊【Next】按鈕。⑤在【AddJRE】對話框的“JREDefinition”頁，單擊“JREhome”欄右側的【Directory...】按鈕，彈出【瀏覽文件夾】對話框。⑥在【瀏覽文件夾】對話框中，選擇在1.2.1節(jié)1.中安裝JDK的根目錄，單擊【確定】按鈕，可以看到JRE的系統(tǒng)庫被加載進來。⑦在“JREname”欄中，將JRE的名稱改為“jdk8”。⑧單擊【Finish】按鈕，回到【Preferences】窗口，可以看到在“InstalledJREs”列表中多出了名為“jdk8”的一項，即為本書所安裝的最新JDK。⑨勾選項目“jdk8”之前的復選框，項目名后出現(xiàn)“(default)”，同時整個項的條目加黑，表示已將在1.2.1節(jié)1.中安裝JDK的JRE設為MyEclipse2017的默認JRE了。⑩單擊【Preferences】窗口底部的【OK】按鈕，確認設置。2．集成MyEclipse2017與Tomcat9（1）新建服務運行時環(huán)境MyEclipse2017自帶“MyEclipseTomcatv8.5”服務運行時環(huán)境（運行JavaEE程序的Web服務器），但本書不用這個，而是使用我們安裝的最新Tomcat9，需要將其整合到MyEclipse環(huán)境中，具體操作步驟見圖1.41中的①～⑩標注。2．集成MyEclipse2017與Tomcat9說明如下：①在MyEclipse2017開發(fā)環(huán)境中，選擇主菜單【W(wǎng)indow】→【Preferences】，彈出【Preferences】窗口。②展開窗口左側的樹狀視圖，選中“Servers”→“RuntimeEnvironments”項，右區(qū)出現(xiàn)“ServerRuntimeEnvironments”配置頁。③單擊右側的【Add…】按鈕，彈出【NewServerRuntimeEnvironment】對話框，在列表中選擇“Tomcat”→“ApacheTomcatv9.0”項。④勾選下方的“Createanewlocalserver”復選框。⑤單擊【Next】按鈕，進入“TomcatServer”頁，配置服務器路徑及JRE。⑥單擊“Tomcatinstallationdirectory”欄右側的【Browse...】按鈕，彈出【瀏覽文件夾】對話框。⑦選擇本書安裝Tomcat9的目錄（筆者裝在C:\ProgramFiles\ApacheSoftwareFoundation\Tomcat9.0），單擊【確定】按鈕。⑧設置Tomcat9所使用的JRE，直接從JRE下拉列表中選擇在1.2.1節(jié)1.中配置的“jdk8”即可。⑨單擊【Finish】按鈕，回到【Preferences】窗口，可以看到在“Serverruntimeenvironments”列表中多出了名為“ApacheTomcatv9.0”的一項，即在1.2.1節(jié)2.中安裝的Tomcat9。單擊【Preferences】窗口底部的【OK】按鈕確認。⑩回到MyEclipse2017開發(fā)環(huán)境，此時若單擊工具欄的復合按鈕

右邊的下箭頭，會發(fā)現(xiàn)在最下面多出了“Tomcatv9.0Serveratlocalhost”選項，這表示Tomcat9已成功地整合到MyEclipse環(huán)境中了。2．集成MyEclipse2017與Tomcat9（2）MyEclipse啟動Tomcat整合以后就可以通過MyEclipse2017環(huán)境來直接啟動外部服務器Tomcat9了，方法是：單擊MyEclipse工具欄的復合按鈕

右邊的下箭頭，單擊【Tomcatv9.0Serveratlocalhost】→【Start】，稍候片刻，在主界面下方的子窗口“Servers”頁看到服務已開啟，切換到“Console”頁可查看Tomcat的啟動信息，如圖1.42所示。2．集成MyEclipse2017與Tomcat9（3）關停服務器啟動服務器后，原先工具欄上的

復合按鈕的外觀將會改變，呈現(xiàn)一個帶有Tom貓的圖標（今后會一直維持這種狀態(tài)）。單擊按鈕右邊的下箭頭，單擊【Tomcatv9.0Serveratlocalhost】→【Stop】，待下方子窗口“Console”頁出現(xiàn)如圖1.43所示的信息，就表示服務器已關停。第1章JavaEE平臺及開發(fā)基礎——JavaEE開發(fā)入門目錄MyEclipse集成開發(fā)環(huán)境011．啟動MyEclipse20172．標準界面元素3．組件化的功能1．啟動MyEclipse2017在Windows下選擇【開始】菜單→【所有程序】→【MyEclipse】→【MyEclipse2017】→【MyEclipse2017CI】，啟動MyEclipse2017環(huán)境，其集成開發(fā)工作界面如圖1.44所示。2．標準界面元素（1）菜單欄窗體頂部是菜單欄，它包含主菜單（如【File】）和其所屬的菜單項（如【File】→【New】），菜單項下面還可以顯示子菜單，如圖1.45所示。2．標準界面元素（2）工具欄位于菜單欄下面的是工具欄，如圖1.46所示，它包含了最常用的功能。（3）狀態(tài)欄狀態(tài)欄位于整個MyEclipse開發(fā)環(huán)境的底部，其上被分隔條

劃分成兩個以上的區(qū)塊，用于顯示系統(tǒng)運行時來自不同方面的狀態(tài)信息。如圖1.47所示，這是MyEclipse加載一個JavaEE項目時狀態(tài)欄所呈現(xiàn)出來的典型外觀。2．標準界面元素（4）透視圖切換器位于工具欄右側的是MyEclipse特有的透視圖切換器（見前圖1.46標注），它可以顯示多個透視圖以供切換。透視圖切換器的一個最典型的應用場合，就是在JavaEE開發(fā)模式與DBBrowser之間切換。如圖1.48所示，在DBBrowser模式下單擊

（OpenPerspective）按鈕，彈出【OpenPerspective】對話框，其中列出了系統(tǒng)預定義的各種標準功能模式的透視圖，默認JavaEE開發(fā)模式的透視圖名稱為“JavaEnterprise(default)”，選中，單擊【OK】按鈕，切換回標準JavaEE開發(fā)環(huán)境。2．標準界面元素（5）視圖視圖是顯示在主界面中的子窗口，可以單獨最大、最小化顯示，調整顯示大小、位置或關閉。除菜單欄、工具欄和狀態(tài)欄外，MyEclipse的界面就是由這樣的一個個小窗口組合起來的，像拼圖一樣構成了MyEclipse界面的主體，如圖1.49所示。2．標準界面元素（6）編輯器在界面的中央會顯示文件編輯器（見圖1.49標注）及其中的程序代碼。這個編輯器與視圖非常相似，也能最大化和最小化。若打開的是JSP源文件，還會在編輯器底部出現(xiàn)選項標簽【Source】|【Design】|【Preview】，單擊切換編輯模式，分別用于編輯源代碼、設計JSP頁面及預覽效果。3．組件化的功能在結構上，MyEclipse2017的功能可分為7類：①JavaEE模型；②Web開發(fā)工具；③EJB開發(fā)工具；④應用程序服務器的連接器；⑤JavaEE項目部署服務；⑥數(shù)據(jù)庫服務；⑦MyEclipse整合幫助。對于以上每種功能類別，在MyEclipse2017中都有相應的部件，并通過一系列插件來實現(xiàn)它們。MyEclipse2017體系結構設計上的這種模塊化，可以讓用戶在不影響其他模塊的情況下，對任意一個模塊進行單獨的擴展和升級。目錄一個簡單的JavaEE程序021．簡單JavaEE程序的結構2．簡單JavaEE程序舉例1．簡單JavaEE程序的結構在網(wǎng)站規(guī)模不大時，可以全部采用JSP來編寫JavaEE程序，JSP文件負責處理應用的業(yè)務邏輯、控制網(wǎng)頁流程和創(chuàng)建HTML頁面，JSP通過JDBC操作后臺數(shù)據(jù)庫，系統(tǒng)結構十分簡單，如圖1.50所示。2．簡單JavaEE程序舉例【實例一】采用JSP+JDBC方式開發(fā)一個Web登錄程序。要求：數(shù)據(jù)庫中建一個“用戶名-密碼”表，用戶由頁面上輸入用戶名和密碼，單擊【登錄】按鈕提交，程序通過JDBC訪問數(shù)據(jù)庫中的表來驗證用戶，驗證通過就轉到主頁并回顯歡迎信息，否則跳轉至出錯頁。（1）連接SQLServer2016本書操作SQLServer2016數(shù)據(jù)庫皆是通過NavicatPremium可視化工具進行的，限于篇幅，這里略去該工具軟件的安裝過程，直接介紹用它連接和操作數(shù)據(jù)庫的方法：2．簡單JavaEE程序舉例啟動NavicatPremium，通過界面左上角工具欄上的下拉按鈕選擇所要連接的數(shù)據(jù)庫類型為SQLServer，在彈出的“編輯連接”對話框中設置連接參數(shù)并單擊【連接測試】按鈕來測試是否能成功連上，如圖1.51所示。2．簡單JavaEE程序舉例（2）建立數(shù)據(jù)庫在NavicatPremium右擊剛剛建好的SQLServer2016連接（這里是名為“sqlsrv2016”的連接），選擇“新建數(shù)據(jù)庫”項，如圖1.52所示，在彈出的【新建數(shù)據(jù)庫(sqlsrv2016)-數(shù)據(jù)庫】窗口中填寫數(shù)據(jù)庫名稱為“TEST”，其余欄保持默認，單擊【確定】按鈕即可。2．簡單JavaEE程序舉例（3）設計表在新創(chuàng)建的數(shù)據(jù)庫TEST中建立一個用戶表userTable，表結構如表1.1所示。字段名稱數(shù)據(jù)類型主

鍵自

增允許為空描

述idint是增1

ID號usernamevarchar(20)

用戶名passwordvarchar(20)

密碼2．簡單JavaEE程序舉例字段包括：id、username和password。其中id設為自動增長的int型，并設為主鍵。username和password都設為varchar型。表建好后，向其中錄入兩條數(shù)據(jù)記錄。最后設計好的表及其中數(shù)據(jù)在NavicatPremium中的顯示效果，如圖1.53所示。2．簡單JavaEE程序舉例（4）MyEclipse2017中創(chuàng)建數(shù)據(jù)庫連接JavaEE應用的底層代碼都是通過JDBC接口訪問數(shù)據(jù)庫的，每種數(shù)據(jù)庫針對這個標準接口都有著與其自身相適配的JDBC驅動程序。目前為止微軟SQLServer系列最為通用的JDBC驅動程序包是sqljdbc4.jar，讀者可上網(wǎng)下載獲得，將它保存在某個特定的目錄下待用。筆者將它存盤在MyEclipse的工作區(qū)“C:\Users\Administrator\Workspaces\MyEclipseCI”中，如圖1.54所示。2．簡單JavaEE程序舉例在使用這個驅動之前，要先建立與數(shù)據(jù)源的連接。在MyEclipse2017開發(fā)環(huán)境中，選擇主菜單【W(wǎng)indow】→【Perspective】→【OpenPerspective】→【DatabaseExplorer】，即可切換至MyEclipse2017的DBBrowser（數(shù)據(jù)庫瀏覽器）模式，在左側的子窗口中右擊鼠標，選擇菜單【New…】，打開對話框配置數(shù)據(jù)庫驅動，如圖1.55所示。2．簡單JavaEE程序舉例在打開【DatabaseDriver】對話框的“NewDatabaseConnectionDriver”頁中，配置SQLServer驅動，編輯連接驅動的各項參數(shù)，具體操作步驟見圖1.56中的①～⑨標注。2．簡單JavaEE程序舉例配置了SQLServer驅動后，在DBBrowser中可看到多出一個名為sqlsrv的節(jié)點，此即為我們創(chuàng)建的數(shù)據(jù)庫連接，右擊該節(jié)點，在彈出菜單中選擇【Openconnection...】，打開這個連接，操作如圖1.57所示。2．簡單JavaEE程序舉例（5）創(chuàng)建JavaEE項目啟動MyEclipse2017，選擇主菜單【File】→【New】→【W(wǎng)ebProject】，出現(xiàn)【NewWebProject】對話框，如圖1.58所示。2．簡單JavaEE程序舉例按照對話框向導的指引操作，在“WebModule”頁中勾選“Generateweb.xmldeploymentdescriptor”（自動生成項目的web.xml配置文件）；在“ConfigureProjectLibraries”頁中勾選“JavaEE7.0GenericLibrary”，同時取消選擇“JSTL1.2.4Library”，如圖1.59所示。2．簡單JavaEE程序舉例（6）編寫JSP本例要寫4個JSP文件：login.jsp（登錄頁）、validate.jsp（驗證頁）、main.jsp（歡迎主頁）和error.jsp（出錯處理頁）。在項目工程目錄樹中，右擊WebRoot項，從彈出的菜單中選擇【New】→【File】，在如圖1.60所示的窗口中輸入文件名login.jsp，單擊【Finish】按鈕。MyEclipse會自動在項目WebRoot目錄下創(chuàng)建一個名為login.jsp的JSP文件，此時項目的工程目錄視圖如圖1.61所示，其中WEB-INF是一個很重要的目錄，JavaEE項目的配置文件web.xml以及導入庫lib都在這個目錄下。

2．簡單JavaEE程序舉例在代碼編輯器中編寫login.jsp（登錄頁）文件，代碼。此頁面用于顯示登錄首頁，其中表單“action="validate.jsp"”表示用戶在單擊【登錄】按鈕后，頁面提交給一個名為validate.jsp的頁（驗證頁）作進一步處理。用同樣的方法，在WebRoot下創(chuàng)建validate.jsp文件，編寫代碼。<jsp:useBean>的功能是初始化一個class屬性所指定的Java類的實體，并將該實體命名為id屬性所指定的值。簡而言之，也就是給已創(chuàng)建好的JDBC類（位于項目org.easybooks.test.jdbc包下的SqlSrvDBConn類）指定一個別名SqlSrvDB，之后就可以在JSP頁的源碼中直接引用這個別名來調用該JDBC類的方法了，如executeQuery()、closeStmt()和closeConn()等方法。<jsp:forward>動作把用戶的請求轉到另外的頁面進行處理，在本例中用于實現(xiàn)頁面間跳轉，根據(jù)驗證處理的結果不同：若驗證成功，轉到歡迎主頁（main.jsp）；若失敗，轉到出錯處理頁（error.jsp）。2．簡單JavaEE程序舉例接下來，在項目WebRoot目錄下再創(chuàng)建兩個JSP文件：歡迎主頁（main.jsp）和出錯處理頁（error.jsp）。main.jsp的代碼如下：<%@pagelanguage="java"pageEncoding="gb2312"%><html><head> <title>留言板信息</title></head><body> <%out.print(request.getParameter("username"));%>，您好！歡迎登錄留言板。</body></html>2．簡單JavaEE程序舉例歡迎主頁上使用JSP內嵌的Java代碼“out.print(request.getParameter("username"));”從請求中獲取用戶名以回顯。error.jsp的代碼如下：<%@pagelanguage="java"pageEncoding="gb2312"%><html><head> <title>出錯</title></head><body>

登錄失??！單擊<ahref="login.jsp">這里</a>返回</body></html>2．簡單JavaEE程序舉例（7）創(chuàng)建JDBC類由于登錄時要對數(shù)據(jù)庫進行查詢，從圖1.50可知，直接訪問數(shù)據(jù)庫的是JDBC，故要創(chuàng)建JDBC類。創(chuàng)建之前先建一個包用于存放JDBC類，右擊項目src文件夾，選擇菜單【New】→【Package】，在【NewJavaPackage】窗口輸入包名“org.easybooks.test.jdbc”，如圖1.62所示，單擊【Finish】按鈕。2．簡單JavaEE程序舉例右擊src，選擇菜單【New】→【Class】，出現(xiàn)如圖1.63所示的【NewJavaClass】對話框。2．簡單JavaEE程序舉例單擊“Package”欄后的【Browse…】按鈕，指定類存放的包為“org.easybooks.test.jdbc”，輸入類名“SqlSrvDBConn”，單擊【Finish】按鈕。編寫SqlSrvDBConn.java代碼。在程序中利用Class.forName()方法加載指定的驅動程序，這樣將顯式地加載驅動程序。"jdbc:sqlserver://HUAWEI:1433;databaseName=TEST","sa","123456"是SQLServer2016的連接字符串，對于不同的DBMS，連接字符串是不一樣的。2．簡單JavaEE程序舉例（8）添加JDBC驅動包編碼完成后，還需要將JDBC驅動包sqljdbc4.jar復制到項目的“\WebRoot\WEB-INF\lib”目錄下。在項目工程目錄視圖中刷新（右鍵菜單→【Refresh】）即可，最后的目錄樹如圖1.64所示。2．簡單JavaEE程序舉例（9）部署JavaEE項目項目開發(fā)完成，要部署到服務器上方能運行。項目中一共4個JSP文件，我們希望這個系統(tǒng)的啟動頁是login.jsp，需要修改web.xml文件：<?xmlversion="1.0"encoding="UTF-8"?><web-appxmlns:xsi="/2001/XMLSchema-instance"xmlns="/xml/ns/javaee"xsi:schemaLocation="/xml/ns/javaee/xml/ns/javaee/web-app_3_1.xsd"id="WebApp_ID"version="3.1"><display-name>jsp_jdbc</display-name><welcome-file-list><welcome-file>login.jsp</welcome-file></welcome-file-list></web-app>2．簡單JavaEE程序舉例單擊工具欄上的

（ManageDeployments…）按鈕，彈出【ManageDeployments】對話框，如圖1.65所示，在“Module”欄下拉列表中選擇本項目名“jsp_jdbc”，此時右側【Add...】按鈕變?yōu)榭捎?，單擊該按鈕。2．簡單JavaEE程序舉例單擊【Add...】按鈕后，彈出【Deploymodules.】對話框，如圖1.66所示。在“Deploymodules.”頁選擇項目要部署到的目標服務器，選中上方的“Chooseanexistingserver”選項，在列表里選擇服務器“Tomcatv9.0Serveratlocalhost”（即1.2.1節(jié)2.中安裝的Tomcat9）；單擊【Next】按鈕進入“AddandRemove”頁，于該頁上添加/移除要配置到服務器的其他資源，由于本例僅一個單獨的項目，并無額外的資源需要配置，故直接單擊底部的【Finish】按鈕即可。2．簡單JavaEE程序舉例完成后回到【ManageDeployments】對話框，可以看到列表中多了“jsp_jdbc Exploded”一項，表明項目已成功地部署到Tomcat9服務器上，如圖1.67所示，單擊【OK】按鈕確認。2．簡單JavaEE程序舉例（10）運行瀏覽啟動Tomcat，在瀏覽器中輸入“http://localhost:8080/jsp_jdbc/”并回車，將顯示如圖1.68所示的登錄頁面。輸入用戶名、密碼（必須是數(shù)據(jù)庫userTable表中已有的）。單擊【登錄】按鈕提交表單，轉到如圖1.69所示的歡迎主頁面并回顯歡迎信息。2．簡單JavaEE程序舉例當然，若是輸入錯誤的密碼，或者輸入一個數(shù)據(jù)庫userTable表中不存在的用戶名和密碼，則提交后會跳轉到如圖1.70所示的出錯處理頁。

目錄JavaEE程序的調試031．設置斷點2．進入調試透視圖3．變量查看4．變量跟蹤1．設置斷點在源代碼語句左側的隔條上雙擊鼠標左鍵，可以在當前行設置斷點。這里將斷點設置在validate.jsp源文件中，如圖1.71所示。2．進入調試透視圖部署運行程序，在登錄頁輸入用戶名、密碼后單擊【登錄】按鈕提交表單，此時系統(tǒng)會自動切換到如圖1.72所示的調試透視圖界面。3．變量查看右上部的Variables視圖顯示了此刻程序中各個變量的取值，如圖1.73所示?？梢姡瑄sr、pwd、validated和sql已經(jīng)有了值，那是因為剛剛執(zhí)行了如下語句：Stringusr=request.getParameter("username"); //獲取提交的用戶名Stringpwd=request.getParameter("password"); //獲取提交的密碼booleanvalidated=false; //驗證成功標識//查詢user表中的記錄Stringsql="select*fromuserTable";4．變量跟蹤接下來，從斷點處往下一步一步（單步）執(zhí)行程序，同時跟蹤各變量的動態(tài)變化，如圖1.74所示，單擊Debug視圖右上方工具欄的【StepOver】按鈕，每單擊一下，程序就往下執(zhí)行一步。……在進入到while循環(huán)執(zhí)行兩步以后，系統(tǒng)驗證出了正確的用戶名密碼，高亮條指示如圖1.75所示的語句。4．變量跟蹤再次單擊【StepOver】按鈕，執(zhí)行這句代碼，將validated值置為true，如圖1.76所示，在Variables視圖中能夠清楚地看到變量值的改變。目錄管理JavaEE項目041．導出項目2．移除項目3．打開項目4．導入項目1．導出項目下面以1.3.2節(jié)開發(fā)的Web登錄程序項目為例，介紹項目的導出操作。在開發(fā)環(huán)境工作區(qū)視圖中右擊項目名jsp_jdbc，選擇菜單【Export】→【Export…】，在彈出的【Export】窗口中展開目錄樹，選擇【General】→【FileSystem】（表示導出的項目存盤在本地文件系統(tǒng)），如圖1.77所示，單擊【Next】按鈕繼續(xù)。在“Filesystem”頁中單擊【Browse…】按鈕選擇存盤路徑，如圖1.78所示。

2．移除項目右擊項目名jsp_jdbc，選擇菜單【Delete】，彈出【DeleteResources】窗口，如圖1.79所示，單擊【OK】按鈕，操作之后會發(fā)現(xiàn)工作區(qū)視圖中對應項目jsp_jdbc的整個目錄樹都不見了，說明已被移除。3．打開項目在MyEclipse2017環(huán)境下，選擇主菜單【File】→【OpenProjectsfromFileSystem...】，出現(xiàn)【ImportProjectsfromFileSystemorArchive】對話框，如圖1.80所示。4．導入項目在MyEclipse主菜單中選擇【File】→【Import…】，在彈出的【Import】窗口中展開目錄樹，選擇【General】→【ExistingProjectsintoWorkspace】，如圖1.81所示，單擊【Next】按鈕。4．導入項目在接下來的“ImportProjects”頁，單擊【Browse...】按鈕選擇先前存盤的項目jsp_jdbc，單擊【確定】按鈕將其加入“Projects”列表中，在導入前還可以勾選下方“Options”組框中的“Copyprojectsintoworkspace”（在導入時將項目一并復制到MyEclipse的工作區(qū)）。最后單擊【Finish】按鈕完成導入，如圖1.82所示。第2章

JavaWeb開發(fā)基礎——HTML語言目錄HTML文件的基本結構01HTML文件的基本結構HTML文件的基本結構如圖2.1所示。HTML文件的基本結構【例2.1】第一個網(wǎng)頁。<html><head> <title>第一個html網(wǎng)頁</title></head><body> <imgsrc="image\njnu.jpg"> <br> <ahref="b.html">超鏈接</a> <hralign=center>

這是我的第一個網(wǎng)頁</body></html>目錄HTML文件的語言標記021．HTML標記2．首部標記3．標題欄標記4．描述標記5．正文標記6．分段標記

7．換行標記8．標題標記9．對中標記10．塊標記11．水平線標記12．字體標記13．圖像標記14．超鏈接標記HTML文件的語言標記1．HTML標記<html>…</html>HTML標記表示文檔內容的開始和結束。<html>是開始標記，</html>是結束標記，其他所有的HTML代碼都位于這兩個標記之間。瀏覽器將該標記中的內容視為一個Web文檔，按照HTML語言規(guī)則對文檔內的標記進行解釋。<html>…</html>標記是可選的，但是最好不要省略這兩個標記，以保持Web文檔結構的完整性。2．首部標記<head>…</head>首部標記中提供與網(wǎng)頁有關的各種信息。在首部標記中，一般使用下列標記。<title>...</title>：制定網(wǎng)頁的標題。<style>...</style>：定義文檔內容樣式表。<script>...</script>：插入腳本語言程序。<meta>：描述網(wǎng)頁信息。這些信息首先向瀏覽器提供，但不作為文檔內容提交。HTML文件的語言標記3．標題欄標記<title>…</title>標題欄標記的內容是在瀏覽器標題欄中顯示的文本。通常，Web搜索工具用它作為索引。4．描述標記<meta屬性="值"…>描述文檔屬性參數(shù)。HTML文件的語言標記5．正文標記正文標記的格式如下：<body屬性="值"…事件="執(zhí)行的程序"…>…</body>正文標記中包含文檔的內容。其常用屬性如下。

background：文檔背景圖像的URL地址。

bgcolor：文檔的背景顏色。

text：文檔中文本的顏色。

link：文檔中鏈接的顏色。

vlink：文檔中已被訪問過的鏈接的顏色。

alink：文檔中正被選中的鏈接的顏色。HTML文件的語言標記6．分段標記<p屬性="值"…></p>段落是文檔的基本信息單位。利用分段標記，可以忽略文檔中原有的回車和換行。定義一個新段落，就是換行并插入一個空行。單獨使用<p>標記時會空一行，使后續(xù)內容隔一行顯示。同時使用<p></p>，則將段落包圍起來，表示一個分段的塊。其最常用的屬性為align，其值如下。left：左對齊（默認值）center：居中對齊right：右對齊justify：兩邊對齊HTML文件的語言標記7．換行標記<br>該標記強行中斷當前行，使后續(xù)內容在下一行顯示，這個標記很簡單，也很常用。8．標題標記標題標記的格式如下：<h1屬性="值"…>…</h1><h2屬性="值"…>…</h2><h3屬性="值"…>…</h3><h4屬性="值"…>…</h4><h5屬性="值"…>…</h5><h6屬性="值"…>…</h6>HTML文件的語言標記9．對中標記<center>…</center>該標記中間的內容全部居中。10．塊標記<div屬性="值"…>…</div>塊標記的作用是定義文檔塊。其常用屬性也是align。HTML文件的語言標記11．水平線標記<hr屬性="值"…>在<hr>標記位置畫一條線。常用屬性如下。

align：段落的水平對齊方式，其值如下。left：左對齊（默認值）center：居中對齊right：右對齊

color：線的顏色。

size：線的寬度（以像素為單位）。

width：線的長度（像素或占頁面寬度的百分數(shù)）。

noshade：顯示一條無陰影的實線。·HTML文件的語言標記12．字體標記<font屬性="值"…>…</font>字體標記用來設置文本的字符格式，主要包括字體、字號和顏色等。常用屬性如下。

face：字體名表。

size：字號值。

color：顏色值。設置字體的顏色。HTML文件的語言標記13．圖像標記<img屬性="值"…>圖像標記的常用屬性如下。

src：圖像文件的URL地址。

alt：圖像的簡單文本說明，在瀏覽器下不能顯示圖像或圖像加載時間過長時顯示該文本。

height：顯示圖像的高度（像素或百分比）。

width：顯示圖像的寬度（像素或百分比）。

align：圖像大小小于顯示區(qū)域大小時的對齊方式。使用align屬性設置圖像與文本在垂直方向的對齊方式，此時align屬性的取值如下。top：圖像與文本頂部對齊middle：圖像與文本中央對齊bottom：圖像與文本底部對齊當圖像在左右繞排文本時，align屬性的取值如下。left：圖像居左，文本居右right：圖像居右，文本居左HTML文件的語言標記14．超鏈接標記<a屬性："值"…>超鏈接內容</a>超鏈接的常用屬性如下。

href：目標端點的URL地址（可以包含一個或多個參數(shù)）。如前面的例子中：<ahref="b.html">超鏈接</a>單擊此超鏈接，就會跳轉到名為b.html的頁面。該屬性是必選項。

target：窗口或框架的名稱。target屬性的取值既可以是窗口或框架的名稱，也可以是如下保留字。_blank：未命名的新瀏覽器窗口_parent：父框架頁或窗口，如果包含鏈接的框架不是嵌套的，則鏈接的目標文件加載到整個瀏覽器窗口中_self：所在的同一框架或窗口_top：整個瀏覽器的窗口，并刪除所有框架目錄HTML基本說明031．顏色2．字符實體3．常用屬性4．常用事件HTML基本說明1．顏色許多標記也用到了顏色屬性，顏色值一般用顏色名稱或十六進制數(shù)值來表示。①使用顏色名稱來表示。例如，紅色、綠色和藍色分別用red、green和blue表示。②使用十六進制格式數(shù)值#RRGGBB來表示，RR、GG和BB分別表示顏色中的紅、綠、藍三原色的兩位十六進制數(shù)據(jù)。例如，紅色、綠色和藍色分別用#FF0000、#00FF00和#0000FF表示。表2.1列出了16種標準顏色及其十六進制數(shù)值。顏

色名

稱十六進制數(shù)值顏

色名

稱十六進制數(shù)值淡藍aqua(cyan)#00FFFF海藍navy#000080黑black#000000橄欖色olive#808000藍blue#0000FF紫purple#800080紫紅fuchsia(magenta)#FF00FF紅red#FF0000灰gray#808080銀色silver#C0C0C0綠green#008000淡青teal#008080橙lime#00FF00白white#FFFFFF褐紅maroon#800000黃yellow#FFFF00HTML基本說明2．字符實體有些字符在HTML里有特別的含義，比如小于號<就表示HTMLTag的開始，這個小于號不顯示在網(wǎng)頁中。如果我們希望在網(wǎng)頁中顯示一個小于號，就要講到HTML字符實體。一個字符實體以&符號打頭后跟實體名字或者是#加上實體編號，最后是一個分號。最常用的字符實體如表2.2所示。顯示結果說

明實

體

名實

體

號

顯示一個空格

 <

小于<<>

大于>>&&符號&&"雙引號""?版權©©?注冊商標®®×乘號××÷除號÷÷HTML基本說明3．常用屬性有些屬性在HTML許多標記中出現(xiàn)。①類名：class。②唯一標識：id。③內樣式:style。④提示信息：title。4．常用事件事件處理描述是一個或一系列以分號隔開的JavaScript表達式、方法和函數(shù)調用，并用引號引起來。當事件發(fā)生時，瀏覽器會執(zhí)行這些代碼。事件包括窗口事件、表單及其元素事件、鍵盤事件、鼠標事件。目錄表單與表格041．表單2．表單：輸入控件3．表單：滾動文本框4．表單：選項選單5．表格1．表單表單用來從用戶（站點訪問者）處收集信息，然后將這些信息提交給服務器進行處理。表單中可以包含允許用戶進行交互的各種控件，例如，文本框、列表框、復選框和單選按鈕等。用戶在表單中輸入或選擇數(shù)據(jù)后提交，該數(shù)據(jù)就會提交到相應的表單處理程序，以各種不同的方式進行處理。表單結構如下：<form定義> [<input定義>] [<textarea定義>] [<select定義>] [<button定義>]</form>1．表單form標記的屬性如下。

name：表單的名稱。

method：表單數(shù)據(jù)傳輸?shù)椒掌鞯姆椒?。其屬性值如下：post：在HTTP請求中嵌入表單數(shù)據(jù)get：將表單數(shù)據(jù)附加到請求該頁的URL中

action：接收表單數(shù)據(jù)的服務器端程序或動態(tài)網(wǎng)頁的URL地址。

target：目標窗口，其屬性值如下。_blank：在未命名的新窗口中打開目標文檔_parent：在顯示當前文檔的窗口的父窗口中打開目標文檔_self：在提交表單所使用的窗口中打開目標文檔_top：在當前窗口內打開目標文檔，確保目標文檔占用整個窗口form標記有以下事件。

onsubmit：提交表單時調用的時間處理程序。

onreset：重置表單時調用的處理程序。2．表單：輸入控件<input屬性="值"…事件="代碼"…>（1）單行文本框。創(chuàng)建單行文本框方法如下：<inputtype="text"屬性="值"…事件="代碼"…>單行文本框的屬性如下。

name：單行文本框的名稱，通過它可以在腳本中引用該文本框控件。

value：文本框的值。

defaultvalue：文本框的初始值。

size：文本框的寬度（字符數(shù)）。

maxlength：允許在文本框內輸入的最大字符數(shù)。

form：所屬的表單（只讀）。單行文本框的方法如下。

click()：單擊該文本框。

focus()：得到焦點。

blur()：失去焦點。

select()：選擇文本框的內容。單行文本框的事件如下。

onclick：單擊該文本框時執(zhí)行的代碼。

onblur：失去焦點時執(zhí)行的代碼。

onchange：內容變化時執(zhí)行的代碼。

onfocus：得到焦點時執(zhí)行的代碼。

onselect：選擇內容時執(zhí)行的代碼。2．表單：輸入控件2．表單：輸入控件（2）密碼文本框。創(chuàng)建密碼文本框方法如下：<inputtype="password"屬性＝"值"…事件="代碼"…>密碼文本框的屬性、方法和事件與單行文本框的設置基本相同，只是密碼文本框沒有onclick事件。（3）隱藏域。創(chuàng)建隱藏域方法如下：<inputtype="hidden"屬性＝"值"…>隱藏域的屬性、方法和事件與單行文本框的設置基本相同，只是沒有defaultvalue屬性。2．表單：輸入控件（4）復選框。創(chuàng)建復選框方法如下：<inputtype="checkbox"屬性＝"值"…事件="代碼"…>選項文本復選框的屬性如下。name：復選框的名稱。value：選中時提交的值。checked：當?shù)谝淮未蜷_表時該復選框處于選中狀態(tài)。defaultchecked：判斷復選框是否定義了checked屬性。復選框的方法如下。focus()：得到焦點。blur()：失去焦點。click()：單擊該復選框。2．表單：輸入控件復選框的事件如下。onfocus：得到焦點時執(zhí)行的代碼。onblur：失去焦點時執(zhí)行的代碼。onclick：單擊該文本框時執(zhí)行的代碼。例如，要創(chuàng)建以下復選框：應在body體內設置代碼如下：<inputname="fruit"type="checkbox"checked>蘋果<inputname="fruit"type="checkbox">香蕉<inputname="fruit"type="checkbox">橘子2．表單：輸入控件（5）單選按鈕。創(chuàng)建單選按鈕方法如下：<inputtype="radio"屬性＝"值"…事件="代碼"…>選項文本單選按鈕的屬性如下。name：單選按鈕的名稱，若干個名稱相同的單選按鈕構成一個控件組，在該組中只能選中一個選項。value：提交時的值。checked：當?shù)谝淮未蜷_表單時該單選按鈕處于選中狀態(tài)。該屬性是可選的。例如，創(chuàng)建以下單選按鈕：應在body中設置代碼如下：性別：<inputname="sex"type="radio"checked>男

<inputname="sex"type="radio">女2．表單：輸入控件（6）按鈕。使用input標記可以在表單中添加3種類型的按鈕：提交按鈕、重置按鈕和自定義按鈕。創(chuàng)建按鈕的方法如下：<input屬性="值"…onclick="代碼">按鈕的屬性如下。type：按鈕種類，具體如下。submit：創(chuàng)建一個提交按鈕。reset：創(chuàng)建一個重置按鈕。button：創(chuàng)建一個自定義按鈕。name：按鈕的名稱。value：顯示在按鈕上的標題文本。按鈕的事件如下。onclick：單擊按鈕執(zhí)行的腳本代碼。2．表單：輸入控件（7）文件域。創(chuàng)建文件域的方法如下：<inputtype="file"屬性="值"…>其中，“屬性="值"”部分可以進行如下設置。name：文件域的名稱。value：初始文件名。size：文件名輸入框的寬度。3．表單：滾動文本框<textarea

屬性="值"…事件="代碼"…>初始值</textarea>其屬性如下。name：滾動文本框控件的名稱。rows：控件的高度。cols：控件的寬度。readonly：表示文本框中的內容是只讀的，不能被修改。該標記的其他屬性、方法和相關事件與單行文本框基本相同。4．表單：選項選單創(chuàng)建選項選單方法如下：<selectname="值"size="值"[multiple]> <option[selected]value="值">選項1</option> <option[selected]value="值">選項2</option> …</select>其屬性如下。name：選項選單控件的名稱。size：在列表中一次可以看到的選項數(shù)目，默認值為1。multiple：允許做多項選擇。selected：該選項的初始狀態(tài)為選中。4．表單：選項選單【例2.2】表單控件的使用。將下面的文件命名為all.html，保存到磁盤上。雙擊all.html文件，在頁面上就會出現(xiàn)如圖2.2所示的界面。讀者也可以做一些相關的實驗，把其他屬性都演示一遍?？梢钥闯觯厦嫠龅捻撁?，功能是達到了，但是整體的外觀效果不是很好，沒有統(tǒng)一地規(guī)劃。如果把它們都放在表格中，問題就解決了，下面來具體介紹表格的使用。5．表格表格由表頭、行和單元格組成，常用于組織和顯示信息，還可以用于安排頁面布局。表格的表頭、行和單元格分別用不同的標記來定義?？梢杂胻able標記定義表格；表格中的每一行用tr標記來表示；行中的單元格用td或th標記定義。其中th標記定義表格的列標題單元格，表格的標題說明則用caption標記來定義。定義表格的格式圖解，如圖2.3所示。5．表格【例2.3】表格的使用。把這段代碼保存，命名為table.html，雙擊該文件會看到如圖2.4所示的界面。5．表格（1）設置表格的屬性用table標記創(chuàng)建表格時，可以設置以下屬性。l

align：表格的對齊方式，其屬性值如下。left：左對齊（默認值）center：居中對齊right：右對齊l

background：表格背景圖片的URL地址。l

bgcolor：表格的背景顏色。l

border：表格邊框的寬度（像素），默認值為0。l

bordercolor：表格邊框的顏色，border≠0時起作用。l

bordercolordark：三維邊框的陰影顏色，border≠0時起作用。l

bordercolorlight：三維邊框的高亮顯示顏色，border≠0時起作用。l

cellpandding：單元格內數(shù)據(jù)與單元格邊框之間的間距（像素）。l

width：表格的寬度（像素或百分比）。5．表格（2）設置行的屬性表格中的每一行是用tr標記來定義的，可以設置下列屬性。l

align：行中單元格的水平對齊方式，其屬性值如下。left：左對齊（默認值）center：居中對齊right：右對齊l

background：行的背景圖片的URL地址。l

bgcolor：行的背景顏色。l

bordercolor：行的邊框顏色，只有當table標記的border≠0時起作用。l

bordercolordark：行的三維邊框的陰影顏色，只有當table標記的border≠0時起作用。l

bordercolorlight：行的三維邊框的高亮顯示顏色，只有當table標記的border≠0時起作用。l

valign：行中單元格內容的垂直對齊方式，其屬性值如下。top：頂端對齊middle：居中對齊bo