Asp.net mvc 为下面的数据库行动态创建razor视图

对于下表TechCourse包含courseName图像和价格，我需要使用下面的CShtml代码动态显示这些详细信息。对于每个课程，上面的div代码应该动态显示

 +------------+-----------+---------------------+-------------+--+
|            |           |                     |             |  |
|  Course_ID | Name      | imageurl            | courseprize |  |
|     100    | Physics   | /images/physics.jpg | 750         |  |
|     101    | Maths     | /images/maths.jpg   | 800         |  |
|     102    | Biology   | /images/bio.jpg     | 800         |  |
|     103    | Chemistry | images/chem.jpg     | NULL        |  |
+------------+-----------+---------------------+-------------+--+

分区代码：

  <section class="popular-posts-block container">
        <header class="popular-posts-head">
            <h2 class="popular-head-heading">Most Popular Courses</h2>
        </header>
        <div class="row">
            <div class="slider popular-posts-slider">

                @foreach (var TechCourse in Model)
                {
                    <div>

                        <div class="col-xs-12">
                            <!-- popular post -->
                            <article class="popular-post">
                                <div class="aligncenter">
                                    <img src

     Here Course Image

     alt="image description">
                                </div>
                                <div>
                                    <strong class="bg-primary text-white font-lato text-uppercase price-tag">$99.00</strong>
                                </div>
                                <h3 class="post-heading"><a href="course-single.html">CourseName</a></h3>
                                <div class="post-author">
                                    <div class="alignleft rounded-circle no-shrink">
                                        <a href="instructor-single.html">
Here Image

<img src="http://placehold.it/35x35" class="rounded-circle" alt="image description"></a>
                                    </div>
                                    <h4 class="author-heading"><a href="instructor-single.html">Arfat</a></h4>
                                </div>
                                <footer class="post-foot gutter-reset">
                                    <ul class="list-unstyled post-statuses-list">
                                        <li>
                                            <a href="#">
                                                <span class="fas icn fa-users no-shrink"><span class="sr-only">users</span></span>
                                                <strong class="text fw-normal">98</strong>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <span class="fas icn no-shrink fa-comments"><span class="sr-only">comments</span></span>
                                                <strong class="text fw-normal">10</strong>
                                            </a>
                                        </li>
                                    </ul>
                                    <ul class="star-rating list-unstyled">
                                        <li><span class="fas fa-star"><span class="sr-only">star</span></span></li>
                                        <li><span class="fas fa-star"><span class="sr-only">star</span></span></li>
                                        <li><span class="fas fa-star"><span class="sr-only">star</span></span></li>
                                        <li><span class="fas fa-star"><span class="sr-only">star</span></span></li>
                                        <li><span class="fas fa-star"><span class="sr-only">star</span></span></li>
                                    </ul>
                                </footer>
                            </article>
                        </div>


                    </div>
                 }

            </div>


        </div>

    </section>

最受欢迎的课程
@foreach（模型中的var TechCourse）
{







明星
明星
明星
明星
明星

}

对于上表，TechCourse包含courseName图像和价格，我需要使用上述cshtml代码动态显示这些详细信息。对于每个课程，上面的div代码应该动态显示

使用以下代码：

 +------------+-----------+---------------------+-------------+--+
|            |           |                     |             |  |
|  Course_ID | Name      | imageurl            | courseprize |  |
|     100    | Physics   | /images/physics.jpg | 750         |  |
|     101    | Maths     | /images/maths.jpg   | 800         |  |
|     102    | Biology   | /images/bio.jpg     | 800         |  |
|     103    | Chemistry | images/chem.jpg     | NULL        |  |
+------------+-----------+---------------------+-------------+--+

public ActionResult Index()
    {

        var coursetab = (from list in dbcontext.Course_master orderby list.CreatedDate descending where list.Course_ID != 0 select list).ToList();


        return View(coursetab);
    }

视图代码：

<section class="popular-posts-block container">
    <header class="popular-posts-head">
        <h2 class="popular-head-heading">Most Popular Courses</h2>
    </header>
    <div class="row">
        <!-- popular posts slider -->
        <div class="slider popular-posts-slider">



            @foreach (var item in Model)
            {

                <div>
                    <div class="col-xs-12">
                        <!-- popular post -->
                        <article class="popular-post">
                            <div class="aligncenter">

                                <img src="~/Images/CourseImages/@item.Imageurl" style="height:147px;" />
                            </div>
                            <div>
                                <strong class="bg-primary text-white font-lato text-uppercase price-tag"></strong>
                            </div>
                            <h3 class="post-heading"><a href="course-single.html">@item.Name</a></h3>
                            <div class="post-author">
                                <div class="alignleft no-shrink rounded-circle">
                                    <a href="instructor-single.html"><img src="http://placehold.it/35x35" class="rounded-circle" alt="image description"></a>
                                </div>
                                <h4 class="author-heading"><a href="instructor-single.html">Arfat</a></h4>
                            </div>

                        </article>
                    </div>
                </div>
            }

        </div>
    </div>
</section>

最受欢迎的课程
@foreach（模型中的var项目）
{
}

到目前为止，您尝试了什么？你到底被困在哪里？你的源代码在哪里？毕竟与

c#

有任何联系吗？private List LoadCourses（）{List myCourse=new List（）；for（int i=0；i<3；i++）{DynamicCourses msvc=new DynamicCourses（）；msvc.courseur=“courseu url”+i.ToString（）+.html”；msvc.CourseImageUrl=“image_url”+i.ToString（）+”.jpg；msvc.Name=“Name”+i.ToString（）；myCourse.Add（msvc）；}返回myCourse；}公共操作结果CourseService（）{返回视图（LoadCourses（））；}请添加与您的问题相关的所有内容，而不是添加到评论部分。此外，解释什么东西没有按预期工作