一、第一種方法，通過(guò)啟動(dòng)本地tomcat,查看jsp
在tomcat的webapps目錄下創(chuàng)建文件夾HBuilderX
打開(kāi)HBuilderX軟件,點(diǎn)擊文件/導(dǎo)入/導(dǎo)入本地文件，找到tomcat的webapps
導(dǎo)入成功大概是這樣。
打開(kāi)工具設(shè)置，找運(yùn)行設(shè)置，外部web服務(wù)器調(diào)用url,輸入http://localhost:8080后面的端口號(hào)是自己tomcat的默認(rèn)端口，如果沒(méi)有修改過(guò)就是8080，我因?yàn)樾薷某?0端口（80端口可不寫），所以配置中并未填寫，注意下面的選項(xiàng)，外部web服務(wù)器url是否包含項(xiàng)目名，如果你在引入時(shí)沒(méi)有引到webpps這一級(jí)目錄，而是他的下一級(jí)目錄則需要勾選。
最后我們?cè)趖omcat的目錄下找到bin目錄，打開(kāi)tomcat8w.exe,點(diǎn)擊start,之后在HBuilderX里查看jsp界面
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Insert title here</title>
</head>
<%
String a = "a";
%>
<%=a%>
<body>
</body>
</html>
注意這種情況下eclipse是無(wú)法運(yùn)行web程序的，若果想運(yùn)行需要點(diǎn)擊Stop關(guān)閉，而關(guān)閉之后HBuilderX也無(wú)法查看jsp,下面第二種方法解決這個(gè)問(wèn)題。
二、第二種方法，運(yùn)行項(xiàng)目后查看，可同時(shí)運(yùn)行項(xiàng)目，用HBuilderX查看jsp
- 這種方式需要在eclipse中進(jìn)行配置，在進(jìn)行配置之前我們先解決一個(gè)問(wèn)題，那就是我們?cè)谶\(yùn)行本地tomcat也就是上面的步驟時(shí)在瀏覽器中輸入http://localhost:8080發(fā)現(xiàn)沒(méi)有問(wèn)題,小貓頁(yè)面正常出現(xiàn)，而在eclipse中執(zhí)行web程序后輸入http://localhost:8080并不能進(jìn)入小貓界面，而帶上項(xiàng)目名之后 http://localhost:8080/項(xiàng)目名 卻可以正常訪問(wèn)項(xiàng)目的，這是為什么？
- 原因是我們剛才在eclipse中設(shè)置的Server locations路徑為: Use workspace metadata，你在eclipse中啟動(dòng)的tomcat并部署項(xiàng)目的時(shí)候,其實(shí)是Eclipse調(diào)用了tomcat核心的組件,內(nèi)置到eclipse中,啟動(dòng)和部署的時(shí)候跟真正的tomcat毫無(wú)關(guān)系,因此當(dāng)你在瀏覽器中輸入http://localhost:8080/ 顯示沒(méi)有啟動(dòng),但是輸入http://localhost:8080/項(xiàng)目名 之后, 直接進(jìn)入了eclipse的內(nèi)置的tomcat,因此能預(yù)覽。
- 現(xiàn)在開(kāi)始配置
雙擊下方的tomcat，進(jìn)入配置頁(yè)面，我們發(fā)現(xiàn)Server Locations 是灰的，沒(méi)關(guān)系，我們只需要移除tomcat下的項(xiàng)目并clean就可以進(jìn)行配置，具體操作為右鍵tomcat,有ADD and Remove 以及Clean。清除成功后，我們選擇中間的選項(xiàng) Use Tomcat installation,真正部署到tomcat下，在Deploy path 選擇tomcat下的webapps目錄，最后我們可以設(shè)置右上角的timeouts為100防止項(xiàng)目過(guò)大啟動(dòng)時(shí)間長(zhǎng)，判斷響應(yīng)超時(shí)，最后的最后保存。
設(shè)置完這些后，我們只需要啟動(dòng)web程序就可以在HBuilderX中的webapps看到這個(gè)項(xiàng)目，進(jìn)行jsp查看，如果導(dǎo)入的是webapps的下一級(jí)目錄則需重新導(dǎo)入。
注意這些設(shè)置并不是說(shuō)可以同時(shí)運(yùn)行web項(xiàng)目跟本地tomcat,而是在運(yùn)行項(xiàng)目時(shí)可以在HBuilderX中查看jsp。這種方法存在一個(gè)問(wèn)題，在HBuilderX中修改保存，或者說(shuō)在webapps下項(xiàng)目中修改保存是有問(wèn)題的，如果eclipse中重新運(yùn)行還是會(huì)覆蓋HbuilderX中的內(nèi)容，具體原因不在這里闡述，給出兩個(gè)方案，一是修改完后直接復(fù)制到eclipse中，二是直接從項(xiàng)目下復(fù)制jsp文件到在第一步創(chuàng)建的HBuilerX中，然后進(jìn)行操作，防止不小心重新運(yùn)行程序，最后做了無(wú)用功。
總結(jié)：
這兩種方法雖然解決了使用HBuilderX對(duì)jsp查看編輯問(wèn)題，但是由于HBuilderX軟件的問(wèn)題，還是比較麻煩的，如果編輯jsp代碼還是建議直接在eclipse中進(jìn)行吧，如果需要調(diào)整jsp中的html代碼，可以這樣進(jìn)行 配置使用。最后一提，進(jìn)行上述配置，HBuilderX中在非webapps下的任何文件都是無(wú)法運(yùn)行，只需要把配置中的外部web服務(wù)器調(diào)用url刪掉就可以恢復(fù)正常了。
到此這篇關(guān)于HBuilderX配置tomcat外部服務(wù)器查看編輯jsp界面的方法詳解的文章就介紹到這了,更多相關(guān)HBuilderX配置tomcat外部服務(wù)器內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
