ASP.NET Core 使用 EF 框架查询数据

上一章节我们学习了如何设置和初始化数据库,以及如何创建迁移代码和应用迁移代码。本章节我们就学习如何使用 EF 框架来查询数据库,至于添加和修改,后面的章节中我们会慢慢学习到

添加测试数据

我们首先使用 SQLite Studio 添加三条数据

ID Name
1 李白
2 杜甫
3 白居易
  1. 使用 SQLite Studio 打开我们的 blogging.db 数据库,双击左边的 Employees

  2. 然后点击上面的 数据( Data ) 后会显示 Employees 中的数据,因为没有任何数据,所以是空的

  3. 然后点击 绿色 的加号,就会出现一个表格编辑框

  4. 不用犹豫,双击第一个 NULL ,输入 1 ,然后双击第二个 NULL ,输入 李白 ,就这样

  5. 然后点击绿色的勾号,就这样,第一条数据添加成功了,如此,把剩下的两条也添加了吧,最后结果如下

显示数据

如果这时候直接重启我们的应用并刷新浏览器,会提示数据库不存在

因此我们需要更改下 HomeController,添加一个构造函数和属性

private readonly HelloWorldDBContext _context;

public HomeController(HelloWorldDBContext context)
{
    _context = context;    
}

然后再修改 Index 方法使用我们的 _context 属性

public ViewResult Index()
{

    var model = new HomePageViewModel();
    SQLEmployeeData sqlData = new SQLEmployeeData(_context);
    model.Employees = sqlData.GetAll();

    return View(model);
}

修改完成后全部的代码如下

using Microsoft.AspNetCore.Mvc;
using System.Collections.Generic;
using System.Linq;

using HelloWorld.Models;

namespace HelloWorld.Controllers
{
    public class HomeController: Controller
    {

        private readonly HelloWorldDBContext _context;

        public HomeController(HelloWorldDBContext context)
        {
            _context = context;
        }

        public ViewResult Index()
        {

            var model = new HomePageViewModel();
            SQLEmployeeData sqlData = new SQLEmployeeData(_context);
            model.Employees = sqlData.GetAll();

            return View(model);
        }
    }  

    public class SQLEmployeeData 
    { 
        private HelloWorldDBContext _context { get; set; }

        public SQLEmployeeData(HelloWorldDBContext context)
        { 
            _context = context;
        } 

        public void Add(Employee emp)
        { 
            _context.Add(emp); 
            _context.SaveChanges(); 
        } 

        public Employee Get(int ID)
        { 
            return _context.Employees.FirstOrDefault(e => e.ID == ID); 
        } 

        public IEnumerable<Employee> GetAll() 
        { 
            return _context.Employees.ToList<Employee>(); 
        } 
    } 

    public class HomePageViewModel
    { 
        public IEnumerable<Employee> Employees { get; set; } 
    } 
} 

保存 HomeController.cs,重启我们的应用并刷新浏览器,继续报错

这个错误的原因是我们返回的是列表数据,但我们模板却当作返回了一个 Employee 实例

修改 Home/Index.cshtml 文件,改成循环列表来显示所有的数据

@model HelloWorld.Controllers.HomePageViewModel 
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Home 控制器下的 Index 方法</title>
</head>
<body>
    <h1>欢迎!</h1>
    <div>这个消息来自 Home 控制器下的 Index 的视图文件 index.cshtml </div>
    <table>
        @foreach (var employee in Model.Employees) {
        <tr>
            <td>@employee.ID</td>
            <td>@employee.Name</td>
        </tr>
        }
    </table>
</body>
</html> 

保存 Home/Index.cshtml,刷新浏览器,显示如下,终于列出了所有的数据

员工详情

刚刚我们终于成功的使用 EF 框架从 SQLite 数据库中读取了所有的员工信息,现在,我们再制作一个页面来读取员工的详细信息

比如 1 号员工的详情页面为 /Home/Detail/1,2 号员工的详情页面为 /Home/Detail/2

这是符合我们在 Startup 类中默认的路由器的

routeBuilder.MapRoute("Default", "{controller=Home}/{action=Index}/{id?}");

在这种 URL 格式下,那么路由器中的属性 id 会被赋值为 12

我们首先修改下 Home/Index.cshtml 模板,给 ID 列添加链接

@model HelloWorld.Controllers.HomePageViewModel 
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Home 控制器下的 Index 方法</title>
</head>
<body>
    <h1>欢迎!</h1>
    <div>这个消息来自 Home 控制器下的 Index 的视图文件 index.cshtml </div>
    <table>
        @foreach (var employee in Model.Employees) {
        <tr>
            <td><a href="/Home/Detail/@employee.ID">@employee.ID</a></td>
            <td>@employee.Name</td>
        </tr>
        }
    </table>
</body>
</html> 

保存 Home/Index.cshtml,刷新浏览器,显示如下

如果我们随便点击一个员工的 id,比如 1 把,则会提示错误,提示没找到该页面

好吧,我们回到 HomeController,添加一个 Detail 方法

public ViewResult Detail(int id)
{

    var model = new HomePageViewModel();
    SQLEmployeeData sqlData = new SQLEmployeeData(_context);

    Employee employee = sqlData.Get(id);

    return View(employee);
}

代码几乎和 Index 一样除了以下几点

  1. 首先是参数部分,参数多了一个 int 类型的 id ,这个 id 和路由器的 id 是同一个意思

    routeBuilder.MapRoute("Default", "{controller=Home}/{action=Index}/{id?}");

    路由器中除了 controlleraction 之外的所有参数,都会按照顺序传递给处理方法

    而且会强制转换为方法参数的类型,比如刚刚访问的是 /Home/Detail/1,那么 1 这个路由参数就会被赋值给路由参数 id,然后会传递给 Detail 方法,并转换为 int 类型

  2. 因为我们要获取的是详情,所以就不能使用 GetAll() 方法而是使用 Get 方法,Get 方法要么返回空,要么返回一个 Employee 的实例

保存 HomeController,重启应用程序,刷新浏览器,报错如下,提示模板没有找到

那我们就创建一个模板呗,在 Views/Home 目录下新建一个 Detail.cshtml 文件,输入以下内容

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Home 控制器下的 Detail 方法</title>
</head>
<body>
    <h1>欢迎!</h1>
    <div>这个消息来自 Home 控制器下的 Detail 的视图文件 Detail.cshtml</div>
    <p><a href="/">返回首页</a></p>
    <table>
        <tr>
            <td>员工编号</td>
            <td>@Model.ID</td>
        </tr>
        <tr>
            <td>员工姓名</td>
            <td>@Model.Name</td>
        </tr>
    </table>
    <p><a href="/">返回首页</a></p>
</body>
</html> 

保存 Home/Detail.cshtml,刷新浏览器,显示如下

关于   |   FAQ   |   我们的愿景   |   广告投放   |  博客

  简单教程,简单编程 - IT 入门首选站

Copyright © 2013-2022 简单教程 twle.cn All Rights Reserved.