本サンプルでは、ASP .NET CoreとVueJSフレームワークを使用したWebアプリケーションでJSビューワを使用する方法を紹介します。
サンプルは、GitHubで公開しています。該当するバージョンのリポジトリをクローン、または、Zipダウンロードしてご利用ください。
- サンプルを実行する前に、.NET Core 3.1 SDKがシステムにインストールされている必要があります。
- Visual Studio 2022が必要です。
- Internet Information Services（IIS）に配置するには、.NET Core ホスティング バンドルが必要です。詳細は、Microsoft Learnを参照してください。
- Node.js バージョン16以降が必要です。
フォルダ
../WebSamples/JSViewer_Vue(Core)/
実行時の機能
サンプルを実行すると、以下のレポートを含むページが表示されます。これらのレポートには、ASP .NET Core WebおよびVueJSアプリケーションでJSビューワを使用する方法が説明されています。
左パネルのリストでレポートを選択すると、レポートをプレビューすることができます。
- AcmeStore.rdlx
- AnnualReport.rdlx
- Invoice.rdlx
- InvoiceList.rdlx
- Project & ResourceAnalysis - Staff Performance Analysis.rdlx
- Statistical analysis scatter plot.rdlx
- User defined report columns.rdlx
プロジェクトの構造
ClientAppフォルダ
Vueアプリが含まれます。
Controllersフォルダ
HomeController.csファイルが含まれます。レポートのリストを取得します。
readme.mdファイル
サンプルを実行する手順を説明します。
Startup.cs
UseReportViewer()ミドルウェアを追加して、ActiveReportsのAPIとハンドラのミドルウェアを構成します。