Netbeans創(chuàng)建web項目_第1頁
Netbeans創(chuàng)建web項目_第2頁
Netbeans創(chuàng)建web項目_第3頁
Netbeans創(chuàng)建web項目_第4頁
Netbeans創(chuàng)建web項目_第5頁
已閱讀5頁，還剩50頁未讀， 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進行舉報或認領(lǐng)

文檔簡介

1、Web應(yīng)用程序開發(fā)簡介本文檔將向您介紹有關(guān)使用NetBeans IDE 開發(fā)Web應(yīng)用程序的基礎(chǔ)知識。它將演示如何創(chuàng)建簡單的Web應(yīng)用程序，如何將該應(yīng)用程序部署到服務(wù)器，以及如何在瀏覽器中查看該應(yīng)用程序的表現(xiàn)形式。該應(yīng)用程序采用一個 JavaServer Pages ? (JSP) 頁來要求您輸入自己的姓名。然后，使用JavaBeans ?組件在HTTP會話期間保留該姓名，并檢索該姓名以輸岀到第二個JSP頁上。目錄« 設(shè)置Web應(yīng)用程序項目« 創(chuàng)建并編輯Web應(yīng)用程序源文件o 創(chuàng)建Java包和Java源代碼o 生成 getter 和 setter 方法o編輯缺省的 Java

2、Server Pages 文件o倉U建 JavaServer Pages 文件« 運行Web應(yīng)用程序項目疑難解答* 另請參見要學(xué)習(xí)本教程，您需要具備以下軟件和資源。軟件或資源要求的版本NetBea ns IDE6.5 或 6.7 Java 版本Java Developme nt Kit (JDK)版本6或版本5GlassFish 應(yīng)用服務(wù)器2.1 或 3.0.1或Tomcat Servlet容器版本6.x注意：* 在執(zhí)行 Web & Java EE安裝時，您可以選擇安裝 GlassFish 2.1應(yīng)用服務(wù)器和 6.0.x 版本的ApacheTomcat Servlet容器。必

3、須安裝其中一個才能學(xué)完本教程。* 要利用NetBeans IDE 的Java EE 5 功能，請使用完全符合Java EE 5 規(guī)范的應(yīng)用服務(wù)器，例如GlassFish 2.1 UR2應(yīng)用服務(wù)器。如果使用的是其他服務(wù)器，請查閱發(fā)行說明和常見問題解答，了解已知問題和解決方法。有關(guān)支持的服務(wù)器和Java EE 平臺的詳細信息，請參見 發(fā)行說明。* 如果需要將項目與工作解決方案進行比較，可以下載樣例應(yīng)用程序。設(shè)置Web應(yīng)用程序項目1. 從主菜單中選擇 文件” >新建項目”（Ctr-Shift-N）。在 類別”下，選擇“ Java Web。在 項目 下選擇“Web應(yīng)用程序”，然后單擊 下一步”。

4、2. 在步驟2中，在 項目名稱”文本框中輸入 HelloWeb 。3. 將 項目位置”指定為計算機上的任意目錄。在本教程中，將此目錄稱為$PROJECTHOME。4. （可選）選中使用專用文件夾存儲庫”復(fù)選框，并指定庫文件夾的位置。有關(guān)此選項的詳細信息， 請參見共享項目庫。5. 單擊下一步”。服務(wù)器和設(shè)置”面板打開。選擇要與應(yīng)用程序一起使用的Java EE 版本。6. 選擇要在其中部署應(yīng)用程序的服務(wù)器。這里僅列岀了已在IDE中注冊的服務(wù)器。請注意，服務(wù)器上的上下文路徑將變?yōu)?HelloWeb（基于您在上一步中為項目指定的名稱）。7. 單擊 下一步”。在 框架”面板中，單擊 完成”以創(chuàng)建項目。I

5、DE將創(chuàng)建$PROJECTHOME/HelloWeb項目文件夾。此項目文件夾包含所有源代碼和項目meta 數(shù)據(jù)，例如項目的 Ant生成腳本。在IDE中，將打開 HelloWeb 項目。在主窗口的源 代碼編輯器中，將打開歡迎頁index.jsp 。您可以在 文件”窗口（Ctrl-2） 中查看項目的文件結(jié)構(gòu)，在 項目”窗口（Ctrl-1）中查看其邏輯結(jié)構(gòu)。1 Projects » j File&Servicest 品 HelloWeb LjJ Web Pagesk B WEB-INF圍 index.jsp Lal ConfguraTion Fil四| 咄 Server Ld So

