tianhao/fmt
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

代码提交

Browse Source
This commit is contained in:
紫影233
2025-07-17 18:22:19 +08:00
parent 70f2a39c24
commit b336a78183
27 changed files with 6340 additions and 759 deletions
Download Patch File Download Diff File Expand all files Collapse all files

71
src/main/resources/templates/logging.html
View File

@@ -11,51 +11,40 @@
<meta content="telephone=no" name="format-detection" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>在线日志</title>
<link th:href="@{/axui-v2.1.1/css/ax.css}" rel="stylesheet" type="text/css" >
<link th:href="@{/axui-v2.1.1/css/ax-response.css}" rel="stylesheet" type="text/css" >
</head>
<body>
<header class="ax-header">
<div class="ax-row">
<div class="ax-col">
<a th:href="@{/download/index}" class="ax-logo">
<img th:src="@{/common/images/logo.png}" alt="File Management"/>
</a>
</div>
<div class="ax-nav">
<div class="ax-item">
<a th:href="@{/download/index}" class="ax-text">文件列表</a>
<span class="ax-line"></span>
</div>
<div class="ax-item">
<a th:href="@{/upload/index}" class="ax-text">文件上传</a>
<span class="ax-line"></span>
</div>
<div class="ax-item ax-selected">
<a th:href="@{/logging/index}" class="ax-text">在线日志</a>
<span class="ax-line"></span>
</div>
</div>
</div>
</header>
<div class="ax-space-header"></div>
<div id="RootDiv" class="ax-border ax-margin">
</div>
<script th:src="@{/axui-v2.1.1/js/ax.js}" type="text/javascript" charset="utf-8"></script>
<script th:src="@{/common/js/basic.js}" type="text/javascript" charset="utf-8"></script>
<script th:src="@{/common/js/fmt-socket.js}" type="text/javascript" charset="utf-8"></script>
<!-- 日志容器 -->
<div id="logContainer"></div>
<script th:src="@{/common/js/LogMonitorAdaptive.js}" type="text/javascript" charset="utf-8"></script>
<script th:src="@{/common/js/sockjs.js}" type="text/javascript" charset="utf-8"></script>
<script th:src="@{/common/js/stomp.js}" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" th:inline="javascript" charset="utf-8">
window.onload = () => {
const socket = new FmtSocket({url: Fmt.ctx() + '/socket/ws'});
socket.init((data) => {
if (data.send === 'Logging') {
const log = data.data;
const logDiv = document.createElement('div');
logDiv.innerHTML = '<pre><strong>' + log + '</strong></pre>';
document.querySelector('#RootDiv').appendChild(logDiv);
}
const logger = new LogMonitorAdaptive('#logContainer', {
theme: 'dark',
maxLines: 5000,
fontSize: 14,
enableFilter: true,
enableSearch: true,
enableExport: true,
enableClear: true,
enablePause: true,
enableThemeToggle: true,
enableFullscreen: true,
enableFontSize: true,
enableWordWrap: true,
showTimestamp: true, // 是否显示时间戳
showLevel: true, // 是否显示日志级别标签
});
const socket = new SockJS('/fmt/ws-logs');
const stomp = Stomp.over(socket);
stomp.connect({}, () => {
stomp.subscribe('/topic/logs', (payload) => {
const log = JSON.parse(payload.body);
console.log(log);
logger.log(log.message, log.level);
});
});
}
</script>