在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删掉就能够恢复正常了。