6、urce Packages Lei Test Packages衛(wèi) Lbraries g 1 est Ubraries創(chuàng)建并編輯Web應(yīng)用程序源文件創(chuàng)建并編輯源文件是 IDE所提供的最重要的功能。畢竟，這大概是您花費時間最多的工作。IDE提供了各種工具來迎合任何開發(fā)者的個人風(fēng)格，無論您是愿意手動編寫所有代碼，還是希望IDE為您生成大量代碼。創(chuàng)建Java包和Java源文件1. 在 項目”窗口中，展開 源包”節(jié)點。請注意，源包”節(jié)點僅包含一個空的缺省包節(jié)點。2. 右鍵單擊 源包”節(jié)點，然后選擇 新建” > “Java類”。在類名”文本框中輸入 NameHandler ，并在包"組合框

7、中鍵入org.mypackage.hello。單擊 完成”。請注意，將在源代碼編輯器中打開新的 NameHa ndler.java 文件。3. 在源代碼編輯器中，通過在緊靠類聲明的下方鍵入以下代碼行來聲明一個Stri ng 變量。Stri ng n ame;4. 將以下構(gòu)造函數(shù)添加到類中：public NameHa ndler()5. 在NameHandler()構(gòu)造函數(shù)中添加以下代碼行:n ame = n ull;生成 getter禾口 setter 方法1. 在源代碼編輯器中右鍵單擊name字段，然后選擇 重構(gòu)” 封裝字段”。將打開 封裝字段”對話框，其中列出name字段。請注意，缺省情況

8、下將 字段的可視性”設(shè)置為"private"，將存取 方法的可視性"設(shè)置為"public"，這表示類變量聲明的訪問修飾符將被指定為private ，而getter 和setter 方法將分別以public 和private修飾符生成。Field.,Cneate Getter小 Create Setter*5l name : trinciI 回 getrdame0 eetNameList of Fields to Ericapsulate:PreviewRefactorCancelHelp2.單擊重構(gòu)”。將為name字段生成getter和sett

9、er方法。類變量的修飾符將被設(shè)置為private，而getter 和setter 方法將以public修飾符生成。Java類現(xiàn)在應(yīng)該與以下代碼類似。3.4.package org.mypackage.hello;5./*6.*7.* author n buser8.9.*/10.11.public class NameHa ndler 12.private Stri ng n ame;14. /* Creates a new in sta nee of NameHa ndler */15. public NameHa ndler() 16. n ame = n ull;17. 18.18. p

10、ublic Stri ng getName() 19. retur n n ame;20. 22.23. public void setName(Stri ng n ame) 24. this .n ame = n ame;25. 26.編輯缺省的 JavaServer Pages 文件1. 通過單擊在源代碼編輯器頂部顯示的"index.jsp"文件標簽以重新選中該文件。2. 在位于源代碼編輯器右側(cè)的組件面板(Ctrl-Shift-8) 中，展開“ HTML表單”，然后將一個表單項拖至源代碼編輯器中<h1>標記后的某個位置。將顯示插入表單”對話框。3. 請指定以

11、下值：o 操作：response.jspo 方法：GETo 名稱： Name Input Form單擊確定”將在index.jsp文件中添加一個 HTML表單。4. 將一個文本輸入項拖至緊靠</form>標記前面的位置，然后指定以下值：o 名稱：nameo 類型：文本單擊確定”將在<form>標記之間添加一個HTML <input> 標記。5. 將一個按鈕項拖至緊靠 </form>標記前面的位置。請指定以下值：o 標簽：0Ko 類型：提交單擊確定”將在<form>標記之間添加一個HTML按鈕。6. 在緊靠第一個vinput>標記

12、前面的位置鍵入 Enter your name:，然后將<h1>標記之間的缺省 Hello World!文本更改為 Entry Form 。7. 在源代碼編輯器中單擊鼠標右鍵，然后選擇格式化代碼”(AltShift-F)以整理代碼的格式。in dex.jsp文件現(xiàn)在應(yīng)該與以下代碼類似：8.<html>9.<head>10.vmeta http-equiv="Content-Type" content="text/html;charset=UTF-8">11.<title>JSP Page</ti

13、tle>12.</head>13.<body>14.<h1>E ntry Form</h1>15.16.vform n ame="Name In put Form" actio n="resp on se.jsp">17.En ter your n ame:18.<in put type="text" n ame="n ame" />19.<in put type="submit" value="OK&quo

14、t; />20.</form>21.</body></html>創(chuàng)建JavaServer Pages文件1.在項目”窗口中，右鍵單擊"HelloWeb" 項目節(jié)點，然后選擇 新建” "JSP"。將打開 新建JSP 文件”向?qū)?。將文件命名為response，然后單擊 完成”。請注意，在 項目”窗口中的"index.jsp" 下方將顯示"response.jsp"文件節(jié)點，并且會在源代碼編輯器中打開新文件。2.在位于源代碼編輯器右側(cè)的組件面板中，展開"JSP"

