如何使用IntelliJ中的Spring Boot和VS代码中的JavaScript (AJAX)创建一个简单的WebApp
使用IntelliJ中的Spring Boot和VS Code中的JavaScript（AJAX）创建一个简单的WebApp可以通过以下步骤完成：
- 安装IntelliJ和VS Code：首先，在官方网站上下载并安装IntelliJ IDEA和VS Code。
- 创建Spring Boot项目：在IntelliJ中，选择“创建新项目”，然后选择“Spring Initializr”。填写项目信息，包括项目名称、包名等，并选择所需的依赖（例如Web、Spring Boot DevTools等）。点击“下一步”后，选择项目的位置和项目使用的JDK版本，然后点击“完成”创建项目。
- 编写Spring Boot后端代码：在IntelliJ中，找到刚创建的Spring Boot项目，在“src/main/java”目录下创建一个新的Java类，命名为“HelloController”。在该类中，编写一个简单的接口，例如：
@RestController
public class HelloController {
@GetMapping("/hello")
public String hello() {
return "Hello from Spring Boot!";
}
}这个接口使用@GetMapping注解将路径“/hello”映射到hello()方法，并返回一个简单的字符串。
- 运行Spring Boot应用程序：点击IntelliJ工具栏中的“运行”按钮，选择刚创建的Spring Boot项目，然后等待应用程序启动。一旦启动成功，可以在浏览器中访问“http://localhost:8080/hello”来查看接口返回的结果。
- 创建前端文件：在VS Code中，创建一个新的文件夹来保存前端文件。在该文件夹中创建一个新的HTML文件，命名为“index.html”，并添加以下内容：
<!DOCTYPE html>
<html>
<head>
<title>Simple WebApp</title>
</head>
<body>
<h1>Simple WebApp</h1>
<button onclick="loadData()">Load Data</button>
<div id="data"></div>
<script src="script.js"></script>
</body>
</html>- 创建JavaScript文件：在同一个文件夹中，创建一个名为“script.js”的JavaScript文件，并添加以下内容：
function loadData() {
fetch('/hello')
.then(response => response.text())
.then(data => {
document.getElementById('data').textContent = data;
});
}这段JavaScript代码使用fetch函数从后端接口“/hello”获取数据，并将其显示在页面上。
- 运行WebApp：在VS Code中，右键点击“index.html”文件，选择“在默认浏览器中打开”来运行WebApp。点击“Load Data”按钮，应该可以看到从后端获取的数据显示在页面上。
通过以上步骤，你可以使用IntelliJ中的Spring Boot和VS Code中的JavaScript（AJAX）创建一个简单的WebApp。在这个过程中，我们使用了IntelliJ作为后端开发环境，并使用Spring Boot创建了一个简单的后端接口。然后，我们使用VS Code作为前端开发环境，使用JavaScript和AJAX从后端接口获取数据并在页面上显示出来。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（ECS）：腾讯云的云服务器产品，提供灵活的计算能力。链接
- 腾讯云云数据库 MySQL 版（TencentDB for MySQL）：腾讯云的云数据库产品，提供高性能和可扩展的MySQL数据库。链接
- 腾讯云对象存储（COS）：腾讯云的云存储产品，提供安全可靠的对象存储和数据管理服务。链接
- 腾讯云人工智能（AI）：腾讯云的人工智能产品，提供丰富的人工智能服务，包括图像识别、语音识别、自然语言处理等。链接
- 腾讯云物联网（IoT）：腾讯云的物联网产品，提供全面的物联网解决方案，帮助连接和管理物联设备。链接
- 腾讯云云原生应用引擎（Tencent Cloud Native Application Engine）：腾讯云的云原生应用引擎，提供全托管的容器化部署服务。链接
相关·内容
我已经用Java语言创建了一个Spring Boot应用程序，主要遵循this官方spring.io教程(我现在省略了CORS部分)。时，将创建一个新的Greeting-object，并在JSON中返回。此外，我还在VS代码中创建了一个index.html文件(只是提到这一点，因为我的Spring Bo
浏览 9提问于2021-11-05得票数 0
2回答
我正在尝试使用Springboot实现一个web应用程序。但是当我请求方法时，我会得到404错误。Springboot找不到Jsp文件。这是我的主计长代码：public ModelAndView loginSuccess() { System.out.println("in login error");
浏览 17提问于2022-01-29得票数 0
回答已采纳
我正在尝试使用Java 9中引入的JMPS创建一个模块化的Spring Boot示例。 目前，我为测试工作创建了一个独立的Maven模块。module greeting.webapp.test { requires spring.test;
requires sp
浏览 30提问于2020-10-26得票数 1
我已经用intelliJ创建了一个简单的Spring Boot Web应用程序。我在/src/main/resources/templates/文件夹中放置了一个简单的.jsp文件，其中包含一些基本的超文本标记语言。文件中包含了以下内容；
spring.mvc.view.prefix = /templat
浏览 2提问于2016-09-09得票数 11
2回答
有一段时间，我开始使用IntelliJ而不是Eclipse。我在IntelliJ中从Eclipse (在那里工作)创建了我的项目，现在我可以启动Spring Boot Application了。作为前端，我使用JSP文件，但当我在浏览器中打开项目时，它只显示HTML代码，而不是实际的网站。有人能帮我解决这个问题吗？
浏览 0提问于2017-06-11得票数 0
我正在使用spring和maven开发一个webapp，希望能够在本地tomcat服务器和intellij中运行应用程序。这种依赖似乎是罪魁祸首。<dependency> <artifactId>spring-boot-starter-to
浏览 3提问于2015-04-01得票数 0
回答已采纳
9回答
我有一个spring引导应用程序，需要：
我还希望能够在IDE (Eclipse或IntelliJ IDEA社区)中运行这个应用程序，方法是右键单击main并运行它。从provided依赖项中删除spring-boot-starter-tomcat作用域可以解决这个问题，但是当war在servlet容器中运行时会带来
浏览 7提问于2015-05-14得票数 41
回答已采纳
3回答
我正在尝试创建一个简单的Spring来查看main-menu.jsp，但是我有问题，我不知道如何修复它。我正在使用Intellij并由Maven创建项目。这是我的项目的结构 - main - com.example.mvc - webapp
浏览 5提问于2022-06-09得票数 1
我有一个webapp在Vaadin 14 LTS。当我在INTELLIJ中运行webapp时，它正常运行(在开发模式下)，但是当我用"mvn干净包-Pproduction“以生产模式编译它，然后以"java -jar smcweb.war”运行时，我得到消息我有几个用SpringBoot创建的API，我可以正常使用"java -jar .“运行它们。
奇怪的是:我使用的
浏览 25提问于2022-11-10得票数 0
2回答
我已经使用Spring很长一段时间了；我想尝试使用ReST。然而，我已经陷入了第一部分本身。我已经把这个项目上传到上了
spring.mvc.view.prefix=/WEB-INF/views/
spring.mvc.view.suffix=
浏览 14提问于2018-03-26得票数 1
回答已采纳
我目前正在学习angular 2，并尝试托管在springboot java应用程序中。1)最佳实践是使用/src/main/statis下的GUI，还是创建/src/main/public或
浏览 0提问于2016-08-02得票数 2
我刚刚将Spring Boot webapp从Tomcat中的外部war部署切换到使用Spring Boot (及其内部Tomcat)的直接jar部署。对于Tomcat运行/调试配置，Intellij为您提供了在启动后打开浏览器并转到的选项。
如何使用Spring Boot RUn/Debug配置执行类似的操
浏览 9提问于2016-02-14得票数 13
1回答
我试图从我的控制器呈现一个jsp页面，但我发现发生了这种奇怪的事情。当我运行应用程序时，它会显示页面的实际html代码，而不是显示视图。这很奇怪，我会做错什么呢？所以，当我运行我的应用程序时，它基本上显示了欢迎页面的整个html代码。>spring-boot-starter-parent</artifactId>
<version>1.5.9.RELEASE</version>
浏览 1提问于2017-12-30得票数 0
当试图从intelliJ运行一个spring boot示例时，得到一个classnotfound异常。我可以使用./gradle build和./boot/SpringApplication
我试图在创建一个简单<em
浏览 1提问于2019-04-27得票数 0
4回答
我的目标是：
生成、执行、部署 -> 编译器自动取消生成项目外观和行为 -> 系统设置取消同步保存文件(帧失活和自动保存
浏览 6提问于2017-03-30得票数 14
我有一个Maven项目，需要从VSCode运行。现在我的做法是：
在VSCode中打开项目文件夹。编辑java，js，html文件等。打开项目目录中的终端并运行mvn clean install -DskipTests。然后运行cp /Users/path-to-my-project/target/myWebApp.war ~/apache-tomcat-8.5.23/webapps/将war文件复制到tomcat的</em
浏览 1提问于2018-12-26得票数 0
回答已采纳
我刚从14.1升级到IntelliJ 15.0 (我很匆忙，
忘记将先前的插件状态保存为14.1)，我正在尝试使用Gradle在Intellij中使用Spring配置一般的运行/调试配置设置。在configuration选项卡中，我在IntelliJ中添加了1)主类、2) JRE和3)模块类路径。我使用Spring作为选择的配置。:3
浏览 0提问于2015-11-08得票数 15
回答已采纳
我试图在IntelliJ中运行Spring boot web应用程序，但出现了白标错误。但是，我能够使用eclipse和外部tomcat服务器运行该应用程序。我有可用的上下文映射，它是从应用程序返回的，但网页总是显示WhiteLabel错误404。请建议相同的应用程序如何在eclipse和外部tomcat中工作，而不是在IntelliJ中工作。我使用</e
浏览 13提问于2020-11-08得票数 0
问题是当我从Intellij IDEA运行.jar文件(Spring Boot MVC app)时，应用程序工作正常，但当我试图从命令行运行相同的文件时，模板解析器无法找到模板(.html)文件。这似乎是合理的，因为当我使用文件归档程序打开.jar时，我没有发现任何该文件的痕迹。它们在这里，在‘/temp
浏览 4提问于2016-08-12得票数 2
回答已采纳
无法使用spring-boot加载一个非常简单的JSP页面，找不到404@SpringBootApplication <groupId>org.springframework.boot</groupId>
<
浏览 0提问于2017-05-08得票数 5
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
