MVC方式顯示數據（數據庫）

新建實體數據模型

選擇ADO.NET實體數據模型，名稱改為數據庫名

因為使用現有數據庫，所以選擇來自數據庫的EF設計器，只演示所以只選擇一個表，空模型可后期增加表

選擇從數據庫更新模型

新建數據庫連接

選擇EF6.X框架

選擇要查詢數據的表

選擇后的實體數據庫設計視圖

引用異步、EF、數據模型命名空間

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using System.Threading.Tasks;
using System.Data.Entity;
using WebApplication1.Models;

namespace WebApplication1.Controllers
{
    public class HomeController : Controller
    {
        private NorthwindEntities db = new NorthwindEntities();
        public ActionResult Index()
        {
            return View();
        }

        public ActionResult About()
        {
            ViewBag.Message = "Your application description page.";

            return View();
        }

        public ActionResult Contact()
        {
            ViewBag.Message = "Your contact page.";

            return View();
        }
        //異步加載
        public async Task<ActionResult> CusAsync()
        {
            return View("Customers", await db.Customers.ToListAsync());
        }
        //根據查詢條件
        public ActionResult Customers()
        {
            string id = Request.Params["cusid"];
            var cus = from c in db.Customers where c.CustomerID == id select c;
            return View("Customers", cus);
        }
    }
}

視圖代碼

@model IEnumerable<WebApplication1.Models.Customers>
@{
    ViewBag.Title = "Customers";
}

<h2>Customers</h2>
<table class="table">
    <caption>基本的表格布局</caption>
    <thead>
        <tr>
            <th>CustomerID</th>
            <th>CompanyName</th>
            <th>ContactName</th>
        </tr>
    </thead>
    <tbody>
        @foreach (var item in Model)
        {
        <tr>
            <td>@Html.DisplayFor(modelitem => item.CustomerID)</td>
            <td>@Html.DisplayFor(modelitem => item.CompanyName)</td>
            <td>@Html.DisplayFor(modelitem => item.ContactName)</td>
        </tr>
        }
    </tbody>
</table>

顯示異步加載效果

根據查詢條件顯示效果