15、;，然后將一個使用 Bean項拖至源代碼編輯器中緊靠body標記下方的位置。將打開 插入使用Bean”對話框。指定下圖中顯示的值。o ID : mybeano 類：org.mypackage.hello.NameHandlero 范圍：session單擊確定”。請注意，將在 <body> 標記的下方添加<jsp:useBean>標記3. 將一個設(shè)置Bean屬性項從組件面板拖至緊靠<h1>標記前面的位置，然后單擊確定”在岀現(xiàn)的<jsp:setProperty>標記中，刪除空的 value屬性，然后將其編輯為以下代碼。如果IDE倉礎(chǔ)了 value =

16、"" 屬性，請將其刪除！否則，它會覆蓋傳遞到index.jsp中的name的值。<jsp:setProperty n ame="mybea n" property="n ame" />正如<jsp:setProperty>文檔中所述，可以通過各種方法來設(shè)置屬性值。在本例中，index.jsp頁上的用戶輸入將成為傳遞至request 對象的名稱/值對。當(dāng)使|用<jsp:setProperty>標記設(shè)置屬性時，可以根據(jù)request對象中包含的屬性名稱來指定值。因此，通過將 property 設(shè)置為na

17、me，可以檢索由用戶輸入所指定的值。4. 更改Vh1>標記之間的文本，以使其如下所示：<h1>Hello, !</h1>5. 將一個獲取 Bean屬性項從組件面板拖放到<h1>標記之間的逗號后面。在插入獲取Bean屬性”對話框中指定以下值：o Bean 名稱：mybeano屬性名稱：name單擊確定”請注意，此時將在 <h1>標記之間添加<jsp:getProperty>標記。6. 在源代碼編輯器中單擊鼠標右鍵，然后選擇格式化代碼”（AltShift-F）以整理代碼的格式。response.jsp文件的<body>

18、標記現(xiàn)在應(yīng)該與以下代碼類似：7. <body>8. <jsp:useBea n id="mybea n" scope="sessi on" class="org.mypackage.hello.NameHa ndler" />9. <jsp:setProperty n ame="mybea n" property="n ame" />10. <h1>Hello, <jsp:getProperty name="mybean"

19、 property="name"/>!</h1></body>運行Web應(yīng)用程序項目IDE使用Ant生成腳本來生成和運行Web應(yīng)用程序。此生成腳本是由IDE基于您在新建項目”向?qū)е兄付ǖ倪x項以及項目的 項目屬性”對話框（在 項目”窗口中，右鍵單擊項目節(jié)點，然后從岀現(xiàn)的菜單中 選擇 屬性”中的選項來生成的。1.在 項目”窗口中，右鍵單擊 "HelloWeb"項目節(jié)點，然后選擇 運行”（F6）注意：缺省情況下，將在啟用在保存時編譯”功能的情況下創(chuàng)建項目，因此無需先編譯代碼即可在IDE中運行應(yīng)用程序。有關(guān)在保存時編譯”功能的詳細信

20、息，請參見創(chuàng)建、導(dǎo)入和配置 Java 項目指南的 在保存時編譯”部分。將在缺省瀏覽器中打開in dex.jsp 頁。2. 在文本框中輸入您的姓名，然后單擊確定”將出現(xiàn)response.jsp頁，并向您顯示一條簡單的問候語。疑難解答我已經(jīng)生成并運行了項目。當(dāng)我單擊index.jsp中的"OK"按鈕時，會顯示一個指示response.jsp不可用的錯誤頁。您是否使用的是 JDK版本5或更高版本？請從主菜單中選擇幫助” > 關(guān)于”以驗證IDE所使用的JDK版本。您是否使用的是 Tomcat版本5.x或更高版本？請從主菜單中選擇工具” >服務(wù)器”。選擇項目所使用的服務(wù)器

21、，并請注意在靠近該對話框頂部的服務(wù)器類型”中所顯示的輸入內(nèi)容。您也可以嘗試下載樣例項目并將其與自己的項目進行比較。我已經(jīng)生成并運行了項目，但沒有岀現(xiàn)任何名稱，只顯示"Hello,!"vjsp:setProperty> 標記是否包含value =""屬性？此屬性會覆蓋傳遞到index.jsp 表單中的值,并將該值替換為一個空字符串。刪除value 屬性。請將您的意見和建議發(fā)送給我們另請參見“ Web應(yīng)用程序開發(fā)簡介”教程到此結(jié)束。本文檔演示了如何使用NetBeans IDE創(chuàng)建簡單的 Web應(yīng)用程序，如何將該應(yīng)用程序部署到服務(wù)器，以及如何在瀏覽器中查

