请给我一套完整的java的连接,我自己写前端就好
请给我一套完整的java的连接,我自己写前端就好
请给我一套完整的java的连接,我自己写前端就好

用户969907848
03月09日 17:58
|
浏览 17
您好!根据您的描述,您希望使用Java编写后端服务,而前端部分由您自己负责开发。下面是一个简单的示例,展示如何使用Spring Boot作为后端服务,并提供一个基本的HTML页面供前端调用。
1. 创建Spring Boot项目
首先,创建一个新的Spring Boot项目:
复制代码
mvn init -DgroupId=com.example -DartifactId=demo -Dversion=1.0-SNAPSHOT -Dpackage=com.example.demo
cd demo
mvn spring-boot:run
2. 添加依赖
在pom.xml
中添加以下依赖:
复制代码
<dependencies>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-web</artifactId>
</dependency>
</dependencies>
3. 创建Controller
在src/main/java/com/example/demo
目录下创建一个简单的Controller:
复制代码
package com.example.demo;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RestController;
@RestController
public class HelloController {
@GetMapping("/hello")
public String sayHello() {
return "Hello, World!";
}
}
4. 创建静态资源
在src/main/resources/static
目录下创建一个简单的HTML文件:
复制代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Hello Page</title>
</head>
<body>
<h1 id="helloMessage"></h1>
<script>
fetch('/hello')
.then(response => response.text())
.then(data => {
document.getElementById('helloMessage').innerText = data;
});
</script>
</body>
</html>
5. 运行项目
启动Spring Boot应用程序,默认情况下,它会运行在http://localhost:8080
。
6. 编写前端代码
您可以使用任何前端框架(如React、Vue等)来编写前端代码。下面是一个使用HTML和JavaScript的示例:
复制代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Hello Page</title>
</head>
<body>
<h1 id="helloMessage"></h1>
<script>
fetch('/hello')
.then(response => response.text())
.then(data => {
document.getElementById('helloMessage').innerText = data;
});
</script>
</body>
</html>
7. 调用后端接口
在前端代码中,您可以使用fetch
或其他HTTP客户端(如axios)来调用后端API。在上面的HTML文件中,我们使用了fetch
来调用/hello
接口并显示返回的结果。
如果您有任何问题或需要进一步的帮助,请点击【🔍追问按钮】提交补充信息。
我要提问
复制内容
分享给好友
AI编程问答网 免责声明:
以上内容除特别注明外均来源于网友提问,AI编程问答网回答,权益归原著者所有;
下一篇:请给我一个前端项目