如何将数据从 Mysql 服务器加载到仪表板视图?
How to load data to dashboard view from Mysql Server?
我有很多来自不同地方的数据存储在 MySQL 数据库中。我想创建一个仪表板视图。有两个问题,
- 我希望数据在插入数据库后立即显示在仪表板页面上。 (避免使用查找)。
- 需要 Java/JavaScript 语言的解决方案。
- 我可以使用 firebase 或类似的自动加载数据的工具吗?
我看过一些实时仪表板,但我一直想知道他们是怎么做到的。如果社区可以提供 link 一些好的教程,那就太好了。
假设您的服务 运行 位于:http://localhost:4848/ 并且它有 2 种方法。第一个在 Mysql 上插入,另一个获取您插入的 table 的信息。
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 我不知道有什么可以帮助你。但我想这可能对你有帮助。
我可以看到一些不同的方法来解决您的问题。首先,您必须决定从何处向仪表板提供数据。
例如:如果您创建一个 Web 应用程序来显示 MySql 数据库直接提供的一些数据,您将必须创建一个处理身份验证和提供数据的后端应用程序。正如您在问题中引用的那样,您需要实时更新。为此,您必须使用 WebSocket 创建一个架构,该架构将在 MySql 可用时立即提供数据。在这种情况下,您可以完全控制系统并且不会使用 Firebase,但这需要额外的工作。
我遇到过这个问题,就我而言,我的团队决定使用 Firebase 作为加速该过程的工具。在我的项目中,我有一个巨大的关系数据库,并且必须在仪表板中为经理和主管提供一些特定信息。我决定编写一个 Java 应用程序,从我的生产数据库中读取这些数据,并每五分钟将它们推送到 Firebase 实时数据库。然后,我们创建了一个网络应用程序来显示存储在 Firebase 中的这些数据。在这种情况下,我不必处理身份验证(因为 Firebase 提供)和 WebSocket。一旦我的后端 Java 应用程序将数据发送到 Firebase,它就会显示在仪表板中,无需重新加载页面。
在 Firebase 的 GitHub 帐户中,您可以看到许多关于操作将实时更新的数据的示例。
https://github.com/firebase/quickstart-js
英语不是我的母语,对于可能出现的错误,我们深表歉意。
我有很多来自不同地方的数据存储在 MySQL 数据库中。我想创建一个仪表板视图。有两个问题,
- 我希望数据在插入数据库后立即显示在仪表板页面上。 (避免使用查找)。
- 需要 Java/JavaScript 语言的解决方案。
- 我可以使用 firebase 或类似的自动加载数据的工具吗?
我看过一些实时仪表板,但我一直想知道他们是怎么做到的。如果社区可以提供 link 一些好的教程,那就太好了。
假设您的服务 运行 位于:http://localhost:4848/ 并且它有 2 种方法。第一个在 Mysql 上插入,另一个获取您插入的 table 的信息。
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 我不知道有什么可以帮助你。但我想这可能对你有帮助。
我可以看到一些不同的方法来解决您的问题。首先,您必须决定从何处向仪表板提供数据。
例如:如果您创建一个 Web 应用程序来显示 MySql 数据库直接提供的一些数据,您将必须创建一个处理身份验证和提供数据的后端应用程序。正如您在问题中引用的那样,您需要实时更新。为此,您必须使用 WebSocket 创建一个架构,该架构将在 MySql 可用时立即提供数据。在这种情况下,您可以完全控制系统并且不会使用 Firebase,但这需要额外的工作。
我遇到过这个问题,就我而言,我的团队决定使用 Firebase 作为加速该过程的工具。在我的项目中,我有一个巨大的关系数据库,并且必须在仪表板中为经理和主管提供一些特定信息。我决定编写一个 Java 应用程序,从我的生产数据库中读取这些数据,并每五分钟将它们推送到 Firebase 实时数据库。然后,我们创建了一个网络应用程序来显示存储在 Firebase 中的这些数据。在这种情况下,我不必处理身份验证(因为 Firebase 提供)和 WebSocket。一旦我的后端 Java 应用程序将数据发送到 Firebase,它就会显示在仪表板中,无需重新加载页面。
在 Firebase 的 GitHub 帐户中,您可以看到许多关于操作将实时更新的数据的示例。
https://github.com/firebase/quickstart-js
英语不是我的母语,对于可能出现的错误,我们深表歉意。