22、看該應(yīng)用程序的表現(xiàn)形式。此外，還說 明了如何在應(yīng)用程序中使用JavaServer Pages 和JavaBeans 來收集、保留和輸出用戶數(shù)據(jù)。有關(guān)在NetBeans IDE 中開發(fā)Web應(yīng)用程序的更深入的相關(guān)信息，請參見以下資源： Struts Web 框架簡介。介紹通過NetBeans IDE開發(fā)使用Struts 框架的Web應(yīng)用程序的基礎(chǔ)知識。« Java Web 應(yīng)用程序?qū)W習(xí)資源NetBeans IDE 6.8/6.9教程-使用MySQL 數(shù)據(jù)庫創(chuàng)建簡單的Web應(yīng)用程序時間：2011-08-02 Troy Giunipero本文檔描述了如何創(chuàng)建用于連

23、接MySQL數(shù)據(jù)庫服務(wù)器的簡單Web應(yīng)用程序。還講述了 Web 開發(fā)中的一些基本概念和技術(shù)，例如JavaServer Pages (JSP) 、JavaServerPages 標準標記庫 (JavaServer Pages Standard Tag Library, JSTL)、Java 數(shù)據(jù)庫連接(Java Database Connectivity, JDBC) API和兩層的客戶端-服務(wù)器體系結(jié)構(gòu)。本教程是為對Web開發(fā)有基本了解并且期望使用MySQL數(shù)據(jù)庫來應(yīng)用其知識的初學(xué)者設(shè)計的。MySQL是一種常見的開源數(shù)據(jù)庫管理系統(tǒng)，由于其速度、靈活性和可靠性而常用于Web 應(yīng)用程序中。MySQ

24、L 使用 SQL (即 Structured Query Language，結(jié)構(gòu)化查詢語言)訪問和處理數(shù)據(jù)庫中包含的數(shù)據(jù)。本教程是連接 MySQL數(shù)據(jù)庫教程的續(xù)篇，而且假定您已創(chuàng)建了名為MyNewDatabase 的 MySQL 數(shù)據(jù)庫，并已在 NetBeans IDE中為其注冊了連接。該教程中使用的表數(shù)據(jù)包含在ifpwafcad.sql中，本教程也需要使用此數(shù)據(jù)。此SQL文件創(chuàng)建了兩個表(Subject 和Counselor )，然后將樣例數(shù)據(jù)填入這兩個表中。如果需要，將此文件保存至您的計算機中，然后在NetBea ns IDE中將其打開并在名為MyNewDatabase 的MySQL 數(shù)據(jù)

25、庫中運行該文件。目錄規(guī)劃結(jié)構(gòu)創(chuàng)建新項目±準備Web界面設(shè)置歡迎頁創(chuàng)建響應(yīng)頁創(chuàng)建樣式表±準備應(yīng)用程序和數(shù)據(jù)庫之間的通信設(shè)置JDBC數(shù)據(jù)源和連接池從應(yīng)用程序引用數(shù)據(jù)源將數(shù)據(jù)庫驅(qū)動程序的 JAR文件添加到服務(wù)器±添加動態(tài)邏輯將JSTL庫添加到項目的類路徑中實現(xiàn)JSTL代碼運行完成的應(yīng)用程序要學(xué)習(xí)本教程，您需要具備以下軟件和資源。軟件或資源要求的版本NetBeans IDE， Java 包6.8 或 6.9Java Developme nt Kit (JDK)6MySQL數(shù)據(jù)庫服務(wù)器5.1MySQL Conn ector/J JDBC 驅(qū)動程序版本5.xGlassFish

26、服務(wù)器3使用NetBeans IDE 的Java下載包，可以安裝 GlassFish 服務(wù)器。您需要 GlassFish 服務(wù)器才能學(xué)完本教程。Java平臺與 MySQL 數(shù)據(jù)庫協(xié)議之間的通信所需的MySQL Connector/J JDBC驅(qū)動程序包含在NetBea ns IDE中。如果需要將項目與工作解決方案進行比較，可以下載樣例應(yīng)用程序。規(guī)劃結(jié)構(gòu)簡單的 Web應(yīng)用程序可以使用兩層體系結(jié)構(gòu)進行設(shè)計，其中客戶端可以直接與服務(wù)器通信。在本教程中，Java Web應(yīng)用程序使用 Java數(shù)據(jù)庫連接 API直接與MySQL數(shù)據(jù)庫通信。實際上，正是MySQL Co nn ector/J JDBC驅(qū)動程

