前后端分离，html点击按钮并传输数据，自动运行java文件的具体代码具体代码

具体实现代码如下：

前端页面中的HTML代码：

<button id="runBtn" onclick="runJava()">运行Java代码</button>

JavaScript代码：

function runJava() {
    // 获取输入框中的数据
    var inputData = document.getElementById("inputData").value;
  
    // 发送POST请求到后端
    $.ajax({
        type: "POST",
        url: "/runJava",
        data: {
            inputData: inputData
        },
        success: function(result) {
            // 显示后端返回的结果
            alert(result);
        },
        error: function() {
            alert("运行Java代码失败！");
        }
    });
}

后端Java代码：

@RestController
public class JavaController {
 
    @PostMapping("/runJava")
    public String runJava(@RequestParam String inputData) {
        // 在这里编写运行Java代码的逻辑
        // 运行完后返回结果
        return "Java代码运行成功！输入的数据为：" + inputData;
    }
}

上面的代码实现了一个简单的功能，即前端页面中有一个按钮，点击按钮后会向后端发送一个POST请求，请求的URL地址为“/runJava”，同时会携带一个名为“inputData”的参数，参数的值为前端页面中输入框中的数据。后端接收到请求后，会取出参数的值并进行Java代码的运行，在这个例子中，我们只是简单地将输入的数据返回给前端，实际应用中可以根据具体的业务需求编写相应的Java代码。最后，后端将运行结果返回给前端，前端通过弹窗的方式将结果显示出来。