在tomcat的webapps目錄下建立文件夾HBuilderXhtml
打開HBuilderX軟件,點擊文件/導入/導入本地文件,找到tomcat的webappsjava
導入成功大概是這樣。web
打開工具設置,找運行設置,外部web服務器調用url,輸入http://localhost:8080後面的端口號是本身tomcat的默認端口,若是沒有修改過就是8080,我由於修改爲80端口(80端口可不寫),因此配置中並未填寫,注意下面的選項,外部web服務器url是否包含項目名,若是你在引入時沒有引到webpps這一級目錄,而是他的下一級目錄則須要勾選。瀏覽器
最後咱們在tomcat的目錄下找到bin目錄,打開tomcat8w.exe,點擊start,以後在HBuilderX裏查看jsp界面tomcat
<%@ 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是沒法運行web程序的,若果想運行須要點擊Stop關閉,而關閉以後HBuilderX也沒法查看jsp,下面第二種方法解決這個問題。服務器
這種方式須要在eclipse中進行配置,在進行配置以前咱們先解決一個問題,那就是咱們在運行本地tomcat也就是上面的步驟時在瀏覽器中輸入http://localhost:8080發現沒有問題,小貓頁面正常出現,而在eclipse中執行web程序後輸入http://localhost:8080並不能進入小貓界面,而帶上項目名以後 http://localhost:8080/項目名 卻能夠正常訪問項目的,這是爲何?app
緣由是咱們剛纔在eclipse中設置的Server locations路徑爲: Use workspace metadata ,你在eclipse中啓動的tomcat並部署項目的時候,實際上是Eclipse調用了tomcat核心的組件,內置到eclipse中,啓動和部署的時候跟真正的tomcat毫無關係,所以當你在瀏覽器中輸入http://localhost:8080/ 顯示沒有啓動,可是輸入 http://localhost:8080/項目名 以後, 直接進入了eclipse的內置的tomcat,所以能預覽。eclipse
如今開始配置webapp
雙擊下方的tomcat,進入配置頁面,咱們發現Server Locations 是灰的,不要緊,咱們只須要移除tomcat下的項目並clean就能夠進行配置,具體操做爲右鍵tomcat,有ADD and Remove 以及Clean。清除成功後,咱們選擇中間的選項 Use Tomcat installation,真正部署到tomcat下,在Deploy path 選擇tomcat下的webapps目錄,最後咱們能夠設置右上角的timeouts爲100防止項目過大啓動時間長,判斷響應超時,最後的最後保存。jsp
設置完這些後,咱們只須要啓動web程序就能夠在HBuilderX中的webapps看到這個項目,進行jsp查看,若是導入的是webapps的下一級目錄則需從新導入。
注意這些設置並非說能夠同時運行web項目跟本地tomcat,而是在運行項目時能夠在HBuilderX中查看jsp。這種方法存在一個問題,在HBuilderX中修改保存,或者說在webapps下項目中修改保存是有問題的,若是eclipse中從新運行仍是會覆蓋HbuilderX中的內容,具體緣由不在這裏闡述,給出兩個方案,一是修改完後直接複製到eclipse中,二是直接從項目下複製jsp文件到在第一步建立的HBuilerX中,而後進行操做,防止不當心從新運行程序,最後作了無用功。
這兩種方法雖然解決了使用HBuilderX對jsp查看編輯問題,可是因爲HBuilderX軟件的問題,仍是比較麻煩的,若是編輯jsp代碼仍是建議直接在eclipse中進行吧,若是須要調整jsp中的html代碼,能夠這樣進行 配置使用。最後一提,進行上述配置,HBuilderX中在非webapps下的任何文件都是沒法運行,只須要把配置中的外部web服務器調用url刪掉就能夠恢復正常了。