27、序?qū)崿F(xiàn)了應(yīng)用服務(wù)器(GlassFish 服務(wù)器)識別的 Java代碼與任何SQL (數(shù)據(jù)庫服務(wù)器 (MySQL) 識別的 語言)內(nèi)容之間的通信。您在本教程中構(gòu)建的應(yīng)用程序需要創(chuàng)建兩個JSP頁。在每個頁面中，您將使用HTML和CSS來實現(xiàn)簡單接口，并應(yīng)用 JSTL技術(shù)來執(zhí)行直接查詢數(shù)據(jù)庫以及將檢索到的數(shù)據(jù) 插入這兩個頁面的邏輯。兩個數(shù)據(jù)庫表(Subject 和Counselor )包含在 MySQL數(shù)據(jù)庫MyNewDatabase(該數(shù)據(jù)庫是通過學(xué)完連接MySQL數(shù)據(jù)庫教程創(chuàng)建的)中。以下面的兩層方案為例。歡迎頁面(index.jsp)向用戶展示了簡單的 HTML表單。當(dāng)瀏覽器請求 index.

28、jsp時，該頁面內(nèi)的 JSTL代碼會啟動對MyNewDatabase的查詢。它會從 Subject 數(shù)據(jù)庫表中檢索數(shù)據(jù)，然后先將該數(shù)據(jù)插入到頁面中，再將頁面發(fā)送至瀏覽器。當(dāng)用戶在歡迎頁面的HTML表單中提交其選擇時，該提交會啟動對響應(yīng)頁(response.jsp)的請求。同樣,該頁面內(nèi)的 JSTL代碼會啟動對 MyNewDatabase的查詢。這次，它會同時從 Subject和Counselor表中檢索數(shù)據(jù)，并將該數(shù)據(jù)插入到頁面中，以便允許用戶在頁面返回到瀏覽器時查看基于其選擇的數(shù)據(jù)。為了實現(xiàn)上述方案，您將為一個假想的組織IFPWAFCAD (即InternationalFormer Prof

29、essi onal Wrestlers' Associati on for Coun seli ng and Developme nt，國際前職業(yè)摔跤咨詢與發(fā)展協(xié)會)開發(fā)一個簡單的應(yīng)用程序。in dex.jspWelcome to IFPWAFC AD, the In ternational Former Professional Wrestle rs' A 5 s o c i a t on for Counseling and Development!IFPWAFCAD offers expert counseling in a wide range of fields.To

30、 view the contact details of an IFPWAFCAD certified formerfessional wrestler in your area, select a subject below:(submit)Select a subject:( Temper ManagementTemper ManagementDescription:Are your angry outbursts affecting your relationships with loved-ones? Do tantrums at work hinder your ability to

31、 perform? Temper management helps you to channel your nger into positive ii-changing productivityrCounselor:Randy "Macho Man11 Savagemember since: 2000-11-10Contact Details:email: machoman phone: 555 317-4444創(chuàng)建新項目首先，在IDE中創(chuàng)建一個新的 Java Web 項目：從主菜單中，選擇 文件” 新建項目”（Ctrl-Shift-N組合鍵；在Mac上為&#8984-Shi

32、ft-N 組合鍵）。選擇 "Java Web"類別，然后選擇 “ Web應(yīng)用程序”。使用 新建項目”向?qū)?，可以在標?IDE項目中創(chuàng)建空的Web應(yīng)用程序。標準項目使用IDE生成的Ant生成腳本來編譯、部署和運行應(yīng)用程序。單擊下一步”。在 項目名稱”中，輸入IFPWAFCAD。同時，指定項目在計算機上的位置。（缺省情 況下，IDE會將項目置于 home 目錄下的 NetBeansProjects文件夾中。）單擊下一步”。在步驟3 '服務(wù)器和設(shè)置”中，指定GlassFish服務(wù)器作為用于運行應(yīng)用程序的服務(wù)器。注意：如果您安裝了NetBeans IDE 的Java版本，則

33、 GlassFish 服務(wù)器會顯示在 服務(wù)器”下拉字段中。由于 GlassFish服務(wù)器包含在下載中，因此會在IDE中自動進行注冊。如果要對此項目使用其他服務(wù)器，請單擊位于服務(wù)器”下拉字段旁邊的添加”按鈕, 然后在IDE中注冊其他服務(wù)器。但是，使用GlassFish 服務(wù)器之外的服務(wù)器不在本教程的講述范圍之內(nèi)。在“Java EE版本”字段中，選擇 "Java EE 5"Java EE 6 Web項目不需要使用 web.xml部署描述符，且NetBea ns 項目模板不在Java EE 6 項目中包含 web.xml文件。但是，本教程介紹了如何在部署描述符中聲明數(shù)據(jù)源，此操作

34、不依賴于任何特定于Java EE 6的功能，因此可以將項目版本設(shè)置為Java EE 5 。注意：您同樣可以將項目版本設(shè)置為Java EE 6，然后創(chuàng)建 web.xml部署描述符。(從新建文件”向?qū)е羞x擇"Web"類別，然后選擇 標準部署描述符”。)單擊 完成”。IDE將為整個應(yīng)用程序創(chuàng)建一個項目模板，并在編輯器中打開一個空的JSP頁(index.jsp)。index.jsp充當(dāng)應(yīng)用程序的歡迎頁面。新項目是根據(jù)Sun JavaBluePri nts準則構(gòu)建的。準備Web界面首先，準備歡迎頁(in dex.jsp)和響應(yīng)頁(respo nse.jsp)。歡迎頁實現(xiàn)用于捕獲用戶數(shù)

