📜  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 开发。