📌  相关文章
📜  html 按钮运行 java - Javascript (1)

📅  最后修改于: 2023-12-03 15:15:41.541000             🧑  作者: Mango

HTML 按钮运行 Java - JavaScript

在 Web 开发中，我们通常使用 HTML、CSS 和 JavaScript 这三种语言来构建动态网站。而 Java 则是一种广泛应用于后端的编程语言。那么，怎么样在前端用 HTML 按钮来运行 Java 呢？

使用 JavaScript 调用后端 Java 接口

一种实现方式是使用 JavaScript 调用后端 Java 接口。我们可以先在后端编写一个简单的 Java 程序，比如：

public class HelloWorld {
    public static void main(String[] args) {
        System.out.println("Hello, World!");
    }
}

然后，在后端使用 Java 的 Web 框架（比如 Spring Boot）来提供一个 HTTP 接口，让前端可以调用。比如：

@RestController
public class HelloWorldController {
    @GetMapping("/hello")
    public String hello() {
        return "Hello, World!";
    }
}

最后，在前端的 HTML 文件中，可以使用 JavaScript 来调用这个接口，并把返回值显示到网页上。比如：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Hello World</title>
    <script>
        function sayHello() {
            fetch('/hello')
                .then(response => response.text())
                .then(text => document.getElementById('message').textContent = text);
        }
    </script>
</head>
<body>
    <h1 id="message">Click the button below to say hello!</h1>
    <button onclick="sayHello()">Say Hello</button>
</body>
</html>
使用 Applet 在浏览器中运行 Java

另一种实现方式是使用 Applet 在浏览器中运行 Java。Applet 是一种可以嵌入到 HTML 中运行的小型 Java 程序。

我们可以先在后端编写一个简单的 Applet 程序，比如：

import java.applet.Applet;
import java.awt.*;

public class HelloWorldApplet extends Applet {
    public void paint(Graphics g) {
        g.drawString("Hello, World!", 50, 25);
    }
}

然后，在前端的 HTML 文件中，可以使用 Applet 标签来嵌入这个程序，并在浏览器中运行。比如：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Hello World</title>
</head>
<body>
    <h1>Hello World</h1>
    <applet code="HelloWorldApplet.class" width="200" height="50">
        Your browser does not support the <code>applet</code> tag.
    </applet>
</body>
</html>

需要注意的是，Applet 技术已经过时，大多数浏览器不再支持它。因此，这种方法已经不太适用了。

总结

以上是两种在 HTML 按钮中运行 Java 的实现方式。第一种方式使用 JavaScript 调用后端 Java 接口，比较简单，适用于大多数情况。第二种方式使用 Applet 在浏览器中运行 Java，已经过时，不再适用于现代 Web 开发。