35、據(jù)的HTML表單。這兩個頁面都實現(xiàn)HTML表，從而以結(jié)構(gòu)化的方式顯示數(shù)據(jù)。在此部分，您也可以創(chuàng)建樣式表，以便增強兩個頁面的外觀。設(shè)置歡迎頁創(chuàng)建響應(yīng)頁創(chuàng)建樣式表設(shè)置歡迎頁確保index.jsp在編輯器中處于打開狀態(tài)。如果該頁面尚未打開，請從 項目"窗口的"IFPWAFCAD" >“ Web 頁”雙擊 index.jsp。在編輯器中，將<title> 標記之間的文本更改為：IFPWAFCAD Homepage 。將<h1> 標記之間的文本更改為："Welcome to IFPWAFCAD, the InternationalFo

36、rmer Professi onal Wrestlers' Associati on for Coun seli ng and Developme nt!"&#8984-Shift-8組合鍵）打開IDE的組件面板。將指針懸停在 "HTML"類別中的 表”圖標上，并注意為該項顯示的缺省代碼片段。您可以根據(jù)自己的喜好配置組件面板”-在 組件面板”中單擊鼠標右鍵并選擇顯示大圖標”和隱藏項名稱”可使其顯示上圖所示的內(nèi)容。將光標指針放在緊靠<h1>標記后面的位置。（該位置即是您要實現(xiàn)新的HTML表的位置。）然后，在 組件面板”中雙擊 表”圖標。在

37、顯示的 插入表”對話框中，指定以下值，然后單擊確定”。行數(shù)：2列數(shù)：1邊框大小：0此時會生成HTML表代碼并已添加到您的頁面中。將以下內(nèi)容添加到表標題和第一個表行的單元格中（新內(nèi)容以粗體顯示）：vtable border="0"><thead><tr><th> IFPWAFCAD offers expert counseling in a wide range of fields. </th>v/tr>v/thead><tbody><tr><td> To view the

38、contact details of an IFPWAFCAD certified former professional wrestler in your area, select a subject below:</td></tr>在底部的表行中，插入一個HTML表單。為此，請將光標放在第二對td標記之間，然后雙擊 組件面板”中的HTML表單（）圖標。在 插入表單”對話框的 操作”文本字段中，鍵入 respo nse.jsp ，然后單擊 確定”。在form 標記之間鍵入以下內(nèi)容（新內(nèi)容以粗體顯示）<tr><td><form action

39、="response.jsp"><strong>Select a subject:</strong></form> </td>v/tr>使用IDE的代碼完成支持同樣可以訪問組件面板”中列出的所有項。要在編輯器中工 作時使用代碼完成，可以按 Ctrl-空格鍵。下面的兩個步驟演示了如何使用代碼完成添加下 拉列表和提交按鈕。在編輯器中，按 Enter鍵在剛添加的內(nèi)容后面添加一個空行，然后按 Ctrl-空格鍵以 調(diào)用IDE的代碼完成支持。<tr><td><f ocm action"p

40、 , jr;p ><st ror.g>£e Loct a subjoet i </Btrong></td></tbody></table></body> Bele teDBInsertDBQueryDBReportDBUpdatebuttonDatabaseDatabaseDat iibd.seDat ba,seHTHL FarmsTHL i'ormsQ Drop-down Li stHTML FarmsFile £eLeetFormMulti-line I Radio Buttciri

41、Text Input IiUiigeHTMLHTMLHTMLHTMLFormsformsFormsFormsFormsHTMLHTHLHTMLMeta dataE1TKL選擇下拉列表”。在所顯示的插入下拉列表"對話框的名稱"文本字段中鍵入subject_id，然后單擊確定”。請注意，下拉列表的代碼片段會添加到表單中。下拉列表的選項數(shù)目當(dāng)前并不重要。稍后，我們將在本教程中添加動態(tài)生成選項（基 于從Subject數(shù)據(jù)庫表收集的數(shù)據(jù)）的 JSTL標記。將提交按鈕項（）添加到緊靠剛添加的下拉列表后面的位置?？梢允褂媒M件面板”執(zhí)行此操作，也可以調(diào)用編輯器的代碼完成（如上一步中所述）。

