Detailed explanation of how to configure the tomcat external server in HBuilderX to view and edit the jsp interface

Detailed explanation of how to configure the tomcat external server in HBuilderX to view and edit the jsp interface

1. The first method is to start the local tomcat and view jsp

Create a folder HBuilderX in the webapps directory of tomcat

Open HBuilderX software, click File/Import/Import Local Files, and find the webapps of tomcat

This is what a successful import looks like.

Open the tool settings, find the run settings, external web server call url, enter http://localhost:8080. The port number behind it is the default port of your tomcat. If it has not been modified, it is 8080. Because I changed it to port 80 (port 80 is optional), it is not filled in the configuration. Pay attention to the option below, whether the external web server url contains the project name. If you did not import the webpps directory when importing, but the next level directory, you need to check it.

Finally, we find the bin directory in the tomcat directory, open tomcat8w.exe, click start, and then view the jsp interface in HBuilderX 

<%@ 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>

Note that in this case eclipse cannot run the web program. If you want to run it, you need to click Stop to close it. After closing it, HBuilderX will not be able to view jsp. The second method below solves this problem.

2. The second method is to run the project and then view it. You can run the project at the same time and use HBuilderX to view jsp

  • This method needs to be configured in eclipse. Before configuring, we need to solve a problem first. That is, when we run the local tomcat, which is the above step, we enter http://localhost:8080 in the browser and find that there is no problem. The kitten page appears normally. However, after executing the web program in eclipse, entering http://localhost:8080 cannot enter the kitten interface. However, after adding the project name, http://localhost:8080/project name can access the project normally. Why is this?
  • The reason is that the Server locations path we just set in eclipse is: Use workspace metadata. When you start tomcat in eclipse and deploy the project, it is actually Eclipse that calls the core components of tomcat, which are built into eclipse. The startup and deployment have nothing to do with the real tomcat. Therefore, when you enter http://localhost:8080/ in the browser, it shows that it is not started. However, after entering http://localhost:8080/project name, it directly enters the built-in tomcat of eclipse, so it can be previewed.
  • Start configuring now

Double-click tomcat below to enter the configuration page. We find that Server Locations is gray. It doesn’t matter. We just need to remove the project under tomcat and clean it to configure it. The specific operation is to right-click tomcat, and there are ADD and Remove and Clean. After the clearing is successful, we select the middle option Use Tomcat installation to actually deploy to Tomcat, select the webapps directory under Tomcat in Deploy path, and finally set the timeouts in the upper right corner to 100 to prevent the project from being too large and taking a long time to start, judge the response timeout, and finally save.

After setting these, we only need to start the web program to see the project in the webapps in HBuilderX and view the jsp. If the imported directory is the next level of webapps, it needs to be re-imported.

Note that these settings do not mean that you can run a web project and local tomcat at the same time, but that you can view jsp in HBuilderX when running the project. There is a problem with this method. There is a problem with saving changes in HBuilderX, or in the project under webapps. If you re-run it in eclipse, the content in HbuilderX will still be overwritten. The specific reasons are not explained here. Two solutions are given. One is to copy it directly to eclipse after modification. The other is to copy the jsp file directly from the project to the HBuilerX created in the first step, and then perform the operation to prevent accidentally re-running the program and doing useless work.

Summarize:

Although these two methods solve the problem of viewing and editing jsp using HBuilderX, they are still quite troublesome due to problems with the HBuilderX software. If you edit the jsp code, it is recommended to do it directly in eclipse. If you need to adjust the html code in the jsp, you can configure it in this way. Finally, with the above configuration, any files in HBuilderX that are not under webapps will not be able to run. You only need to delete the external web server call url in the configuration to restore it to normal.

This is the end of this article about HBuilderX configuration of tomcat external server to view and edit jsp interface. For more relevant content about HBuilderX configuration of tomcat external server, please search for previous articles on 123WORDPRESS.COM or continue to browse the following related articles. I hope you will support 123WORDPRESS.COM in the future!

You may also be interested in:
  • How to install Node.js10 or above on Centos7
  • Node.js Express Installation and Usage Tutorial
  • How to solve the problem that Linux cannot install and uninstall Node.js normally
  • How to solve the error 2503 and 2502 when installing Node.js on Windows
  • Node.js installation and environment configuration method under Windows
  • Detailed explanation of node.js installation and HbuilderX configuration

<<:  vue+element custom query component

>>:  How to use mysqladmin to get the current TPS and QPS of a MySQL instance

Recommend

mysql5.7 remote access settings

Setting up remote access in mysql5.7 is not like ...

Detailed explanation of how to mount remote file systems via SSH on Linux

Features of SSHFS: Based on FUSE (the best usersp...

Vue plugin error: Vue.js is detected on this page. Problem solved

Vue plugin reports an error: Vue.js is detected o...

Summary of ten principles for optimizing basic statements in MySQL

Preface In the application of database, programme...

MySQL merge and split by specified characters example tutorial

Preface Merging or splitting by specified charact...

Install and configure ssh in CentOS7

1. Install openssh-server yum install -y openssl ...

Vue integrates a rich text editor that supports image zooming and dragging

need: According to business requirements, it is n...

Solution to ES memory overflow when starting docker

Add the jvm.options file to the elasticsearch con...

Summary of MySQL database and table sharding

During project development, our database data is ...

Summary of JavaScript custom object methods

Table of contents 1. Use object to create an obje...

Detailed explanation of Nginx http resource request limit (three methods)

Prerequisite: nginx needs to have the ngx_http_li...

Detailed explanation of MySQL from getting started to giving up - installation

What you will learn 1. Software installation and ...

Detailed explanation of WeChat Mini Program official face verification

The mini program collected user personal informat...

Use Javascript to develop sliding-nav navigation plug-in with sliding bar effect

Table of contents 1. Introduction 2. Usage 3. Dev...

JavaScript web form function communication full of practical information

1. Introduction Earlier we talked about the front...