如何在Django(1.10)模板中显示Python(3.6)控制台输出？

嘿，我来帮你搞定把控制台输出展示到Django模板的问题！针对你代码里的这些print语句，我给你几个实用的方案，你可以根据自己的场景选：

方案1：捕获控制台输出到变量，传递给模板 #

这个方法适合部署过程比较短的场景，直接把所有print的内容抓下来，一次性传到模板里显示。

步骤： #

1. 先导入需要的模块：

from io import StringIO
import sys

2. 修改你的视图函数，在执行部署代码前重定向标准输出到StringIO对象：

def deploy_view(request):
    if request.method == 'POST':
        form = DeploymentForm(request.POST, request.FILES)
        if form.is_valid():
            # 先处理表单保存逻辑
            deployment = form.save(commit=False)
            deployment.user = request.user
            deployment.project = form.cleaned_data['project']
            # ... 其他字段赋值 ...
            deployment.save()

            # 开始捕获控制台输出
            old_stdout = sys.stdout
            sys.stdout = output_buffer = StringIO()

            # 这里放你原来的部署代码（所有带print的部分）
            tempdir = tempfile.mkdtemp()
            saved_unmask = os.umask(0o077)
            temp_dir_path = os.path.join(tempdir)
            archive_path = os.path.join(settings.MEDIA_ROOT, 'archives/', deployment.sourceFile.name)
            print(archive_path)
            patoolib.extract_archive(archive_path, outdir=temp_dir_path)
            docker_glob = os.path.join(temp_dir_path, "*", "Dockerfile")
            print(docker_glob)
            # ... 剩下的部署代码 ...

            # 恢复原来的标准输出
            sys.stdout = old_stdout
            # 获取捕获到的所有输出内容
            deployment_log = output_buffer.getvalue()

            # 把日志传到模板
            return render(request, 'deploy_result.html', {'log': deployment_log})
    else:
        form = DeploymentForm()
    return render(request, 'deploy_form.html', {'form': form})

3. 在模板deploy_result.html里用<pre>标签展示日志（保留格式）：

<h2>部署执行日志</h2>
<pre>{{ log }}</pre>

方案2：用Django Messages框架展示离散消息 #

如果你的print都是独立的状态提示（比如"开始构建镜像"、"镜像标记完成"），可以把print换成Django的messages，这样消息会自动存到会话里，模板里直接循环显示即可。

步骤： #

1. 视图里替换print为messages.add_message：

from django.contrib import messages

# 比如把print("Start Building your docker image...")改成：
messages.info(request, "Start Building your docker image...")
# 把print('image has been tagged!')改成：
messages.success(request, 'image has been tagged!')

2. 在模板里添加消息显示代码（可以放在base模板里全局生效）：

{% if messages %}
<div class="messages">
    {% for message in messages %}
    <div class="alert alert-{{ message.tags }}">
        {{ message }}
    </div>
    {% endfor %}
</div>
{% endif %}

方案3：异步任务+实时日志（推荐长耗时部署） #

如果你的部署过程需要好几分钟，直接用同步视图会导致请求超时，这时候最好用异步任务（比如Celery）把部署逻辑放到后台，然后前端通过AJAX轮询获取实时日志。

步骤： #

1. 先给你的Deployment模型加个日志字段：

class Deployment(models.Model):
    # 原来的字段...
    log = models.TextField(blank=True, default="")

2. 写Celery异步任务来执行部署并保存日志：

from celery import shared_task
import sys
from io import StringIO

@shared_task
def execute_deployment(deployment_id):
    deployment = Deployment.objects.get(id=deployment_id)
    old_stdout = sys.stdout
    sys.stdout = output_buffer = StringIO()

    # 执行部署代码（和你原来的一样）
    tempdir = tempfile.mkdtemp()
    # ... 所有部署逻辑 ...

    # 保存日志到数据库
    deployment.log = output_buffer.getvalue()
    deployment.save()
    sys.stdout = old_stdout

3. 修改视图，触发异步任务后跳转到日志页面：

def deploy_view(request):
    if form.is_valid():
        deployment = form.save(commit=False)
        # 字段赋值...
        deployment.save()
        # 触发异步任务
        execute_deployment.delay(deployment.id)
        return redirect('deployment_log', deployment_id=deployment.id)

4. 写日志视图和模板，用JS轮询更新：

def deployment_log_view(request, deployment_id):
    deployment = Deployment.objects.get(id=deployment_id)
    return render(request, 'deployment_log.html', {'deployment': deployment})

模板deployment_log.html：

<h2>实时部署日志</h2>
<pre id="log-container" style="height: 400px; overflow-y: auto;">{{ deployment.log }}</pre>

<script>
// 每2秒刷新一次日志
setInterval(() => {
    fetch("{% url 'deployment_log' deployment.id %}")
        .then(res => res.text())
        .then(html => {
            // 提取新的日志内容
            const newLog = new DOMParser().parseFromString(html, 'text/html')
                .querySelector('#log-container').textContent;
            const currentLog = document.querySelector('#log-container').textContent;
            if (newLog !== currentLog) {
                document.querySelector('#log-container').textContent = newLog;
                // 自动滚动到底部
                document.querySelector('#log-container').scrollTop = document.querySelector('#log-container').scrollHeight;
            }
        });
}, 2000);
</script>

注意事项 #

• 如果用方案1，第三方库（比如patoolib、docker）的控制台输出也会被捕获，如果你只想抓自己的print，可以把自己的输出改成写入一个变量，而不是重定向stdout。
• 长耗时部署一定要用方案3，否则用户会看到浏览器超时错误，体验很差。

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