42、在插入按鈕”對話框的 標簽”和 名稱”字段中均輸入 submit，然后單擊 確定”。要設(shè)置代碼的格式，請在編輯器中單擊鼠標右鍵，然后選擇“格式化”（Alt-Shift-F 組合鍵；在 Mac上為Ctrl-Shift-F組合鍵）。系統(tǒng)會為您的代碼自動設(shè)置格式，并且類似于以下內(nèi)容：<body><h2>Welcome to <strong>IFPWAFCAD</strong>, the International Former Professional Wrestlers' Association for Counseling and Deve

43、lopment!v/h2>vtable border="0"><thead><tr><th>IFPWAFCAD offers expert counseling in a wide range offields.v/th></tr></thead><tbody><tr><td>To view the contact details of an IFPWAFCAD certified formerprofessional wrestler in your area

44、, select a subject below:</td></tr><tr><td>vform action="response.jsp"><strong>Select a subject:</strong>vselect name="subject_id"><option></option></select>vinput type="submit" value="submit"name=&qu

45、ot;submit" />v/form>v/td>v/tr>v/tbody>v/table>v/body>運行文件”要在瀏覽器中查看此頁面，請在編輯器中單擊鼠標右鍵，然后選擇（Shift-F6組合鍵；在 Mac上為Fn-Shift-F6組合鍵）。在您執(zhí)行此操作時， JSP頁面會自動進行編譯并部署到您的服務(wù)器中。IDE會打開缺省瀏覽器以便從頁面的部署位置顯示該頁面。ICDIF附點TCAD Ihttp:"如“ihg詆 祝典心RWelcome to IFPWAFCAD, the International Former Professio

46、nal Wrestlers* Association for Counseling and Development!IFPWAFCAD offerseKpert counselinft& wide nuEt ol Eiekh.Tq vic* the contact dctiih of nn IFPWAFCAD ccitinicd former pmfbssionol WrtAtkr in y*urselect 曲 subject below:Select a JE-Ll.b|BCt:- I創(chuàng)建響應(yīng)頁為了準備response.jsp的界面，您必須首先在項目中創(chuàng)建文件。請注意，此頁面中顯示

47、的大部分內(nèi)容都是使用JSP技術(shù)自動生成的。因此，在以下步驟中添加占位符，稍后將替換為JSP代碼。在 項目”窗口中右鍵單擊IFPWAFCAD 項目節(jié)點，然后選擇 新建” > “JSP。新建JSP文件”對話框打開。在JSP "文件名"字段中，輸入response。請注意，當(dāng)前為 位置”字段選擇了 “Web頁”, 這表示將在項目的 web目錄中創(chuàng)建該文件。此目錄同樣是in dex.jsp歡迎頁駐留的位置。接受任何其他缺省設(shè)置，然后單擊完成”。新的response.jsp頁面模板生成，并在編輯器中打開。新的 JSP節(jié)點還會在 項目”窗口的“Web頁”下顯示。Projfcrs

48、C IFPWAF CAD Ca Web Pagesresponse.jsp Q WEB-INF 硒 index.jsp SescaJF 方莖Source PackagesTest Libraries Test LibrariesConfiguration Files在編輯器中，將標題更改為：IFPWAFCAD - placeholder 。刪除<body>標記之間的<h1>Hello World!</h1>行，然后復(fù)制下面的HTML表并將其粘貼到頁面主體中：<table border="0"><thead><

49、tr><th colspan="2">placeholder</th></tr></thead><tbody><tr><td><strong>Description: </strong></td><td><span style="font-size:smaller; font-style:italic;">placeholder</span></td> </tr><

50、tr> <td><strong>Counselor: </strong></td> <td>placeholder <br>vspan style="font-size:smaller; font-style:italic;">member since: placeholder</span></td></tr><tr><td>vstrong>Contact Details: </strongx/td><td&

51、gt;vstrong>email: </strong><a href="mailto:placeholder">placeholder</a>vbr><strong>phone: </strong>placeholder</td></tr></tbody></table>要在瀏覽器中查看此頁面，請在編輯器中單擊鼠標右鍵，然后選擇運行文件”(Shift-F6 組合鍵；在 Mac上為Fn-Shift-F6組合鍵)。此時編譯該頁面，將其部署到GlassFish

52、服務(wù) 器 ，F(xiàn)CAO - IpiHthaidr)并 在 缺 省 瀏 覽 器 中 將 其 打 開If CAOhcio ?/kocilhoi iOW/rAFCAQ/rttpc. 乂 |1DpkuieholdtrDescription:placthcldfrCtrnsri w: P 氣嚴血 ci >nKHffr n ttcr,- f plarfHciMfComut TM 吧犁理啊創(chuàng)建樣式表創(chuàng)建簡單的樣式表，以便增強Web界面的顯示。本教程假定您了解樣式規(guī)則的作用方式，以及它們影響index.jsp和response.jsp中相應(yīng) HTML 元素的方式。通過在IDE的主工具欄中按新建文”并單擊下

