请给我一套完整的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编程问答网回答,权益归原著者所有;