在 ASP.net MVC 站点中查看 SSRS 报告

Question

有没有办法将 SQL Server Reporting Services 报表查看器控件放在 ASP.net MVC 视图上？如果不是……实现这一目标的最佳方法是什么？

Answer 1

不，不在 MVC 视图中。但是您可以将包含服务器控件的 Web 表单页面与您的 MVC 站点混合在一起。

嗯，刚刚在 google 上搜索“混合 asp.net mvc 和 web 表单”来找到一些示例，然后 google 质疑我是否是人类:)

无论如何，这里有一个链接 - http://www.packtpub.com/article/mixing-asp.net-webforms-and-asp。 net-mvc - 有一些。出于同样的原因（报告控件），我也在 MVC 站点中执行了此操作。

Answer 2

不，如果将 ReportViewer 控件放置在 MVC 视图中，它将无法工作，因为它需要 ViewState。您必须创建一个老式的 Web 表单并将 ReportViewer 放在那里。

我在一个项目中使用的解决方案是创建一个自定义路由处理程序，这样我仍然可以使用 URL 路由。路由处理程序将从 RouteData 集合中获取报告名称等参数，创建 Web 表单的实例，并通过公共属性将参数传递给它。 Web 表单将在 Page_Load 中读取这些内容并配置 ReportViewer 控件。

