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>

显示异步加载效果

根据查询条件显示效果