クイックスタート: OLAP へのデータの追加

このセクションでは、MVC Web アプリケーションに OLAP コントロールを追加し、そこにデータを追加する方法について説明します。

このトピックは３つの手順で構成されます。

手順 1：MVC アプリケーションの作成
手順 2：OLAP のデータソースの作成
手順 3：OLAP コントロールの追加
手順 4：プロジェクトのビルドおよび実行

次の図は、上記の手順を実行した後の OLAP を示しています。

OLAP コントロール

手順 1：MVC アプリケーションの作成

ComponentOneまたはVisualStudioテンプレートを使用して新しいMVCアプリケーションを作成します。MVCアプリケーションの作成の詳細については、「MVCアプリケーションの設定」を参照してください。

手順 2：OLAP のデータソースの作成

［モデル］フォルダに新しいクラスを追加します（例：ProductData.cs）。新しいモデルの追加方法については、「コントロールの追加」を参照してください。

次のコードを新しいモデルに追加して、OLAP コントロールのデータソースになるクラスを定義します。

using System;
using System.Collections.Generic;
using System.Data;
using System.Linq;
using System.Text;
using System.Threading.Tasks;

namespace OlapQuickStart.Models
{
    public class ProductData
    {
        private static Random r = new Random();

        public int ID { get; set; }
        public string Product { get; set; }
        public string Country { get; set; }
        public DateTime Date { get; set; }
        public int Sales { get; set; }
        public int Downloads { get; set; }
        public bool Active { get; set; }
        public double Discount { get; set; }

        private static int randomInt(int max)
        {
            return (int)Math.Floor(r.NextDouble() * (max + 1));
        }
        public static DataTable GetDataTable(int cnt, string tableName)
        {
            var sufix = cnt / 10000;
            string[] countries = 
            "中国,インド,ロシア,米国,ドイツ,英国,日本,イタリア,ギリシャ,スペイン,ポルトガル"
            .Split(',');
            string[] products = "Wijmo,Aoba,Xuni,Olap".Split(',');
            DataTable data = new DataTable(tableName);
            data.Columns.Add("ID", typeof(int));
            data.Columns.Add("Product", typeof(string));
            data.Columns.Add("Country", typeof(string));
            data.Columns.Add("Date", typeof(DateTime));
            data.Columns.Add("Sales", typeof(int));
            data.Columns.Add("Downloads", typeof(int));
            data.Columns.Add("Active", typeof(bool));
            data.Columns.Add("Discount", typeof(double));
            for (var i = 0; i < cnt; i++)
            {
                object[] values = new object[] {
                    i,
                    products[randomInt(products.Length - 1)],
                    countries[randomInt(countries.Length - 1)],
                    new DateTime(2015, randomInt(11) + 1, randomInt(27) + 1),
                    randomInt(10000),
                    randomInt(10000),
                    randomInt(1) == 1 ? true : false,
                    r.NextDouble()
                };
                data.Rows.Add(values);
            }
            return data;
        }

        public static IEnumerable<ProductData> GetData(int cnt)
        {
            string[] countries = 
            "中国,インド,ロシア,米国,ドイツ,英国,日本,イタリア,ギリシャ,スペイン,ポルトガル"
            .Split(',');
            string[] products = "Wijmo,Aoba,Xuni,Olap".Split(',');
            List<ProductData> result = new List<ProductData>();
            for (var i = 0; i < cnt; i++)
            {
                result.Add(new ProductData
                {
                    ID = i,
                    Product = products[randomInt(products.Length - 1)],
                    Country = countries[randomInt(countries.Length - 1)],
                    Date = new DateTime(2015, randomInt(5) + 1, randomInt(27) + 1),
                    Sales = randomInt(10000),
                    Downloads = randomInt(10000),
                    Active = randomInt(1) == 1 ? true : false,
                    Discount = r.NextDouble()
                });
            }
            return result;
        }
    }
}

先頭に戻る

手順 3：OLAP コントロールの追加

OLAP コントロールを初期化するには、次の手順を実行します。

新しいコントローラーの追加

ソリューションエクスプローラーで、［コントローラー］フォルダを右クリックします。
コンテキストメニューから、［追加 →］→［コントローラー］を選択します。
［スキャフォールディングを追加］ダイアログで、次の手順を実行します。
1. ［MVC 5 コントローラー -空］テンプレートを選択します。
2. コントローラーの名前を設定します（例：OLAPController）。
3. ［追加］をクリックします。

メソッド Index() を次のメソッドに置き換えます。

  public class OlapController : Controller
  {
// GET: Olap
 private static System.Collections.IEnumerable Data = 
 ProductData.GetData(10).ToList();
// GET: PivotGrid
 public ActionResult Index()
      {
          return View(Data);
      }
  }

ビューの追加

ソリューションエクスプローラーで、［コントローラー］フォルダを展開し、コントローラーOLAPControllerをダブルクリックして開きます。
メソッドIndex()内にカーソルを置きます。
右クリックし、［ビューの追加］を選択します。［ビューの追加］ダイアログが表示されます。
［ビューの追加］ダイアログで、ビュー名が Index で、ビューエンジンが Razor (CSHTML)であることを確認します。

［追加］をクリックします。コントローラーにビューが追加されます。

@using OlapQuickStart.Models;

@model IEnumerable<ProductData>
<br />
@(Html.C1().PivotEngine().Id("indexEngine").Bind(Model)
    .RowFields(pfcb => pfcb.Items("Country"))
    .ColumnFields(cfcb => cfcb.Items("Product"))
    .ValueFields(vfcb => vfcb.Items("Sales")))
@Html.C1().PivotPanel().ItemsSourceId("indexEngine")
@Html.C1().PivotChart().ItemsSourceId("indexEngine")
@Html.C1().PivotGrid().ItemsSourceId("indexEngine")

手順 4：プロジェクトのビルドおよび実行

［ビルド］→［ソリューションのビルド］をクリックして、プロジェクトをビルドします。
［F5］キーを押してプロジェクトを実行します。
ブラウザのアドレスバーで、生成された URL にフォルダ名とビュー名を追加して（例：http://localhost:1234/OLAP/Index）、ビューを表示します。

先頭に戻る