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>

显示异步加载效果

根据查询条件显示效果