123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899 |
- <!DOCTYPE html>
- <html lang="zh" xmlns:th="http://www.thymeleaf.org" >
- <head>
- <th:block th:include="include :: header('服务器信息监控')" />
- </head>
- <body class="gray-bg">
- <div class="wrapper wrapper-content">
- <div class="col-sm-12">
- <div class="row">
- <div class="col-sm-6">
- <div class="ibox float-e-margins">
- <div class="ibox-title">
- <h5>服务器信息</h5>
- <div class="ibox-tools">
- <a class="collapse-link"><i class="fa fa-chevron-up"></i>
- </a>
- <a class="close-link"><i class="fa fa-times"></i></a>
- </div>
- </div>
- <div class="ibox-content">
- <table class="table table-hover no-margins">
- <thead>
- <tr>
- <th>参数</th>
- <th>描述</th>
- <th>当前值</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td> system.cpu.count</td>
- <td>CPU核心数</td>
- <td th:text="${#numbers.formatInteger(server.systemCpuCount, 0)} + ' 个'"></td>
- </tr>
- <tr>
- <td>system.cpu.usage</td>
- <td>服务器CPU使用率</td>
- <td th:text="${#numbers.formatDecimal((server.systemCpuUsage*100), 2, 2,'POINT')} + ' %'"></td>
- </tr>
- <tr>
- <td>process.startTime</td>
- <td>应用启动时间点</td>
- <td th:text="${server.processStartTime}"></td>
- </tr>
- <tr>
- <td>process.uptime</td>
- <td>应用已运行时间</td>
- <td th:text="${server.processUptime} + ' 秒'"></td>
- </tr>
- <tr>
- <td>process.cpu.usage</td>
- <td>应用应用CPU占用率</td>
- <td th:text="${#numbers.formatDecimal((server.processCpuUsage*100), 2, 2,'POINT')} + ' %'"></td>
- </tr>
- <tr>
- <td>jdbc.connections.active</td>
- <td>JDBC活跃连接数</td>
- <td th:text="${#numbers.formatInteger(server.jdbcConnectionsActive, 0)}"></td>
- </tr>
- <tr>
- <td>jdbc.connections.max</td>
- <td>JDBC最大连接数</td>
- <td th:text="${#numbers.formatInteger(server.jdbcConnectionsMax, 0)}"></td>
- </tr>
- <tr>
- <td>jdbc.connections.min</td>
- <td>JDBC最小连接数</td>
- <td th:text="${#numbers.formatInteger(server.jdbcConnectionsMin, 0)}"></td>
- </tr>
- </tbody>
- </table>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </body>
- <th:block th:include="include :: footer" />
- <script>
- $(".modal").appendTo("body"), $("[data-toggle=popover]").popover(), $(".collapse-link").click(function() {
- var div_ibox = $(this).closest("div.ibox"),
- e = $(this).find("i"),
- i = div_ibox.find("div.ibox-content");
- i.slideToggle(200),
- e.toggleClass("fa-chevron-up").toggleClass("fa-chevron-down"),
- div_ibox.toggleClass("").toggleClass("border-bottom"),
- setTimeout(function() {
- div_ibox.resize();
- }, 50);
- }), $(".close-link").click(function () {
- var div_ibox = $(this).closest("div.ibox");
- div_ibox.remove()
- });
- </script>
- </html>
|