HBuilderX配置外部服务器（tomcat）查看编辑jsp界面

一、第一种方法，通过启动本地tomcat,查看jsp

  • 在tomcat的webapps目录下创建文件夹HBuilderX

　　

  • 打开HBuilderX软件,点击文件/导入/导入本地文件，找到tomcat的webapps

　　

　　导入成功大概是这样。

  • 打开工具设置，找运行设置，外部web服务器调用url,输入http://localhost:8080后面的端口号是自己tomcat的默认端口，如果没有修改过就是8080，我因为修改成80端口（80端口可不写），所以配置中并未填写，注意下面的选项，外部web服务器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是无法运行web程序的，若果想运行需要点击Stop关闭，而关闭之后HBuilderX也无法查看jsp,下面第二种方法解决这个问题。

二、第二种方法，运行项目后查看，可同时运行项目，用HBuilderX查看jsp

  • 这种方式需要在eclipse中进行配置，在进行配置之前我们先解决一个问题，那就是我们在运行本地tomcat也就是上面的步骤时在浏览器中输入http://localhost:8080发现没有问题,小猫页面正常出现，而在eclipse中执行web程序后输入http://localhost:8080并不能进入小猫界面，而带上项目名之后 http://localhost:8080/项目名 却可以正常访问项目的，这是为什么？

  • 原因是我们刚才在eclipse中设置的Server locations路径为: Use workspace metadata ，你在eclipse中启动的tomcat并部署项目的时候,其实是Eclipse调用了tomcat核心的组件,内置到eclipse中,启动和部署的时候跟真正的tomcat毫无关系,因此当你在浏览器中输入http://localhost:8080/ 显示没有启动,但是输入 http://localhost:8080/项目名 之后, 直接进入了eclipse的内置的tomcat,因此能预览。

  • 现在开始配置

    双击下方的tomcat，进入配置页面，我们发现Server Locations 是灰的，没关系，我们只需要移除tomcat下的项目并clean就可以进行配置，具体操作为右键tomcat,有ADD and Remove 以及Clean。清除成功后，我们选择中间的选项 Use Tomcat installation,真正部署到tomcat下，在Deploy path 选择tomcat下的webapps目录，最后我们可以设置右上角的timeouts为100防止项目过大启动时间长，判断响应超时，最后的最后保存。

  • 设置完这些后，我们只需要启动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删掉就可以恢复正常了。