53、一步鍵入style作為CSS文件名，并單擊完成”。IDE會創(chuàng)建一個空 CSS文件，并將 其放置在index.jsp 和response.jsp 所在的同一個項目位置。請注意，style.css 的節(jié)點現(xiàn)在顯示在 項目”窗口的項目中，并且該文件在編輯器中打開。在編輯器中，將以下內(nèi)容添加到style.css 文件中：body font-family: Verdana, Arial, sans-serif;font-size: smaller;padding: 50px;color: #555;h1 text-align: left;letter-spacing: 6px;font-size: 1.

54、4em;color: #be7429;font-weight: normal;width: 450px;table width: 580px;padding: 10px;background-color: #c5e7e0;th text-align: left;border-bottom: 1px solid;td padding: 10px;a:link color: #be7429;font-weight: normal;text-decoration: none;a:link:hover color: #be7429;font-weight: normal;text-decoration

55、: underline;樣式表鏈接到index.jsp和response.jsp。在這兩個頁面中，將以下行添加到<head> 標記之間：<li nk rel="stylesheet" type="text/css" href="style.css">|要在編輯器中打開的文件之間快速導(dǎo)航，請按Ctrl-Tab組合鍵，然后選擇所需的文件。NetBea ns CSS支持在IDE中使用CSS時，可以利用CSS樣式生成器和 CSS預(yù)覽。這些工具可以在創(chuàng)建樣式規(guī)則和查看與樣式屬性結(jié)合使用的元素時，提供廣泛的支持。例如，將光

56、標置于 style.css 的h1規(guī)則中，然后打開“CSS預(yù)覽”（窗口” >其他” > “ CSS預(yù)覽”）：* 卜 五"hA.M - Prlv* “口O bwdj (f ont- f daily i ront-cliOE wallies:s paddin?tBe&liors1A.rialr|1.Sample TextLhlr bl L1tfrxl-Aligiaift ；i ipxfl?"t:si工暮：1-ijwidths卜179INSr *上1CSS預(yù)覽會演示元素在瀏覽器中的呈現(xiàn)方式。另請注意，預(yù)覽會在您對規(guī)則進行更改時自動刷新，從而在IDE中提供樣式元

57、素的實時文本表示。準備應(yīng)用程序和數(shù)據(jù)庫之間的通信在服務(wù)器與數(shù)據(jù)庫之間實現(xiàn)通信的最有效方式是設(shè)置數(shù)據(jù)庫連接池。為每個客戶端請求創(chuàng)建新連接會非常耗時，對于連續(xù)接收大量請求的應(yīng)用程序尤其如此。為了改變這種情況，會在連接池中創(chuàng)建和維護大量的連接。任何需要訪問應(yīng)用程序數(shù)據(jù)層的傳入請求將使用池中已創(chuàng)建的連接。同樣，當(dāng)請求完成時，連接不會關(guān)閉，但是會返回到連接池。為服務(wù)器準備數(shù)據(jù)源和連接池后，您需要指示應(yīng)用程序使用數(shù)據(jù)源。這通常通過在應(yīng)用程序的web.xml部署描述符中創(chuàng)建一個條目來完成。最后，您需要確保服務(wù)器可以訪問數(shù)據(jù)庫驅(qū)動程序（MySQL Co nn ector/J JDBC驅(qū)動程序）。重要說明：從現(xiàn)

58、在起，您需要確保已設(shè)置名為MyNewDatabase 的MySQL數(shù)據(jù)庫實例，并且該實例包含ifpwafcad.sql中提供的樣例數(shù)據(jù)。此SQL文件創(chuàng)建了兩個表（Subject 和Counselor ），然后將樣例數(shù)據(jù)填入這兩個表中。如果您尚未執(zhí)行此任務(wù)，或者在執(zhí)行此任務(wù)時需要幫助，請參見連接MySQL數(shù)據(jù)庫，然后再繼續(xù)操作。此外，您的數(shù)據(jù)庫需要受口令保護才能在本教程中創(chuàng)建數(shù)據(jù)源和使用GlassFish 服務(wù)器。如果您使用的是缺省MySQL root帳戶和空口令，則可以通過命令行提示符設(shè)置口令。本教程使用nbuser作為示例口令。要將口令設(shè)置為nbuser，請在命令行提示符下導(dǎo)航至MySQL安裝的bin目錄，然后輸入以下內(nèi)容：shellmysql -u rootmysql> UPDATE mysql.user SET Password = PASSWORD('nbuser')-> WHERE User = 'root'mysql> FLUSH PRIV

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論