Question

我有很多来自不同地方的数据并存储在MySQL数据库中。我想创建一个仪表板视图。有两个问题，

我希望数据一插入数据库就会显示在仪表板页面上。（避免使用查找）。
预期使用Java / JavaScript语言的解决方案。
我可以使用firebase或类似的自动加载数据吗？

我看过一些现场仪表板，我一直想知道他们是如何做到的。如果社区可以提供一些好的教程的链接，那将是很棒的。

Answer 1

我可以看到一些不同的方法来解决您的问题。首先，您必须决定将数据提供给仪表板的位置。

例如：如果您创建一个Web应用程序来显示由MySql数据库直接提供的某些数据，则必须创建一个处理身份验证和提供数据的后端应用程序。正如您在问题中引用的那样，您需要实时更新。为此，您必须使用WebSocket创建一个体系结构，它将在MySql可用时立即提供数据。在这种情况下，您可以完全控制系统，不会使用Firebase，但需要额外的工作。

我遇到了这个问题，在我的情况下，我的团队决定使用Firebase作为加速流程的工具。在我的项目中，我有一个庞大的关系数据库，并且必须在管理员和管理人员的仪表板中提供一些特定信息。我决定编写一个Java应用程序，从我的生产数据库中读取这些数据，并每隔五分钟将它们推送到Firebase实时数据库。然后，我们创建了一个Web应用程序，显示存储在Firebase中的这些数据。在这种情况下，我不必处理身份验证（因为Firebase提供它）和WebSocket。一旦我的后端Java App将数据发送到Firebase，它就会显示在仪表板中，无需重新加载页面。

在Firebase的GitHub帐户中，您可以看到很多关于操作将要实时更新的数据的示例。

https://github.com/firebase/quickstart-js

英语不是我的母语，对不起可能的错误感到抱歉。

Answer 2

假设您正在运行您的服务：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我不知道什么可以帮到你。但我认为这可能会对你有帮助。

如何从Mysql Server加载数据到仪表板视图？

2 个答案: