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界面的方法详解的文章就介绍到这了,更多相关HBuilderX配置tomcat外部服务器内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们！

赞 (0)

相关推荐

  • IDEA 2020 配置Tomcat服务器的详细步骤

    IDEA 2020 配置Tomcat的步骤如下所示: 第一步 下载Tomcat 官网链接:http://tomcat.apache.org/ 选择download,找到自己所要的版本,下载对应版本的Tomcat. 跟我之前的文章一样,我依旧推荐下载免安装的压缩包. 有zip和exe两种格式的,zip(64-bit Windows zip(pgp,md5,sha1))是免安装版的,exe(32-bit/64-bit Windows Service installer(pgp,md5,sha1))是

  • 关于Tomcat服务器无法打开tomcat7w.exe的解决办法

    关于Tomcat服务器无法打开tomcat7w.exe的解决办法

    今天配置Tomcat服务器的时候遇到了一点问题,提供借鉴.关于配置教程网上很多自己参考,如果遇到问题可以查看下面这个链接基本说的比较详细:https://zhidao.baidu.com/question/874079261073744612.html 主要是配置完之后打开tomcat7w.exe仍然打不开,当时以为没有配置好,尝试了很多办法,依然打不开.但是后来发现虽然这个文件打不开但是在cmd命令执行: 执行结果最后出现信息: 这时候才忽然发现,其实早就配置好了Tomcat只是tomcat7

  • vue项目部署到nginx/tomcat服务器的实现

    开发完的vue项目,需要部署到Nginx/Tomcat服务器上运行,作为一个前端小白,刚接触vue不久,研究了一番,于是写下这篇文章,记录下来便于今后部署. 1.router(history)模式vue项目部署到nginx 1)修改router模式为history(默认为hash) const router = new VueRouter({ routes, mode: 'history' }); 对路由模式不清楚的小伙伴,可以看这篇vue-router路由模式详解 2)修改config/ind

  • 初试vue-cli使用HBuilderx打包app的坑

    微信授权登录提示code-2 appid和appsecret应该是移动应用,而非网页应用 微信授权登录提示code:-100/自定义基座无法微信登录和分享 开发者账号配置的应用签名应该是md5加密后的值,而不是原字符串 生产环境proxyTable不生效,导致接口500 两种解决办法: ①入口文件使用网络地址,且和接口在同一域名下 ②(推荐) 入口文件依旧是index.html 在config/prod.env和config/dev.env下添加API_ROOT 'use strict' mod

  • HBuilderX配置tomcat外部服务器查看编辑jsp界面的方法详解

    一.第一种方法,通过启动本地tomcat,查看jsp 在tomcat的webapps目录下创建文件夹HBuilderX 打开HBuilderX软件,点击文件/导入/导入本地文件,找到tomcat的webapps 导入成功大概是这样. 打开工具设置,找运行设置,外部web服务器调用url,输入http://localhost:8080后面的端口号是自己tomcat的默认端口,如果没有修改过就是8080,我因为修改成80端口(80端口可不写),所以配置中并未填写,注意下面的选项,外部web服务器ur

  • 查看mysql当前连接数的方法详解

    1.查看当前所有连接的详细资料: ./mysqladmin -uadmin -p -h10.140.1.1 processlist2.只查看当前连接数(Threads就是连接数.): ./mysqladmin -uadmin -p -h10.140.1.1 status .查看当前所有连接的详细资料: mysqladmin -uroot -proot processlist D:\MySQL\bin>mysqladmin -uroot -proot processlist| Id | User

  • 基于Linux系统中查看硬件等信息的方法详解

    本文介绍下,linux下查看硬件信息的命令与方法,包括主板序列号.cpu信息.内存信息.硬盘信息.网卡信息等.1,主板信息.查看主板的序列号 #使用命令dmidecode | grep -i 'serial number'#查看板卡信息cat /proc/pci 2,cpu信息 #通过/proc文件系统1) cat /proc/cpuinfo#通过查看开机信息2) dmesg | grep -i 'cpu'#3)dmidecode -t processor3,在linux系统中查看硬盘信息,常用

  • GitLab使用外部提供的Redis缓存数据库的方法详解

    缺省的情况下GitLab的官方镜像中提供了一个Redis,如果希望把此缓存数据库放在GitLab的容器之外的话需要怎么做呢?这篇文章结合示例进行说明具体的做法. 环境准备 配置文件:GitLab version: '2' services: # Version Control service: Gitlab gitlab: image: gitlab/gitlab-ce:12.10.5-ce.0 ports: - "35001:80" - "30022:22" -

  • 优化Tomcat配置（内存、并发、缓存等方面）方法详解

    Tomcat有很多方面,我从内存.并发.缓存等方面介绍优化方法. 一.Tomcat内存优化 Tomcat内存优化主要是对 tomcat 启动参数优化,我们可以在 tomcat 的启动脚本 catalina.sh 中设置 java_OPTS 参数. JAVA_OPTS参数说明 server 启用jdk 的 server 版: -Xms java虚拟机初始化时的最小内存: -Xmx java虚拟机可使用的最大内存: -XX: PermSize 内存永久保留区域 -XX:MaxPermSize 内存最

  • IntelliJ IDEA 的 Spring 项目如何查看 @Value 的配置和值(方法详解)

    当你打开项目或者项目中的文件的时候,如果你有 Spring 的 Value 的配置,Intellij 将会自动将参数替换为值. 如果你单击上面的值,那么这个配置参数将会显示为配置的参数名. 如果你还想显示值的话,你需要重新打开这个文件或者项目. 有没有什么快捷键可以快速进行切换. 快捷键 这个配置是在 Intellij 的 Code > Folding 中进行配置的. 快捷键是是 Ctrl + NumberPad + 快捷键是是 Ctrl + NumberPad - NumberPad +,这个

  • Mysql服务器的安装配置与启动关闭方法详解

    Mysql服务器的安装配置与启动关闭方法详解

    1.官网下载: https://dev.mysql.com/downloads/ 找到Mysql Community Server 点击 点击download下载,可以选择下载路径,我下载在d盘: 下载好了需要: 新建mysql.ini文件 内容: [mysql] 设置mysql客户端默认字符集 default-character-set=utf8 [mysqld] #设置3306端口 port = 3306 设置mysql的安装目录 basedir=D:\java web\mysql\mysq

  • JSP出现中文乱码问题解决方法详解

    在介绍方法之前我们首先应该清楚具体的问题有哪些,笔者在本博客当中论述的JSP中文乱码问题有如下几个方面:页面乱码.参数乱码.表单乱码.源文件乱码.下面来逐一解决其中的乱码问题. 一.JSP页面中文乱码 在JSP页面中,中文显示乱码有两种情况:一种是HTML中的中文乱码,另一种是在JSP中动态输出的中文乱码. 先看一个JSP程序: <%@ page language="java" import="java.util.*" %> <html> &

  • 使用Tomcat Native提升Tomcat IO效率的方法详解

    简介 IO有很多种,从最开始的Block IO,到nonblocking IO,再到IO多路复用和异步IO,一步一步的将IO的性能提升做到极致. 今天我们要介绍一下怎么使用Tomcat Native来提升Tomcat IO的效率. Tomcat的连接方式 Tomcat中使用连接器来处理与外部客户端的通信.Connecter主要用来接受外部客户端的请求,并转交给处理引擎处理. 在Tomcat中有两种Connector.一种是 HTTP connector, 一种是AJP connector. HT

  • Linux crontab定时任务配置方法(详解)

    CRONTAB概念/介绍 crontab命令用于设置周期性被执行的指令.该命令从标准输入设备读取指令,并将其存放于"crontab"文件中,以供之后读取和执行. cron 系统调度进程. 可以使用它在每天的非高峰负荷时间段运行作业,或在一周或一月中的不同时段运行.cron是系统主要的调度进程,可以在无需人工干预的情况下运行作业.crontab命令允许用户提交.编辑或删除相应的作业.每一个用户都可以有一个crontab文件来保存调度信息.系统管理员可以通过cron.deny 和 cron

随机推荐