我有很多来自不同地方的数据并存储在 MySQL 数据库中。我想创建一个仪表板视图。有两个问题，
我看过一些实时仪表板，我一直想知道他们是如何做到的。如果社区可以提供一些优秀教程的链接，那就太好了。
【问题讨论】：
post 或get 请求，您应该使用Ajax。然后加载该信息，这将使您在数据库中插入信息并更改网页上的信息，而无需重新加载。你只需要看看 Ajax：我推荐使用 Jquery 或 Angularjs。例如：api.jquery.com/jquery.post
标签： javascript java mysql firebase dashboard
我可以看到一些不同的方法来解决您的问题。首先，您必须决定将数据从何处提供给仪表板。
例如：如果您创建一个 Web 应用程序来显示一些由 MySql 数据库直接提供的数据，您将必须创建一个处理身份验证和提供数据的后端应用程序。正如您在问题中引用的那样，您需要实时更新。为此，您必须使用 WebSocket 创建一个架构，该架构将在 MySql 可用时立即提供数据。在这种情况下，您可以完全控制系统并且不会使用 Firebase，但这需要额外的工作。
我遇到了这个问题，就我而言，我的团队决定使用 Firebase 作为工具来加快这个过程。在我的项目中，我有一个庞大的关系数据库，并且必须在仪表板中为经理和高管提供一些特定信息。我决定编写一个 Java 应用程序，它从我的生产数据库中读取这些数据，并每五分钟将它们推送到 Firebase 实时数据库。然后，我们创建了一个 Web 应用程序来显示这些存储在 Firebase 中的数据。在这种情况下，我不必处理身份验证（因为 Firebase 提供了它）和 WebSocket。只要我的后端 Java 应用程序向 Firebase 发送数据，它就会显示在仪表板中，无需重新加载页面。
在 Firebase 的 GitHub 帐户中，您可以看到许多有关操纵将实时更新的数据的示例。
https://github.com/firebase/quickstart-js
英语不是我的母语，对于可能出现的错误，请见谅。
【讨论】：
假设您的服务在：http://localhost:4848/ 上运行，并且它有 2 种方法。 Mysql 上的第一个插入，另一个获取您插入的表的信息。
var apiURL = 'localhost:4848/'; // Web service URL
displayUsers(); // When the documents load
function insertUser(input) {
var apiMethod = 'insert/user';
var data = $("#username").val();
$.ajax({
type: "POST",
url: (apiURL + apiMethod),
data: data,
success: function (response) {
displayUsers();
},
dataType: 'text'
});
}
function displayUsers() {
var apiMethod = 'getAll';
$.ajax({
type: "POST",
url: (apiURL + apiMethod),
success: function (response) {
$('#user-list').text(response);
},
dataType: 'text'
});
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="form">
<input type="text" id="username">
<input type="submit" value="Add" onclick="insertUser()">
</div>
<div class="list" id="user-list">
</div>还可以观看Post。关于firebase我不知道有什么可以帮助你。但我认为这可能会对您有所帮助。
【讨论】：