在使用WebAPI的MVC應用程式中填充下拉串列

我有一個簡單的 MVC 應用程式，它通過 REST 使用 Web api。MVC 應用程式中的控制器對 Web api 進行 http 呼叫，以使用 razor 語法填充 MVC 應用程式中的視圖。

我試圖弄清楚如何在“創建”操作之一上填充下拉串列。我目前只是使用腳手架頁面：

@model ComicBookInventory.Shared.ComicBookWithAuthorsAndCharactersViewModel

@{
    ViewData["Title"] = "CreateComicBook";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<h1>CreateComicBook</h1>

<hr />
<div class="row">
    <div class="col-md-4">
        <form asp-action="CreateComicBook">
            <div asp-validation-summary="ModelOnly" class="text-danger"></div>
            <div class="form-group">
                <label asp-for="Id" class="control-label"></label>
                <input asp-for="Id" class="form-control" />
                <span asp-validation-for="Id" class="text-danger"></span>
            </div>
            <div class="form-group">
                <label asp-for="Title" class="control-label"></label>
                <input asp-for="Title" class="form-control" />
                <span asp-validation-for="Title" class="text-danger"></span>
            </div>
            <div class="form-group">
                <label asp-for="Description" class="control-label"></label>
                <input asp-for="Description" class="form-control" />
                <span asp-validation-for="Description" class="text-danger"></span>
            </div>
            <div class="form-group form-check">
                <label class="form-check-label">
                    <input class="form-check-input" asp-for="IsRead" /> @Html.DisplayNameFor(model => model.IsRead)
                </label>
            </div>
            <div class="form-group">
                <label asp-for="DateRead" class="control-label"></label>
                <input asp-for="DateRead" class="form-control" />
                <span asp-validation-for="DateRead" class="text-danger"></span>
            </div>
            <div class="form-group">
                <label asp-for="Rating" class="control-label"></label>
                <input asp-for="Rating" class="form-control" />
                <span asp-validation-for="Rating" class="text-danger"></span>
            </div>
            <div class="form-group">
                <label asp-for="Genre" class="control-label"></label>
                <input asp-for="Genre" class="form-control" />
                <span asp-validation-for="Genre" class="text-danger"></span>
            </div>
            <div class="form-group">
                <label asp-for="CoverUrl" class="control-label"></label>
                <input asp-for="CoverUrl" class="form-control" />
                <span asp-validation-for="CoverUrl" class="text-danger"></span>
            </div>
            <div class="form-group">
                <input type="submit" value="Create" class="btn btn-primary" />
            </div>
        </form>
    </div>
</div>

<div>
    <a asp-action="Index">Back to List</a>
</div>

@section Scripts {
    @{
    await Html.RenderPartialAsync("_ValidationScriptsPartial");
}
}

從控制器中的此操作中填充：

        public async Task<IActionResult> CreateComicBook(ComicBookWithAuthorsAndCharactersViewModel model)
        {
            string uri = $"https://localhost:5001/api/comicbook/add-book/";
            HttpClient client = _httpClientFactory.CreateClient(
                    name: "ComicBookInventory.Api");

            var postTask = await client.PostAsJsonAsync<ComicBookWithAuthorsAndCharactersViewModel>(uri, model);

            if (postTask.IsSuccessStatusCode)
            {
                return RedirectToAction("GetAllComics");
            }
            else
            {
                return View(model);
            }
        }

這是視圖模型定義：

namespace ComicBookInventory.Shared
{
    public class ComicBookWithAuthorsAndCharactersViewModel
    {
        public int Id { get; set; }
        public string Title { get; set; }
        public string Description { get; set; }
        public bool IsRead { get; set; }
        public DateTime? DateRead { get; set; }
        public int? Rating { get; set; }
        public string Genre { get; set; }
        public string? CoverUrl { get; set; }

        /// <summary>
        /// Navigation properties
        /// </summary>
        /// a book can have many authors
        public ICollection<string>? AuthorNames { get; set; }
        public ICollection<string>? CharacterNames { get; set; }

    }
}

我的問題是，我想在視圖中添加一個下拉清單，以便在創建漫畫書時，我可以選擇資料庫中當前存在的作者。字符也是一樣。

如果有人感興趣，這是整個代碼庫：

標籤：C＃ asp.net-mvc asp.net 核心 asp.net-web-api 实体框架核心

上一篇：當我在EFCore中執行ToList()時，是否釋放了DbContext

下一篇：在Layout.cshtmlAsp.net中呼叫模型時出錯