HBuilderX配置外部服務(wù)器（tomcat）查看編輯jsp界面

頭號碼甲 2021-09-10

展開全文

一、第一種方法，通過啟動本地tomcat,查看jsp

在tomcat的webapps目錄下創(chuàng)建文件夾HBuilderX

打開HBuilderX軟件,點擊文件/導(dǎo)入/導(dǎo)入本地文件，找到tomcat的webapps

　　導(dǎo)入成功大概是這樣。

打開工具設(shè)置，找運行設(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./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是無法運行web程序的，若果想運行需要點擊Stop關(guān)閉，而關(guān)閉之后HBuilderX也無法查看jsp,下面第二種方法解決這個問題。

二、第二種方法，運行項目后查看，可同時運行項目，用HBuilderX查看jsp

這種方式需要在eclipse中進(jìn)行配置，在進(jì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è)置并不是說可以同時運行web項目跟本地tomcat,而是在運行項目時可以在HBuilderX中查看jsp。這種方法存在一個問題，在HBuilderX中修改保存，或者說在webapps下項目中修改保存是有問題的，如果eclipse中重新運行還是會覆蓋HbuilderX中的內(nèi)容，具體原因不在這里闡述，給出兩個方案，一是修改完后直接復(fù)制到eclipse中，二是直接從項目下復(fù)制jsp文件到在第一步創(chuàng)建的HBuilerX中，然后進(jìn)行操作，防止不小心重新運行程序，最后做了無用功。

總結(jié)：

　　這兩種方法雖然解決了使用HBuilderX對jsp查看編輯問題，但是由于HBuilderX軟件的問題，還是比較麻煩的，如果編輯jsp代碼還是建議直接在eclipse中進(jìn)行吧，如果需要調(diào)整jsp中的html代碼，可以這樣進(jìn)行配置使用。最后一提，進(jìn)行上述配置，HBuilderX中在非webapps下的任何文件都是無法運行，只需要把配置中的外部web服務(wù)器調(diào)用url刪掉就可以恢復(fù)正常了。