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