info.html 4.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
  1. <!DOCTYPE html>
  2. <html lang="zh" xmlns:th="http://www.thymeleaf.org" >
  3. <head>
  4. <th:block th:include="include :: header('服务器信息监控')" />
  5. </head>
  6. <body class="gray-bg">
  7. <div class="wrapper wrapper-content">
  8. <div class="col-sm-12">
  9. <div class="row">
  10. <div class="col-sm-6">
  11. <div class="ibox float-e-margins">
  12. <div class="ibox-title">
  13. <h5>服务器信息</h5>
  14. <div class="ibox-tools">
  15. <a class="collapse-link"><i class="fa fa-chevron-up"></i>
  16. </a>
  17. <a class="close-link"><i class="fa fa-times"></i></a>
  18. </div>
  19. </div>
  20. <div class="ibox-content">
  21. <table class="table table-hover no-margins">
  22. <thead>
  23. <tr>
  24. <th>参数</th>
  25. <th>描述</th>
  26. <th>当前值</th>
  27. </tr>
  28. </thead>
  29. <tbody>
  30. <tr>
  31. <td> system.cpu.count</td>
  32. <td>CPU核心数</td>
  33. <td th:text="${#numbers.formatInteger(server.systemCpuCount, 0)} + ' 个'"></td>
  34. </tr>
  35. <tr>
  36. <td>system.cpu.usage</td>
  37. <td>服务器CPU使用率</td>
  38. <td th:text="${#numbers.formatDecimal((server.systemCpuUsage*100), 2, 2,'POINT')} + ' %'"></td>
  39. </tr>
  40. <tr>
  41. <td>process.startTime</td>
  42. <td>应用启动时间点</td>
  43. <td th:text="${server.processStartTime}"></td>
  44. </tr>
  45. <tr>
  46. <td>process.uptime</td>
  47. <td>应用已运行时间</td>
  48. <td th:text="${server.processUptime} + ' 秒'"></td>
  49. </tr>
  50. <tr>
  51. <td>process.cpu.usage</td>
  52. <td>应用应用CPU占用率</td>
  53. <td th:text="${#numbers.formatDecimal((server.processCpuUsage*100), 2, 2,'POINT')} + ' %'"></td>
  54. </tr>
  55. <tr>
  56. <td>jdbc.connections.active</td>
  57. <td>JDBC活跃连接数</td>
  58. <td th:text="${#numbers.formatInteger(server.jdbcConnectionsActive, 0)}"></td>
  59. </tr>
  60. <tr>
  61. <td>jdbc.connections.max</td>
  62. <td>JDBC最大连接数</td>
  63. <td th:text="${#numbers.formatInteger(server.jdbcConnectionsMax, 0)}"></td>
  64. </tr>
  65. <tr>
  66. <td>jdbc.connections.min</td>
  67. <td>JDBC最小连接数</td>
  68. <td th:text="${#numbers.formatInteger(server.jdbcConnectionsMin, 0)}"></td>
  69. </tr>
  70. </tbody>
  71. </table>
  72. </div>
  73. </div>
  74. </div>
  75. </div>
  76. </div>
  77. </div>
  78. </body>
  79. <th:block th:include="include :: footer" />
  80. <script>
  81. $(".modal").appendTo("body"), $("[data-toggle=popover]").popover(), $(".collapse-link").click(function() {
  82. var div_ibox = $(this).closest("div.ibox"),
  83. e = $(this).find("i"),
  84. i = div_ibox.find("div.ibox-content");
  85. i.slideToggle(200),
  86. e.toggleClass("fa-chevron-up").toggleClass("fa-chevron-down"),
  87. div_ibox.toggleClass("").toggleClass("border-bottom"),
  88. setTimeout(function() {
  89. div_ibox.resize();
  90. }, 50);
  91. }), $(".close-link").click(function () {
  92. var div_ibox = $(this).closest("div.ibox");
  93. div_ibox.remove()
  94. });
  95. </script>
  96. </html>