// Configure a route in Global.asax.cs that is handled by a ReportRouteHandler
routes.Add("ReportRoute", new Route("Reports/{reportName}",
                                    new ReportRouteHandler());

public class ReportRouteHandler : IRouteHandler {
    public IHttpHandler GetHttpHandler(RequestContext requestContext) {
        var reportName = requestContext.RouteData.Values["reportName"] as string;

        var webform = BuildManager
            .CreateInstanceFromVirtualPath("~/Path/To/ReportViewerWebForm.aspx",
                                           typeof(Page)) as ReportViewerWebForm;
        webform.ReportToShow = reportName;
        return webform;
    }
}

当然，如果您决定使用这种方法，此代码只是一个起点。我创建的那个在返回之前还进行了一些用户身份验证和参数验证。

更新：看起来如果您使用的是 ASP.NET 4.0，大部分工作都可以自动完成！

Answer 3

在 MVC 中实现 SSRS ReportViewer 控件包含两个问题：

1. 您至少需要添加正确的依赖项、处理程序和ReportViewer 控件的配置（无论项目类型如何）。
2. 更棘手的障碍在于混合 WebForms 和 MVC。我们需要一种呈现和路由传入请求的方法，以便它们可以由 WebForms 页面、控件和操作进行处理。

问题 1 - 配置 ReportViewer

如果您过去已经在设置 ​​ReportViewer 控件方面做了很多工作，那么这可能是旧帽子，您可以跳到第 2 部分。

1. 添加包/reference - ReportViewer 控件位于 Microsoft.ReportViewer.WebForms.dll 中。您可以通过添加 Microsoft.ReportViewer.WebForms来自nuget的包：

   

2. Web.config 处理程序 - 根据 ReportViewer 的 Web.config 设置，以及 这个问题您需要将以下内容添加到您的web.config中：

   ;
     
       <添加动词=“*”路径=“Reserved.ReportViewerWebControl.axd” 
            类型=“Microsoft.Reporting.WebForms.HttpHandler”，
                  Microsoft.ReportViewer.WebForms，版本=10.0.0.0，文化=中性，
                  PublicKeyToken=b03f5f7f11d50a3a" />
     
   
   <系统.web服务器>
     <处理程序>
       <删除名称=“ReportViewerWebControlHandler”/>
       <添加名称=“ReportViewerWebControlHandler”preCondition=“integratedMode”
            动词=“*”路径=“Reserved.ReportViewerWebControl.axd” 
            类型=“Microsoft.Reporting.WebForms.HttpHandler”， 
                  Microsoft.ReportViewer.WebForms，版本=10.0.0.0，文化=中性，
                  PublicKeyToken=b03f5f7f11d50a3a"/>>
     
   
   

   ^{根据这个关于重复键的问题，通常最容易删除然后重新添加网络服务器配置< /sup>}

3. 修复损坏的图像请求 - ReportViewer 中存在一个已知缺陷 blank.gif 图像未加载，因此您可以将以下修复添加到 global.asax.cs：

   protected void Application_BeginRequest(object sender, EventArgs e)
   {
       HttpRequest req = HttpContext.Current.Request;
       if (req.Url.PathAndQuery.StartsWith("/Reserved.ReportViewerWebControl.axd") &&
           !req.Url.ToString().ToLower().Contains("迭代") &&
           !String.IsNullOrEmpty(req.QueryString["ResourceStreamID"]) &&
           req.QueryString["ResourceStreamID"].ToLower().Equals("blank.gif"))
       {
           Context.RewritePath(String.Concat(req.Url.PathAndQuery, "&IterationId=0"));
       }
   }
   

4. IgnoreRoute .axd -如果尚不存在，请确保在您的 RouteConfig.cs 中允许 ScriptResources：

   routes.IgnoreRoute("{resource}.axd/{*pathInfo}");
   

5. Add ReportViewerPage.aspx - 添加一个将保存 ReportViewer 控件实例的 WebForm 页面。为了工作，该控件需要找到 ScriptManager 控件并将其放置在

   内。
   因此，您的新 .aspx 页面应如下所示：

   <%@ 页面语言="C#" AutoEventWireup="true" CodeBehind="ReportViewerPage.aspx.cs" Inherits="MVCAppWithReportViewer.ReportViewerPage" %>
   <%@ Register TagPrefix="rsweb" Namespace="Microsoft.Reporting.WebForms" Assembly="Microsoft.ReportViewer.WebForms, Version=10.0.0.0, Culture=neutral, PublicKeyToken=b03f5f7f11d50a3a" %>
   
   
   
   
       <标题>报告查看器
   
   <正文>
       <表单 id="form1" runat="服务器">
           
           
       
   
   
   

6. 在 Page_Load 上连接 ReportViewer - 假设您已经将 SSRS 报告完全部署到报告服务器上可以在如下地址找到：

   http://ReportServerName/Reports/Pages/Report.aspx?ItemPath=%2fCompany%2fClientReport

   然后您的新 WebForm 页面中的代码隐藏应如下所示：

   公共部分类 ReportViewerPage : System.Web.UI.Page
   {
       protected void Page_Load（对象发送者，EventArgs e）
       {
           if (!Page.IsPostBack)
           {
               // 确认报告属性（也可在属性中设置）
               ReportViewer.ProcessingMode=ProcessingMode.Remote;
   
               // 配置变量
               var reportServer = "报表服务器名称";
               var reportPath = "/公司/";
               var 报告名称 = "ClientReport";    
   
               // 报告设置
               var serverReport = new ServerReport();
               serverReport = ReportViewer.ServerReport;
               serverReport.ReportServerUrl = new Uri($@"http://{reportServer}/ReportServer");
               serverReport.ReportPath = $@"{reportPath}{reportName}";
   
               // 报告输入
               var 参数 = new List();
               参数.Add(new ReportParameter("User_uid", "1"));
               serverReport.SetParameters(参数);
   
               // 运行报告
               serverReport.Refresh();
           }
       }
   }
   

7. 查看报告 - 此时，您应该能够通过选择在浏览器中查看来单独查看报告 或 Ctrl + Shift + W

   

问题 2 - 混合 WebForms 和 MVC

首先，让我们快速剖析两者之间的路由差异如何加载这些控件以及随后更新

• MVC 路由将类似于 {controller}/{action}/{id} ，路由引擎将在其中自动查找具有指定名称的 Controller 和 Action 以及传入请求将由该方法处理。在任何页面请求中，无论是页面加载、表单提交、按钮点击、锚点导航还是 ajax 调用，所执行的确切方法始终在 url {action} 中指定。

• WebForms 通过查找物理 .aspx 页面地址来路由到代码，然后使用 ViewState & PostData 连接并触发该页面/控件上的事件。

  这是WebForms 中不同路由格式的图示。这是一个简单的按钮单击事件，它将向父页面提交一个帖子，并根据提交的事件数据在页面内引发适当的事件：

  

这对我们来说是一个相当大的限制可用的解决方案。 ReportViewer 控件没有什么特别之处。它只是一组复杂的 UserControl 类，通过回发当前地址以及 ViewState 和事件信息来响应单击和其他输入事件。因此，ReportViewer 的路由和导航中包含的任何假设都需要保留到我们的 MVC 包装器中。

1. 选项 1 - 为 .aspx 页面添加路由

   从 MVC 4.0+ 开始，您可以使用 使用 WebForms 进行 URL 路由。通过添加 地图页面路线 （请注意页面 部分） 将路由映射到物理文件。因此，将以下内容添加到您的 RouteConfig.cs 中：

   routes.MapPageRoute(
       路线名称：“ReportViewer”，
       RouteUrl: "ReportViewer/{reportName}",
       物理文件：“~/ReportViewerPage.aspx”
   ）；
   

   当您导航到地址 ~/Reports/reportName 时，报告将运行。这可能会从控制器操作内部调用，可能会使用一些用户输入的参数或 web.config 连接字符串。有很多管理 ASP.NET 状态的方法和< a href="https://msdn.microsoft.com/en-us/library/6c3yckfw.aspx" rel="nofollow noreferrer">将值传递到 ASP.NET Web 表单页面。一种选择是将信息存储在会话中，并在控制器中像这样重定向：

   HttpContext.Session[reportSetup.ReportName] = new ReportSetup() {ReportName = "ClientReport"}; //报告设置；}
   return RedirectToRoute("ReportViewer", new { reportName = reportSetup.ReportName});
   

   然后，在 .aspx 页面内，您可以从 RouteData 值中获取 reportName 以及会话中的任何设置参数：

   // 从路由中获取报告名称
   string reportName = Page.RouteData.Values["reportName"].ToString();
   
   // 从会话中获取模型并清除
   ReportSetup setup = (ReportSetup)HttpContext.Current.Session[报告名称];
   

   优点：

   • 大多数路由似乎在默认情况下都能正常工作，并且 AJAX 控件也能正常工作，因此您可以设置 AyncRendering=True

   缺点：

   • 很难将 ASP Web 表单与 Razor MVC 布局结合使用，因此渲染会让用户脱离流程申请的其余部分。
   • 此外，报告值必须作为 URL 的一部分公开或通过会话间接传递（而不是直接传递到对象上）。

2. 选项 2 - 将 .ascx 嵌套在页面上的 PartialView 内

   改编自如何将 ReportViewer 控件与 Razor 一起使用？，您可以使用 .ascx 控件，只要它们继承自 System.Web.Mvc.ViewUserControl。

   创建一个名为 ReportViewerControl.ascx 的新 Web 窗体用户控件，如下所示：

   <%@ Control Language="C#" AutoEventWireup="true" CodeBehind="ReportViewerControl.ascx.cs" Inherits="MVCAppWithReportViewer.ReportViewerControl" %>
   <%@ Register TagPrefix="rsweb" Namespace="Microsoft.Reporting.WebForms" Assembly="Microsoft.ReportViewer.WebForms, Version=10.0.0.0, Culture=neutral, PublicKeyToken=b03f5f7f11d50a3a" %>
   
   <表单 id="form1" runat="服务器">
       AsyncRendering="False" />
       EnablePartialRendering="false" />
   
   

   <块引用>

   注意：您必须设置AsyncRendering="False"和EnablePartialRendering="false"

   在后面的代码中，您需要将继承类型从 System.Web.UI.UserControl 替换为 System.Web.Mvc.ViewUserControl 。

   在 Page_Init 上，您需要设置 Context.Handler 到 Page 以便正确注册事件。

   因此，ReportViewerControl.ascx.cs 应该如下所示：

   公共部分类 ReportViewerControl : System.Web.Mvc.ViewUserControl
   {
       protected void Page_Init（对象发送者，EventArgs e）
       {
           // 正确处理报告事件所必需的。
           Context.Handler = 页面；
       }
   
       protected void Page_Load（对象发送者，EventArgs e）
       {
           if (!Page.IsPostBack)
           {
               /* ... 报告设置 ... */ 
               serverReport.Refresh();
           }
       }
   }
   

   为了呈现报告，请将以下内容添加到控制器视图中：

   @Html.Partial("ReportViewerControl", Model)
   

   然后在 ReportViewerControl.ascx.cs Page_Load 事件中，您可以从 ViewUserControl.Model 属性如下：

   ReportSetup setup = (ReportSetup)Model;
   

   优点：

   • 可以构建到主 _layout.cshtml 中并在常规视图中使用
   • 可以直接传递模型

   缺点：

   • AsyncRendering 必须设置为 false，因此分页和排序等交互会导致整页刷新，有时会出现不稳定的情况。 Brian Hartman 有一个专门针对 ReportViewer 的博客，其中讨论了 异步渲染以及随之而来的所有包袱。

进一步阅读：

• 如何在 ASP.NET MVC 3 Razor 视图中使用 ReportViewer 控件？
• 如何在 MVC 4 中呈现远程 ReportViewer aspx 页面？
• MVC 5 和SSRS ReportViewer - 如何实施？

Answer 4

现在有一个 MvcReportViewer 助手。我们可以从 NuGet 获取它。

GitHub 上的项目网站

NuGet 包一个>

Answer 5

这有点简单，需要一些修复才能将一些像样的东西传递给 MVC 中的视图

public ActionResult Index()
{
    /*Credentials of a user that has access to SSRS*/
    string userid = "UserId";
    string password = "MyPassword";
    string domain = "MyDomain";

    string reportURL="http://ServerName/ReportServer?/ReportsFolder/ReportName&Parameter=UserName&rs:Command=Render&rs:Format=PDF";

    NetworkCredential nwc = new NetworkCredential(userid, password, domain);

    WebClient client = new WebClient();
    client.Credentials = nwc;

    Byte[] pageData = client.DownloadData(reportURL);

    Response.ContentType = "application/pdf";
    Response.AddHeader("Content-Disposition", "attachment; filename=" + DateTime.Now);
    Response.BinaryWrite(pageData);
    Response.Flush();
    Response.End();

    //return View();
    }

Answer 6

一个简单的解决方案是将 iframe 添加到您的 MVC 视图，该视图从报告服务 Web 服务打开您想要的报告。 iframe 将与报告服务的组件一起全面运行。如果您想将组件移至 MVC 视图中，则还可以动态控制 iframe 中的 url 使用的参数（例如使用 ajax）。

尽管这可行，但您仍然需要登录 Web 报告服务（iframe 将打开登录对话框）。对于 IE，这是通过使用 Windows 登录凭据“自动”完成的。

Answer 7

您可以使用 ReportViewerForMvc 在 MVC 中查看报告，方法是使用 Nuget 安装它

Install-Package Microsoft.Report.Viewer -Version 11.0.0

Install-Package Microsoft.ReportViewer.Runtime.WebForms -Version 12.0.2402.15

Install-Package ReportViewerForMvc

一旦您安装了 ReportViewer 和其他必需的 Nuget 包（如上所示），请在 Visual Studio 项目中添加一个新的 Report.rdlc

添加数据集在上面创建的report.rdlc中

现在，在MVC中创建一个ActionMethod，它将从数据库查询数据并返回report

 SSRSInMVC.Report.Report ds = new SSRSInMVC.Report.Report();
    public ActionResult ReportStudent()
    {
        ReportViewer reportViewer = new ReportViewer();
        reportViewer.ProcessingMode = ProcessingMode.Local;
        reportViewer.SizeToReportContent = true;
        reportViewer.Width = Unit.Percentage(900);
        reportViewer.Height = Unit.Percentage(900);

        var connectionString = ConfigurationManager.ConnectionStrings["SSRSInMVC.Properties.Settings.StudentsConnectionString"].ConnectionString;


        SqlConnection conx = new SqlConnection(connectionString);
        SqlDataAdapter adp = new SqlDataAdapter("SELECT * FROM Student_details", conx);

        adp.Fill(ds, ds.Student_details.TableName);

        reportViewer.LocalReport.ReportPath = Request.MapPath(Request.ApplicationPath) + @"Report\Report1.rdlc";
        reportViewer.LocalReport.DataSources.Add(new ReportDataSource("DataSet1", ds.Tables[0]));


        ViewBag.ReportViewer = reportViewer;

        return View();
    }

视图中，您有如下代码就

@using ReportViewerForMvc;
@{
   ViewBag.Title = "Report Student";
 }
 <br/>
<br />

   @Html.ReportViewer(ViewBag.ReportViewer as Microsoft.Reporting.WebForms.ReportViewer)

这样，我们就完成了。

参考：https： //qawithexperts.com/article/asp.net/displaying-ssrs-sql-server-reporting-service-in-mvc-view/77

Answer 8

为了以防万一它对任何人有帮助，我发现这些视频教程很容易遵循。
（您只需忍受第一个视频中可怕的背景音乐即可。）

ASP Net MVC 5 中的 SSRS 2019 报告

如何使用参数过滤 SSRS 2019 报告< /a>

我必须安装“ReportViewerForMvc14”而不是“ReportViewerForMvc”（视频中使用的），因为它不再可用。包装上的注释说它与原始版本相同，但只是更新为与 ReportViewer 14.0 配合使用。

Answer 9

我在 asp.net mvc 中设置 ssrs 报告时遇到了很多问题。希望这个解决方案有帮助。我在后面的代码中使用 vb 作为编程语言。

注意：这是设置 ssrs 报告服务器端。假设 ssrs 报告已发布在远程 ssrs 服务器上。

1. 将reportviewer包安装到您的解决方案中。
   我正在使用 nuget 包管理器控制台来设置解决方案所需的依赖文件。我已经为我的解决方案安装了 ReportViewerForMvc14，并且正在使用 .net Framework 4.7.2（如下面的屏幕截图所示）

注意：- Install-Package ReportViewerForMVC 不起作用..我已经包含了 14在最后 。

转到工具--> Nuget 包管理器 -->包管理器控制台-->选择默认的Project -->运行命令“Install-Package ReportViewerForMvc14”。

2. 上面的命令将添加解决方案所需的支持文件、dll。安装后还要检查“ReportViewerForMvc”是否已添加到引用中。

3. 在控制器中包含以下代码片段。设置报表查看器的所有属性后，我将报表查看器内容存储在 viewbag 中

    
    Function Index() As ActionResult
        'Fetch ssrs report server url and case history folder path entries from config.
        Dim ssrsReportServerUrl As String = ConfigurationManager.AppSettings.Get("SSRSReportURL") 
        Dim caseHistoryFolderPath As String = ConfigurationManager.AppSettings.Get("SSRSCaseHistoryReportPath")
        Dim qsCaseId As String = "CaseID"
        Dim CaseId As Integer = 0
        If String.IsNullOrWhiteSpace(Request.QueryString(qsCaseId)) Then
            Throw New ArgumentNullException("Page did not receive Case Id parameter.")
        End If
        If Not String.IsNullOrWhiteSpace(Request.QueryString(qsCaseId)) Then
            CaseId = Request.QueryString(qsCaseId).ToString
        End If

        If Not String.IsNullOrEmpty(ssrsReportServerUrl) AndAlso Not String.IsNullOrEmpty(caseHistoryFolderPath) Then
            Dim reportViewer As New ReportViewer
            reportViewer.ProcessingMode = ProcessingMode.Remote

            'Assign the reportserver url And path
            reportViewer.ServerReport.ReportServerUrl = New Uri(ssrsReportServerUrl)
            reportViewer.ServerReport.ReportPath = caseHistoryFolderPath

            'Assign the input parameters to report.--add multiple parameters below if you have multiple..i have only one parameter to pass.
            'to show the input parameter textbox entry on the screen , set below property to true.
            Dim rptParameters As New Microsoft.Reporting.WebForms.ReportParameter
            Dim paramarr(0) As Microsoft.Reporting.WebForms.ReportParameter
            rptParameters = New Microsoft.Reporting.WebForms.ReportParameter("CaseID", CaseId, False)
            paramarr(0) = rptParameters
            reportViewer.ServerReport.SetParameters(paramarr)

            '//Set the report properties (width, zoom, refresh, print controls)
            reportViewer.SizeToReportContent = True
            reportViewer.ZoomMode = ZoomMode.FullPage
            reportViewer.AsyncRendering = False
            reportViewer.ShowBackButton = False
            reportViewer.ShowRefreshButton = True
            reportViewer.ShowFindControls = True
            reportViewer.ShowPageNavigationControls = True
            reportViewer.ShowPrintButton = True

            reportViewer.ShowZoomControl = True

            reportViewer.ServerReport.Refresh()
            ViewBag.ReportViewer = reportViewer
        Else
            Throw New ArgumentNullException("Report Server URL or the Report Path is Invalid.")
        End If

        Return View(VIEW_FILE, ViewModel)
    End Function

4. 在页面的视图部分包含以下代码片段。我正在使用 vbhtml 页面。我正在获取reportviewer viewbag 并显示在vbhtml 页面中进行显示。

@Imports ReportViewerForMvc


@Code
    ViewData("Title") = "Details"

End Code

    html, body {
        margin: 0;
        padding: 0;       
    }
    .myreport{
        background-color:#fff;
    }

 @If Not ViewBag.ReportViewer 那么什么都不是
@

@Html.ReportViewer(TryCast(ViewBag.ReportViewer, Microsoft.Reporting.WebForms.ReportViewer), New With {.htmlAttributes = New With {.width = "100%", .height = "100%", .scrolling = "no “}}）



结束如果