ASP.NET中如何展示SQL Server存储过程的执行进度

核心思路是把存储过程的执行移到后台线程，避免阻塞当前页面请求，同时前端定时查询进度并更新展示。

1. 改造按钮点击事件，后台执行存储过程 #

不要在按钮的同步事件里直接执行存储过程，改用后台任务异步执行，让页面立刻响应：

Protected Sub Button4_Click(sender As Object, e As EventArgs) Handles Button4.Click
    SaveTasks()
    Dim batchVal = hidBatchValue.Value
    ' 启动后台任务执行存储过程，不阻塞当前请求
    Task.Run(Sub()
                 Dim connString = ConfigurationManager.ConnectionStrings("YourConnString").ConnectionString
                 Try
                     Using conn As New SqlConnection(connString)
                         Using cmd As New SqlCommand("EXECUTE dbo.spCalc @BatchValue", conn)
                             cmd.Parameters.AddWithValue("@BatchValue", batchVal)
                             conn.Open()
                             cmd.ExecuteNonQuery()
                         End Using
                     End Using
                 Catch ex As Exception
                     ' 这里可以把错误记录到日志表，方便排查
                     ' 比如写入TaskTable的ErrorLog字段
                 End Try
             End Sub)
    
    ' 触发前端开始轮询进度
    ScriptManager.RegisterStartupScript(Me, Me.GetType(), "startPoll", "startProgressCheck();", True)
End Sub

2. 新增获取进度的后台方法 #

添加一个WebMethod，用来查询当前批次的任务执行进度：

<System.Web.Services.WebMethod()>
Public Shared Function GetTaskProgress(batchValue As String) As Integer
    Dim progress = 0
    Dim connString = ConfigurationManager.ConnectionStrings("YourConnString").ConnectionString
    
    Using conn As New SqlConnection(connString)
        ' 查询已完成的任务数
        Using completedCmd As New SqlCommand("SELECT COUNT(*) FROM TaskTable WHERE BatchId = @BatchId AND Status = 'Completed'", conn)
            completedCmd.Parameters.AddWithValue("@BatchId", batchValue)
            conn.Open()
            Dim completedCount = Convert.ToInt32(completedCmd.ExecuteScalar())
            
            ' 查询该批次总任务数
            Using totalCmd As New SqlCommand("SELECT COUNT(*) FROM TaskTable WHERE BatchId = @BatchId", conn)
                totalCmd.Parameters.AddWithValue("@BatchId", batchValue)
                Dim totalCount = Convert.ToInt32(totalCmd.ExecuteScalar())
                
                If totalCount > 0 Then
                    progress = CInt((completedCount / totalCount) * 100)
                End If
            End Using
        End Using
    End Using
    Return progress
End Function

3. 前端JS轮询并更新进度 #

在页面中添加进度展示元素和轮询逻辑：

<div id="progressWrap" style="display:none; margin-top:15px;">
    <p>执行进度：<span id="progressNum">0%</span></p>
    <div style="width:100%; height:20px; border:1px solid #ccc;">
        <div id="progressBar" style="width:0%; height:100%; background:#4CAF50;"></div>
    </div>
</div>

<script>
function startProgressCheck() {
    var batchVal = '<%= hidBatchValue.Value %>';
    var progressWrap = document.getElementById('progressWrap');
    var progressNum = document.getElementById('progressNum');
    var progressBar = document.getElementById('progressBar');
    
    progressWrap.style.display = 'block';
    
    // 每秒查询一次进度
    var pollTimer = setInterval(function() {
        PageMethods.GetTaskProgress(batchVal, 
            function(result) {
                progressNum.textContent = result + '%';
                progressBar.style.width = result + '%';
                
                // 进度满100%停止轮询
                if (result >= 100) {
                    clearInterval(pollTimer);
                    progressNum.textContent = '执行完成！';
                }
            },
            function(error) {
                clearInterval(pollTimer);
                progressNum.textContent = '获取进度失败：' + error.get_message();
            }
        );
    }, 1000);
}
</script>

注意：要确保页面的ScriptManager开启了PageMethods支持，添加EnablePageMethods="true"属性。

关键注意事项 #

• Session锁定问题：如果页面启用了Session，后台任务可能会被Session锁阻塞。可以将执行存储过程的逻辑放到无Session的ASHX处理程序，或者设置页面EnableSessionState="ReadOnly"（仅在不需要修改Session时可用）。
• 任务状态标记：必须确保任务表有明确的状态字段（比如Pending/Completed/Failed），这样才能准确统计进度。
• 异常记录：后台任务里要加入异常捕获，把错误信息写入数据库日志，避免执行出错后前端一直轮询却得不到结果。

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