#ArticleItem.csファイル

​

using System;

using System.Collections.Generic;

using System.Linq;

using System.Threading.Tasks;

​

namespace BlazorApp1.Pages

{

    public class ArticleItem

    {

        public int Number { get; set; }

        public string Name { get; set; }

        public string Description { get; set; }

​

        //public ArticleItem(int number, string name, string description)

        //{

        //    this.Number = number;

        //    this.Name = name;

        //    this.Description = description;

        //}

    }

}

​

-------------------------------------------------------------------------------------------------------------------------------

​

# Article001.razorファイル

​

@page "/article001"

@using static BlazorApp1.Pages.ArticleItem

​

<h3>Article001</h3>

​

<ul>

    @foreach (var build2 in builds2)

    {

    <li class="builds">

        <img src="/Images/Builds/@build2.Name" style="width:100px; height:auto;

            /* border:5px #ff0000 solid; */ margin:10px;" />

        <span>@build2.Number @build2.Description</span>

    </li> 

    }

</ul>

​

@code {

    List<ArticleItem> builds2 = new List<ArticleItem>

    {

        new ArticleItem { Number = 1, Name="vermeer.jpg",  Description="フェルメールの真珠の耳飾りの少女" },

        new ArticleItem { Number = 2, Name="mona_lisa.jpg",  Description="ダ・ヴィンチのモナ・リザ" },

        new ArticleItem { Number = 3, Name="unnamed.jpg",  Description="作者不明のタイトル不明" },

        new ArticleItem { Number = 4, Name="the_last_supper.jpg",  Description="ダ・ヴィンチの最後の晩餐" }

    };

}