SharpShooter Reports.Web
基本的な使い方 (ASP.NET MVC3+Razor)
Last modified on: November 15, 2012
※本ドキュメント内のスクリーンショットは英語表記ですが SharpShooter Reports JP(日本語版)では日本語で表示されます。

PERPETUUM
softwarewww.perpetuumsoft.com

目次
必要条件 .............................................................................................................................. 3
はじめに .............................................................................................................................. 3
実装 ................................................................................................................................... 3
手順 1. プロジェクトに SharpShooter Reports.Web パッケージを追加する .................................... 3
手順 2. ビューにレポートビューアを追加する ............................................................................ 5
手順 3. プロジェクトを実行する ............................................................................................. 6
手順 4. レポートを編集する ................................................................................................. 72PERPETUUM
softwarewww.perpetuumsoft.com

必要条件
ASP.NET MVC Web アプリケーションでうまく SharpShooter Reports.WebViewer を使用するには、以下が必要です。
···.NET Framework 4
Visual Studio 2010
ASP.NET MVC 3

はじめにこ の ド キ ュ メ ン ト で は 、 （ Razor の view エ ン ジ ン 付 き の ） ASP.NET MVC3 ア プ リ ケ ー シ ョ ン に
SharpShooter Reports.Web の帳票機能を追加する方法を説明します。既に既存の ASP.NET MVC 3 アプリ
ケーションがおありで、そこに帳票機能を追加することを前提としています。
また、Visual Studio に NuGet 拡張機能がインストールされていることも前提となります。まだインストールがお済みでない場合は、こちらを参考にして Nuget をインストールしてください。
このチュートリアルに従えば、NuGet パッケージを使用して 10 分ほどで Web アプリケーションにサービスを設定し、レポートビューアに定義済みのスキンを付けて追加できます。

実装
手順 1. プロジェクトに SharpShooter Reports.Web パッケージを追加する
注意：プロジェクトにパッケージをインストールする前に、マシンに SharpShooter
Reports.Web がインストールされていることをご確認ください。
プロジェクトのコンテキストメニューを開いて、[Manage NuGet Packages…]（NuGet パッケージの管理）を選択します。

3

PERPETUUM
softwarewww.perpetuumsoft.com

左側のサイドバーにある「Online」タブを選択し、右上の検索文字列ボックスに「SharpShooter.Reports」を入力します。
利用可能なパッケージから「SharpShooter Reports.Web (ASP.NET MVC 3+Razor)」を選択し、「Install」ボタンをクリックします。

このパッケージは、以下の項目をプロジェクトに追加します。
·/Scripts/SharpShooterReports に JavaScript のファイル4PERPETUUM
software····www.perpetuumsoft.com

Report Controller/Controllers/SharpShooterReports/SharpShooterReportServiceController.cs/Controllers/SharpShooterReports/SharpShooterReportService に Report Service のファイル共有ビュー /Views/Shared/SharpShooterReportViewer/_SharpShooterReportViewer.cshtml/Content/SharpShooterReports にイメージや CSS

手順 2. ビューにレポートビューアを追加する「_Layout.cshtml」ファイルを開いて、header セクションに次のコードを追加します。
@RenderSection("ReportViewerHeader", false);

5

PERPETUUM
softwarewww.perpetuumsoft.com

プロジェクトにコントローラを追加し、「Reports」という名前にします。このコントローラのビューを追加します。新しく作成したビューを開いて、次のコードを追加します。
@section ReportViewerHeader{<link href="@Url.Content("~/Content/SharpShooterReports/ReportViewer.css")" rel="stylesheet" type="text/css" /><link href="@Url.Content("~/Content/SharpShooterReports/WebViewerSkin.css")" rel="stylesheet" type="text/css" />}@{Html.RenderPartial("SharpShooterReportViewer/_SharpShooterReportViewer");}

手順 3. プロジェクトを実行する
アプリケーションを実行し、「reports」コントローラに行きます。

注意：場合によっては、下図のようなエラーが発生する場合があります。それを修正するには、プロジェクトから Perpetuumsoft.Framework の参照を削除し、手動で追加してください。

レポートが読み込まれると、次のように表示されます。

6PERPETUUM
softwarewww.perpetuumsoft.com

手順 4. レポートを編集する
レ ポ ー ト を 編 集 す る に は 、 /Controllers/SharpShooterReports/SharpShooterReportService/SharpShooterReportsServiceClass.cs を探し出して、コンテキストメニューから [デザイナの表示] を選択します。このように表示されます。

ReportManager 1 コンポーネントをダブルクリックし、「InlineReportSlot1」を選択し、[デザイナの起動]ボタンを押します。

7

PERPETUUM
softwarewww.perpetuumsoft.com

レポートデザイナが表示され、レポートが編集できます。

8