Как отобразить и обновить мои пользовательские поля удостоверений в базовом приложении ASP. NET?

Question

Я создал ASP. NET Базовое приложение, используя core 3.1, и я включил в него готовую аутентификацию. Я хотел добавить некоторые пользовательские поля для заполнения, такие как Location и Instagram. Следуя инструкциям здесь , я создал модель ApplicationUser.cs, которая наследует IdentityUser, и успешно перенес эту модель, чтобы добавить поля в мою таблицу AspNetUsers. Пока все в порядке.

Я хотел добавить эти поля на страницу своей учетной записи. Я понял, что не могу видеть страницу учетной записи пользователя. Используя , следуя инструкциям Я добавил недостающие страницы учетной записи в свой проект. Однако, когда я добавляю свои пропущенные поля, он утверждает, что их невозможно найти, несмотря на тот факт, что для идентификации всего проекта используется ApplicationUser согласно инструкциям в документации.

Области / Страницы / Аккаунт / Manage / Index.cs html

@page
@model IndexModel
@{
    ViewData["Title"] = "Profile";
    ViewData["ActivePage"] = ManageNavPages.Index;
}

<h4>@ViewData["Title"]</h4>
<partial name="_StatusMessage" model="Model.StatusMessage" />
<div class="row">
    HEY
    <div class="col-md-6">
        <form id="profile-form" method="post">
            <div asp-validation-summary="All" class="text-danger"></div>
            <div class="form-group">
                <label asp-for="Username"></label>
                <input asp-for="Username" class="form-control" disabled />
            </div>
            <div class="form-group">
                <label asp-for="Location"></label>
                <input asp-for="Location" class="form-control" />

            </div>
            <div class="form-group">
                <label asp-for="Instagram"></label>
                <input asp-for="Instagram" class="form-control" />

            </div>
            <div class="form-group">
                <label asp-for="Input.PhoneNumber"></label>
                <input asp-for="Input.PhoneNumber" class="form-control" />
                <span asp-validation-for="Input.PhoneNumber" class="text-danger"></span>
            </div>
            <button id="update-profile-button" type="submit" class="btn btn-primary">Save</button>
        </form>
    </div>
</div>

@section Scripts {
    <partial name="_ValidationScriptsPartial" />
}

И Location, и Instagram возвращают ошибку, которую они не могут найти в модели. Я пропустил шаг или есть что-то еще, что мне нужно сделать, чтобы добавить эти поля?

Answer 1

Вы должны добавить свойства для Location и Instagram в IndexModel.

Обновить InputModel в Areas/Identity/Pages/Account/Manage/Index.cshtml.cs:

public class InputModel
{
    [Phone]
    [Display(Name = "Phone number")]
    public string PhoneNumber { get; set; }

    public string Instagram { get; set; }

    public string Location { get; set; }

}

Обновить LoadAsync метод загрузки / показывает свойства:

private async Task LoadAsync(ApplicationUser user)
{
    var userName = await _userManager.GetUserNameAsync(user);
    var phoneNumber = await _userManager.GetPhoneNumberAsync(user);



    Username = userName;

    Input = new InputModel
    {
        PhoneNumber = phoneNumber,

        Instagram=user.Instagram,

        Location = user.Location
    };
}

Обновить OnPostAsync метод для обновления Location и Instagram свойства:

public async Task<IActionResult> OnPostAsync()
{
    var user = await _userManager.GetUserAsync(User);
    if (user == null)
    {
        return NotFound($"Unable to load user with ID '{_userManager.GetUserId(User)}'.");
    }

    if (!ModelState.IsValid)
    {
        await LoadAsync(user);
        return Page();
    }

    var phoneNumber = await _userManager.GetPhoneNumberAsync(user);
    if (Input.PhoneNumber != phoneNumber)
    {
        var setPhoneResult = await _userManager.SetPhoneNumberAsync(user, Input.PhoneNumber);
        if (!setPhoneResult.Succeeded)
        {
            var userId = await _userManager.GetUserIdAsync(user);
            throw new InvalidOperationException($"Unexpected error occurred setting phone number for user with ID '{userId}'.");
        }
    }
    if (Input.Instagram != user.Instagram)
    {
        user.Instagram = Input.Instagram;
    }

    if (Input.Location != user.Location)
    {
        user.Location = Input.Location;
    }

    await _userManager.UpdateAsync(user);


    await _signInManager.RefreshSignInAsync(user);
    StatusMessage = "Your profile has been updated";
    return RedirectToPage();
}

Наконец, измените Index.cs html чтобы включить два свойства:

<div class="form-group">
    <label asp-for="Input.Location"></label>
    <input asp-for="Input.Location" class="form-control" />

</div>
<div class="form-group">
    <label asp-for="Input.Instagram"></label>
    <input asp-for="Input.Instagram" class="form-control" />

</div>

Вы также можете нажать здесь для получения более подробной информации.