HBuilderX配置外部服务器（tomcat）查看编辑jsp界面的更多相关文章

  1. 给tomcat配置外部资源路径（应用场景：web项目访问图片视频等资源）

    对于一个web项目来说,除了文字之外,图片,视频等媒体元素也是其重要的组成部分.我们知道,web项目中如果用到大量的图片.视屏的资源,我们 通常的做法是只在数据库中存储图片.视频等资源的路径,web项 ...

  2. 前段时间，接手一个项目使用的是原始的jdbc作为数据库的访问，发布到服务器上在运行了一段时间之后总是会出现无法访问的情况，登录到服务器，查看tomcat日志发现总是报如下的错误。 　　 Caused by: com.mysql.jdbc.exceptions.jdbc4.MySQLNonTransientConnectionException: Data source rejected est

    前段时间,接手一个项目使用的是原始的jdbc作为数据库的访问,发布到服务器上在运行了一段时间之后总是会出现无法访问的情况,登录到服务器,查看tomcat日志发现总是报如下的错误. Caused by: ...

  3. aarch64环境下，搭建并配置服务器tomcat：

    aarch64环境下,搭建并配置服务器tomcat: 环境说明及下载相关文件: 1. ARM环境:aarch64开发板 2.JDK安装包: jdk-8u231-linux-arm64-vfp-hflt ...

  4. 在同一台服务器上配置多个Tomcat

    如果要在一台服务器上配置多个Tomcat,主要就是要避免Tomcat服务器的端口冲突的问题.只需要修改CATALINA_HOME\conf\server.xml中的启动端口和连接端口就OK了! 下面我 ...

  5. tomcat和nginx配置java服务器

    tomcat和nginx配置java服务器 环境配置 服务器配置  写了这么久的SSM,做了一个简单的网站[没有加入数据库],然后就要开始部署javaWEB的云服务器了.本次搭建使用的Tomcat和n ...

  6. 在一台服务器上配置多个Tomcat的方法

    原文来自:http://blog.csdn.net/lmb55/article/details/49561669 这段时间在开发智能导航的热部署功能,需要从一台服务器去访问其它的24台服务器去进行相关 ...

  7. 一台Windows下配置多个Tomcat服务器

    上一篇博客<Windows下配置Tomcat服务器>讲了,如何在一台Windows机器上配置一个Tomcat服务器.这篇介绍一下如何在一台Windows机器上配置多个Tomcat. 第一步 ...

  8. Eclipse配置多个Tomcat服务器

    我们在开发大型web项目时,经常需要在eclipse中同时启动多个tomcat服务器来开启多个服务.这里讲解一下如何在eclipse中配置多个tomcat服务器. 配置步骤 1. 在tomcat官网( ...

  9. 在同一个服务器上同时配置xxxxxxxxxx1个tomcat

    下面我们把配置的详细过程写在下面,以供参考:(此例以配置三个Tomcat为例) 下载apache-tomcat-7.0.63,下载下来的文件为apache-tomcat-7.0.63.zip. 解压该 ...

随机推荐

  1. jmeter脚本编写

    jmeter脚本编写 一.http协议接口编写注意事项 1.请求体为json格式:一定要写请求头Content-Type:application/json 2.json格式文本 2.1 key-val ...

  2. python连接redis、redis字符串操作、hash操作、列表操作、其他通用操作、管道、django中使用redis

    今日内容概要 python连接redis redis字符串操作 redis之hash操作 redis之列表操作 redis其他 通用操作,管道 django中使用redis 内容详细 1.python ...

  3. FreeRTOS --（2）内存管理 heap1

    转载自https://blog.csdn.net/zhoutaopower/article/details/106631237 FreeRTOS 提供了5种内存堆管理方案,分别对应heap1/heap ...

  4. [题解] 51 nod 1340 地铁环线

    不难看出这是一道差分约束的题目. 但是如果想按照通常的题目那样去建边的话,就会发现这句话--相邻两站的距离至少是1公里--建边后就直接让整个题出现了负环(默认是按求最短路建边),没法做了. 这时我们就 ...

  5. 再见 FTP/SFTP！是时候拥抱下一代文件传输利器了！

    关注「开源Linux」,选择"设为星标" 回复「学习」,有我为您特别筛选的学习资料~ 两台电脑之间该如何传送档案,其实方法有超多种的,像是 FTP 或透过 SSH 方式来传送档案, ...

  6. NS2的LEACH仿真出来的nam文件拓扑的节点为什么x=0，且y=0

    查看.tr文件和.nam发文件下所有的节点的x,y值都是(0,0),nam图像更没有运行出来 于是我将if { $opt(sc) == "" } {puts "*** N ...

  7. DirectX11 With Windows SDK--39 阴影技术（VSM、ESM）

    前言 上一章我们介绍了级联阴影贴图.刚开始的时候我尝试了给CSM直接加上PCSS,但不管怎么调难以达到说得过去的效果.然后文章越翻越觉得阴影就是一个巨大的坑,考虑到时间关系,本章只实现了方差阴影贴图( ...

  8. Packed Ciphertexts in LWE-based Homomorphic Encryption：解读

    本节内容记录阅读该论文的笔记 介绍 首先,介绍了两种明文"打包"的方法:PVW和SV PVW:对应论文(PVW:A framework for efficient and comp ...

  9. CentOS删除编译安装的Python3

    编译安装Python3 # 下载 # wget https://www.python.org/ftp/python/3.6.4/Python-3.6.4.tar.xz wget http://mirr ...

  10. 『忘了再学』Shell基础 — 16、位置参数变量

    目录 1.位置参数变量$n 2.位置参数变量$*和$@ 3.位置参数变量$# 位置參数变量的作用主要用于脚本的传参. 位置參数变量的名称和作用都是确定不能改变的,但是该变量的内容是可以更改的,也就是变 ...