如何在我的网站中加入数据库表？

Question

这是我的代码：

albums.cshtml

@page
@using Project.Models
@model Project.Pages.AlbumsModel
@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers

<div class="row">
    <h1 class="display-2">Albums</h1>
    <table class="table">
        <thead class="thead-inverse">
            <tr>
                <th>Album ID</th>
                <th>Artist ID</th>
                <th>Artist name</th>
                <th>Album title</th>
                <th></th>
                <th></th>
            </tr>
        </thead>

        <tbody>
            @foreach (Album album in Model.Albums)
            {
                <tr>
                    <td>@album.AlbumId</td>
                    <td>@album.ArtistId</td>
                    <td>@Html.DisplayFor(modelArtists => album.Artist.Name)</td>
                    <td>@album.Title</td>
                    <td><a asp-page="/Albums/Details" asp-route-id="@album.AlbumId">Details</a></td>
                    <td><a asp-page="/Albums/Edit" asp-route-id="@album.AlbumId">Edit</a></td>
                    <td><a asp-page="/Albums/Delete" asp-route-id="@album.AlbumId">Delete</a></td>   
                    <td><a asp-page="/Albums/AlbumTracks" asp-route-id="@album.AlbumId">Tracks</a></td>       
                </tr>
            }
        </tbody>
    </table>
</div>
<div class="row">
    <p>Enter a title & ArtistID for a new album:&nbsp;</p>
    <form method="POST">
        <div><input asp-for="Album.Title" /></div>
        <div><input asp-for="Album.ArtistId" /></div>
        <input type="submit" />
    </form>
</div>
<div>
    <a asp-page="/Index">Home</a>
</div>

AlbumTracks.cshtml

@page
@using Project.Models
@model Project.Pages.AlbumTracksModel
@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers

<div class="row">
    <h1 class="display-2">Tracks</h1>
    <table class="table">
        <thead class="thead-inverse">
            <tr>
                <th>Track name</th>
                <th></th>
                <th></th>
                <th></th>
                <th></th>
            </tr>
        </thead>

        <tbody>
            @foreach (Track track in Model.Tracks)
            {
                <tr>
                    <td>@track.TrackId</td>
                    <td>@track.Name</td>
                </tr>
            }
        </tbody>
    </table>
</div>
@* <div class="row">
    <p>Enter a name & TrackID for a new track:&nbsp;</p>
    <form method="POST">
        <div><input asp-for="Track.Name" /></div>
        <div><input asp-for="Track.TrackId" /></div>
        <input type="submit" />
    </form>
</div> *@
<div>
    <a asp-page="/Index">Home</a>
</div>

AlbumTracks.cshtml.cs

using Microsoft.AspNetCore.Mvc;
using Microsoft.AspNetCore.Mvc.RazorPages;
using Microsoft.EntityFrameworkCore;
using Project.Models;
using System;
using System.Collections.Generic;
using System.Linq;

namespace Project.Pages
{
    public class AlbumTracksModel : PageModel
    {
        private Chinook db;

        public AlbumTracksModel(Chinook injectedContext)
        {
            db = injectedContext;
        }
        public IEnumerable<Track> Tracks { get; set; }
        public void OnGetAsync()
        {
            ViewData["Title"] = "Chinook Web Site - Tracks";
            Tracks = db.Tracks.Include(a => a.Album);
        }
    }
}

目前，我在 AlbumTracks.cshtml 中显示每个专辑中的所有曲目，而不仅仅是用户在 album.cshtml 中选择的曲目。我已经反复阅读this，但我正在努力找出 AlbumTracks.cshtml 的语法，也许我需要在 AlbumTracks.cshtml.cs 中添加更多内容？

我想也许我需要使用这样的东西来加入表格：

        if (item.AlbumID == Model.AlbumID)

请指点一下？ TIA。

编辑：GitHub repo

Answer 1

目前，我在 AlbumTracks.cshtml 中显示每张专辑的所有曲目，而不仅仅是用户在 album.cshtml 中选择的曲目。

你确定你描述的是正确的吗？您可以使用以下代码显示所有专辑中的所有曲目：

Tracks = db.Tracks.Include(a => a.Album);

我想你想要的是当你点击albums.cshtml中的Tracks链接时可以显示所选专辑的曲目：

<td><a asp-page="/Albums/Album Tracks" asp-route-id="@album.AlbumId">Tracks</a></td>

如果我说的是正确的，你需要先将id 参数添加到你的/Albums/AlbumTracks 方法并修改linq，如下所示：

public class AlbumTracksModel : PageModel
{
    private Chinook db;

    public AlbumTracksModel(Chinook injectedContext)
    {
        db = injectedContext;
    }
    public IEnumerable<Track> Tracks { get; set; }

    public void OnGetAsync(int id)
    {
        ViewData["Title"] = "Chinook Web Site - Tracks";
        Tracks = db.Tracks.Include(a => a.Album).Where(a=>a.AlbumId==id);
    }
}

专辑曲目.cshtml：

@page
@using Project.Models
@model Project.Pages.AlbumTracksModel
@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers

<div class="row">
    <h1 class="display-2">Tracks</h1>
    <table class="table">
        <thead class="thead-inverse">
            <tr>
                <th>Track name</th>
                <th></th>
                <th></th>
                <th></th>
                <th></th>
            </tr>
        </thead>

        <tbody>
            @foreach (Track track in Model.Tracks)
            {
                <tr>
                    <td>@track.TrackId</td>
                    <td>@track.Name</td>
                </tr>
            }
        </tbody>
    </table>
</div>

结果：

Answer 2

也许可以试试：

foreach (var track in Model.Tracks)
{
    if(item.AlbumID == Model.AlbumID)
    {
         <tr>
              <td>@track.TrackId</td>
              <td>@track.Name</td>
         </tr> 
    }
}

您可以发布您的模型吗？

我的应用中有类似的东西，我创建了 2 个模型，例如1 个用于曲目，1 个用于专辑。 然后在您的专辑模型中创建一个列表 Tracklist 并在您的轨道模型中创建一个属性 AlbumId。 在您的轨道控制器中，创建轨道后，您可以拥有类似

var albums = _context.Albums.toList // or any other way to retrieve the albums from the DB. 
foreach (var item in albums)
if (track.AlbumId = item.Id)
{
     item.Tracklist.add(Track)
}

我对此还是有点陌生​​，所以希望这可行！