專注Java教育14年
全國咨詢/投訴熱線：400-8080-105
更新時(shí)間：2022-04-14 08:53:39 來源：動(dòng)力節(jié)點(diǎn) 瀏覽1930次
要?jiǎng)?chuàng)建 Web 應(yīng)用程序，動(dòng)力節(jié)點(diǎn)小編告訴大家需要以下Java開發(fā)工具：
IDE(Eclipse或 Netbeans)
數(shù)據(jù)庫(Oracle 或Mysql)
服務(wù)器(Tomcat)
在創(chuàng)建任何 Web 應(yīng)用程序之前，請確保上述所有工具都已正確安裝在您的系統(tǒng)上。
現(xiàn)在，按照以下步驟開發(fā) Web 應(yīng)用程序：
打開 Eclipse IDE，導(dǎo)航到File-> New-> Dynamic Web Project。
如果動(dòng)態(tài) Web 項(xiàng)目未在您的 IDE 中列出，則轉(zhuǎn)到另一個(gè)選項(xiàng)并搜索它。點(diǎn)擊它繼續(xù)。
現(xiàn)在，輸入項(xiàng)目名稱并單擊下一步繼續(xù)。
按照提示并勾選生成web.xml部署描述符。
現(xiàn)在，我們的項(xiàng)目已經(jīng)準(zhǔn)備好了;項(xiàng)目結(jié)構(gòu)如下：
現(xiàn)在，通過右鍵單擊Java Resources/src文件夾來創(chuàng)建一個(gè) servlet。要?jiǎng)?chuàng)建 servlet，請右鍵單擊src文件夾并導(dǎo)航到New-> Servlet菜單。在這里，提供 Servlet 名稱：
單擊完成按鈕。它將按照指定創(chuàng)建一個(gè) TestServlet。您可以選擇任何 Servlet 名稱。
TestServlet.java：
導(dǎo)入 java.io.IOException；
導(dǎo)入 javax.servlet.ServletException；
導(dǎo)入 javax.servlet.annotation.WebServlet；
導(dǎo)入 javax.servlet.http.HttpServlet；
導(dǎo)入 javax.servlet.http.HttpServletRequest；
導(dǎo)入 javax.servlet.http.HttpServletResponse；
/**
* Servlet 實(shí)現(xiàn)類 TestServlet
*/
@WebServlet ( "/TestServlet" )
公共類 TestServlet 擴(kuò)展 HttpServlet {
私有靜態(tài)最終長 序列版本UID = 1L；
/**
* @see HttpServlet#HttpServlet()
*/
公共 TestServlet（）{
超級（）；
// TODO 自動(dòng)生成的構(gòu)造函數(shù)存根
}
/**
* @see HttpServlet#doGet(HttpServletRequest 請求，HttpServletResponse 響應(yīng))
*/
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// TODO 自動(dòng)生成的方法存根
response.getWriter().append( "服務(wù)于：" ).append (request.getContextPath());
}
/**
* @see HttpServlet#doPost(HttpServletRequest 請求，HttpServletResponse 響應(yīng))
*/
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// TODO 自動(dòng)生成的方法存根
doGet（請求，響應(yīng)）；
}
}
我們可以看到我們的 Servlet 顯示了很多錯(cuò)誤，這是因?yàn)槲覀冞€沒有添加servlet-api jar 文件。要添加 jar 文件，請右鍵單擊項(xiàng)目并通過導(dǎo)航到Build Path-> Configure Build Path選項(xiàng)來選擇配置選項(xiàng)?，F(xiàn)在，單擊Add External JARs選項(xiàng)。
導(dǎo)航到安裝服務(wù)器的目錄并選擇servlet-api.jar文件。
單擊打開以繼續(xù)。
現(xiàn)在選擇應(yīng)用并關(guān)閉選項(xiàng)。它會(huì)將 jar 文件添加到我們的項(xiàng)目中。
現(xiàn)在，我們的第一個(gè) Web 應(yīng)用程序幾乎準(zhǔn)備就緒。我們可以創(chuàng)建要在我們的網(wǎng)站上顯示的 HTML 頁面。
要?jiǎng)?chuàng)建 HTML 頁面，請右鍵單擊WebContent文件夾，然后從New-> HTML File菜單中選擇名為index.html的 New HTML file 選項(xiàng)。
我們創(chuàng)建了以下 HTML 文件：
索引.html：
<!DOCTYPE html >
< html >
<頭>
<元字符集= < em > “UTF-8” < / em >
< title >第一個(gè)Web應(yīng)用程序</ title >
</頭>
<身體>
< h1 >歡迎</ h1 >
< ul >
< li > <a href="#">首頁</a> < / li > _ _ _ _ _
< li > <a href="#">新聞</a> < / li > _ _ _ _ _
< li > <a href="#">聯(lián)系方式</a> < / li > _ _ _ _
< li > <a href="#">關(guān)于</a> < / li > _ _ _ _ _
</ ul >
</正文>
</ html >
現(xiàn)在，將此文件映射到 web.xml 文件中。web.xml 是 Servlet 應(yīng)用程序的部署描述符。從 Servlet 3.0 開始，我們可以使用注解代替部署描述符。
要映射 servlet，我們必須提供 servlet 詳細(xì)信息，例如 Servlet 名稱和類?？紤]下面的代碼：
<小服務(wù)程序>
< servlet 名稱> MyHttpTestServlet </ servlet 名稱>
< servlet-class > TestServlet </ servlet-class >
</小服務(wù)程序>
< servlet 映射>
< servlet 名稱> MyHttpTestServlet </ servlet 名稱>
< url-pattern > /歡迎</ url-pattern >
</ servlet-mapping >
我們還可以定義我們的歡迎文件;歡迎文件是啟動(dòng)項(xiàng)目的項(xiàng)目的第一個(gè)文件，也稱為 Home。我們可以定義多個(gè)歡迎文件。
考慮下面的代碼：
網(wǎng)頁.xml：
<? xml版本= "1.0"編碼= "UTF-8" ?>
<網(wǎng)絡(luò)應(yīng)用xmlns:xsi = "http://www.w3.org/2001/XMLSchema-instance" xmlns = "http://xmlns.jcp.org/xml/ns/javaee" xsi:schemaLocation = "http ://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd" id = "WebApp_ID"版本= "3.1" >
<顯示名稱> BasicWebApplication </顯示名稱>
<歡迎文件列表>
<歡迎文件> index.html </歡迎文件>
<歡迎文件> index.htm </歡迎文件>
<歡迎文件> index.jsp </歡迎文件>
<歡迎文件> default.html </歡迎文件>
<歡迎文件> default.htm </歡迎文件>
<歡迎文件> default.jsp </歡迎文件>
</歡迎文件列表>
<小服務(wù)程序>
< servlet 名稱> MyHttpTestServlet </ servlet 名稱>
< servlet-class > TestServlet </ servlet-class >
</小服務(wù)程序>
< servlet 映射>
< servlet 名稱> MyHttpTestServlet </ servlet 名稱>
< url-pattern > /歡迎</ url-pattern >
</ servlet-mapping >
</網(wǎng)絡(luò)應(yīng)用>
從上面的代碼中，我們可以看到servlet默認(rèn)定義了幾個(gè)歡迎文件。如果要使用列出的文件以外的任何文件，可以在此處定義。
現(xiàn)在，我們的第一個(gè) Web 應(yīng)用程序已準(zhǔn)備就緒。
要運(yùn)行應(yīng)用程序，請右鍵單擊項(xiàng)目并通過選擇Run-> Run on Server選項(xiàng)在服務(wù)器上運(yùn)行它。
加載應(yīng)用程序需要一些時(shí)間。
我們也可以通過輸入網(wǎng)址在其他瀏覽器上進(jìn)行測試。
現(xiàn)在，我們可以通過添加更多網(wǎng)頁和樣式來設(shè)計(jì)它。
在上面的屏幕中，我們更新了 index.html 文件，如下所示：
<!DOCTYPE html >
< html >
<頭>
<元字符集= “UTF-8” >
< title >第一個(gè)Web應(yīng)用程序</ title >
</頭>
<風(fēng)格>
ul {
列表樣式類型：無；
邊距：0；
填充：0；
}
身體 {
背景顏色：#E6E6FA；
}
</風(fēng)格>
<身體>
< h1 >歡迎</ h1 >
< ul類= “點(diǎn)” >
< li > <a href="#">首頁</a> < / li > _ _ _ _ _
< li > <a href="#">新聞</a> < / li > _ _ _ _ _
< li > <a href="#">聯(lián)系方式</a> < / li > _ _ _ _
< li > <a href="#">關(guān)于</a> < / li > _ _ _ _ _
</ ul >
< img alt = "圖像" src = "image.jpg"寬度= "300"高度= "200" >
</正文>
</ html >
將圖像文件添加到WebContent文件夾中。如果大家對此比較感興趣，想了解更多相關(guān)知識，不妨來關(guān)注一下動(dòng)力節(jié)點(diǎn)的JavaWeb視頻教程，里面還有更豐富的知識等著大家去學(xué)習(xí)，希望對大家能夠有所幫助哦。
相關(guān)閱讀
初級 202925
初級 203221
初級 202629
初級 203743
官方微信
官方抖音
Java實(shí)驗(yàn)班
Java就業(yè)班
Java夜校直播班
Java在職加薪班
Java架構(gòu)師班
京公網(wǎng)安備 11030102010736號