代码提交
This commit is contained in:
@@ -15,9 +15,8 @@
|
||||
<body>
|
||||
<!-- 日志容器 -->
|
||||
<div id="logContainer"></div>
|
||||
<script th:src="@{/common/js/basic.js}" type="text/javascript" charset="utf-8"></script>
|
||||
<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 logger = new LogMonitorAdaptive('#logContainer', {
|
||||
@@ -35,16 +34,24 @@
|
||||
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);
|
||||
});
|
||||
//暂停/继续 回调函数
|
||||
onTogglePause: (isPaused) => {
|
||||
console.log(isPaused ? '暂停' : '继续');
|
||||
},
|
||||
onCreated: () => {
|
||||
console.log('日志容器已创建');
|
||||
let index = setInterval(() => {
|
||||
const options = {
|
||||
url: Fmt.ctx() + '/logging/get',
|
||||
data: {},
|
||||
method: 'post'
|
||||
};
|
||||
Fmt.axios(options).then((result) => {
|
||||
console.log(result);
|
||||
logger.log(result.message, result.level);
|
||||
}).catch((err) => clearInterval(index));
|
||||
}, 500);
|
||||
}
|
||||
});
|
||||
}
|
||||
</script>
|
||||
|
||||
Reference in New Issue
Block a user