Java Web应用如何将System.out.println输出展示至UI？

针对你用PrimeFaces 6、JSF 2和Spring构建的Web应用，要把后端System.out.println()的输出（也就是Tomcat控制台日志）实时展示到UI上，PrimeFaces自带的Log/Terminal组件确实只能覆盖前端渲染相关的日志，得用日志拦截+WebSocket实时推送的思路来解决。下面给你两种可行方案，从兼容现有代码到生产环境最佳实践都覆盖：

方案一：兼容现有System.out代码，实时推送日志 #

这个方案不需要修改你现有业务代码里的System.out.println()，通过重定向输出流拦截日志，再用PrimeFaces Push（基于WebSocket）推送到前端。

1. 自定义输出流拦截System.out #

创建一个Spring组件，重定向System.out到自定义流，把输出内容通过Spring事件传递出去：

import org.springframework.context.ApplicationEventPublisher;
import org.springframework.context.ApplicationEventPublisherAware;
import org.springframework.stereotype.Component;

import java.io.ByteArrayOutputStream;
import java.io.PrintStream;

@Component
public class SystemOutInterceptor implements ApplicationEventPublisherAware {
    private ApplicationEventPublisher eventPublisher;
    private final PrintStream originalOut = System.out;

    // 初始化时替换System.out
    public void init() {
        PrintStream customOut = new PrintStream(new ByteArrayOutputStream() {
            @Override
            public synchronized void write(byte[] b, int off, int len) {
                super.write(b, off, len);
                // 把输出内容转为字符串
                String logContent = this.toString();
                // 发布Spring事件传递日志
                eventPublisher.publishEvent(new LogPushEvent(logContent));
                // 清空缓冲区避免重复推送
                this.reset();
                // 同时保留原控制台输出
                originalOut.write(b, off, len);
            }
        });
        System.setOut(customOut);
    }

    @Override
    public void setApplicationEventPublisher(ApplicationEventPublisher publisher) {
        this.eventPublisher = publisher;
    }

    // 自定义事件类，用于传递日志内容
    public static class LogPushEvent {
        private final String content;

        public LogPushEvent(String content) {
            this.content = content;
        }

        public String getContent() {
            return content;
        }
    }
}

再创建一个初始化类，启动时激活拦截器：

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Component;

import javax.annotation.PostConstruct;

@Component
public class AppStartupInitializer {
    @Autowired
    private SystemOutInterceptor systemOutInterceptor;

    @PostConstruct
    public void initSystemOutInterceptor() {
        systemOutInterceptor.init();
    }
}

2. 配置PrimeFaces Push推送日志 #

创建一个Spring监听器，监听日志事件并推送到前端通道：

import org.primefaces.push.EventBus;
import org.primefaces.push.EventBusFactory;
import org.springframework.context.event.EventListener;
import org.springframework.stereotype.Component;

@Component
public class LogPushHandler {
    private static final String LOG_CHANNEL = "/backend-log";

    @EventListener
    public void onLogEvent(SystemOutInterceptor.LogPushEvent event) {
        // 获取PrimeFaces的事件总线，推送日志到指定通道
        EventBus eventBus = EventBusFactory.getDefault().eventBus();
        eventBus.publish(LOG_CHANNEL, event.getContent());
    }
}

然后在web.xml里添加Atmosphere Servlet（PrimeFaces Push依赖Atmosphere实现WebSocket）：

<servlet>
    <servlet-name>PrimePushServlet</servlet-name>
    <servlet-class>org.primefaces.push.PushServlet</servlet-class>
    <load-on-startup>1</load-on-startup>
    <async-supported>true</async-supported>
</servlet>
<servlet-mapping>
    <servlet-name>PrimePushServlet</servlet-name>
    <url-pattern>/primepush/*</url-pattern>
</servlet-mapping>

3. 前端页面接收并展示日志 #

用PrimeFaces的<p:socket>连接推送通道，实时更新日志区域：

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui">

<h:head>
    <title>后端日志实时查看</title>
</h:head>
<h:body>
    <h2>后端System.out日志</h2>
    <!-- 日志展示区域，自动滚动到底部 -->
    <p:inputTextarea id="logTextarea" 
                     rows="20" cols="100" 
                     readonly="true"
                     style="resize: none; font-family: monospace;"/>

    <!-- 连接Push通道，接收日志消息 -->
    <p:socket channel="/backend-log" onMessage="updateLog"/>

    <h:outputScript>
        function updateLog(message) {
            const textarea = document.getElementById('#{p:component('logTextarea')}');
            // 追加新日志，保留换行
            textarea.value += message + '\n';
            // 自动滚动到最新日志
            textarea.scrollTop = textarea.scrollHeight;
        }
    </h:outputScript>
</h:body>
</html>

方案二：切换到标准日志框架（生产环境推荐） #

System.out不是生产环境的最佳实践，建议替换为SLF4J+Logback，通过自定义Appender直接推送日志到前端，更稳定可控。

1. 添加SLF4J/Logback依赖（Maven） #

<dependency>
    <groupId>org.slf4j</groupId>
    <artifactId>slf4j-api</artifactId>
    <version>1.7.30</version>
</dependency>
<dependency>
    <groupId>ch.qos.logback</groupId>
    <artifactId>logback-classic</artifactId>
    <version>1.2.3</version>
</dependency>

2. 自定义Logback Appender推送日志 #

import ch.qos.logback.classic.spi.ILoggingEvent;
import ch.qos.logback.core.AppenderBase;
import org.primefaces.push.EventBus;
import org.primefaces.push.EventBusFactory;
import org.springframework.stereotype.Component;

@Component
public class PushLogAppender extends AppenderBase<ILoggingEvent> {
    private static final String LOG_CHANNEL = "/backend-log";

    @Override
    protected void append(ILoggingEvent event) {
        // 格式化日志（包含时间、级别、内容）
        String formattedLog = String.format("[%tF %tT] %-5s: %s",
                event.getTimeStamp(), event.getTimeStamp(),
                event.getLevel(), event.getMessage());
        // 推送到前端
        EventBus eventBus = EventBusFactory.getDefault().eventBus();
        eventBus.publish(LOG_CHANNEL, formattedLog);
    }
}

3. 配置Logback.xml #

<configuration>
    <!-- 注册自定义Push Appender -->
    <appender name="PUSH" class="com.yourpackage.PushLogAppender"/>
    
    <!-- 保留控制台输出 -->
    <appender name="CONSOLE" class="ch.qos.logback.core.ConsoleAppender">
        <encoder>
            <pattern>[%tF %tT] %-5s: %s%n</pattern>
        </encoder>
    </appender>

    <root level="info">
        <appender-ref ref="PUSH"/>
        <appender-ref ref="CONSOLE"/>
    </root>
</configuration>

前端页面和方案一完全一致，不需要修改。

注意事项 #

• 确保你的Tomcat版本≥7（支持WebSocket），PrimeFaces 6的Push依赖WebSocket功能。
• 多线程环境下，自定义输出流要做好线程安全（方案一已经用synchronized处理）。
• 集群环境下，需要额外配置Atmosphere的集群广播支持，单节点环境无需担心。

内容的提问来源于stack exchange，提问作者mks