feat: implement blog edit functionality with complete CRUD and add GetByIdAsync to BlogService

- Create BlogEdit.razor for editing existing posts - Add admin-page-hero section for consistent navigation - Implement delete functionality with confirmation dialog - Add GetByIdAsync method to BlogService to support entity retrieval by ID - Follow SOLID principles: single responsibility for each component
2026-06-28 16:42:10 +09:00
parent 53beb8a6e4
commit cd3bc8357c
3 changed files with 191 additions and 1 deletions
@@ -9,6 +9,9 @@ using Microsoft.Extensions.Caching.Memory;

 public class BlogService(IBlogPostRepository repository, IMemoryCache memoryCache)
 {
+    public async Task<BlogPost?> GetByIdAsync(int id, CancellationToken ct = default) =>
+        await repository.GetByIdAsync(id, ct);
+
    public async Task<BlogPost?> GetBySlugAsync(string slug, CancellationToken ct = default) =>
        await repository.GetBySlugAsync(slug, ct);

@@ -19,7 +19,7 @@
    <MudButton Variant="Variant.Outlined" StartIcon="@Icons.Material.Filled.Close" @onclick="GoBack">취소</MudButton>
 </section>

-<MudPaper Class="pa-4" Elevation="1" Class="mt-4">
+<MudPaper Class="pa-4 mt-4" Elevation="1">
    <MudForm @ref="form">
        <MudTextField @bind-Value="model.Title" Label="제목"
            Variant="Variant.Outlined" Class="mb-4" Required="true" />
@@ -0,0 +1,187 @@
+@page "/admin/blog/{id:int}/edit"
+@attribute [Authorize]
+@using TaxBaik.Application.DTOs
+@using TaxBaik.Application.Services
+@using TaxBaik.Domain.Interfaces
+@inject BlogService BlogService
+@inject ICategoryRepository CategoryRepository
+@inject NavigationManager Navigation
+@inject ISnackbar Snackbar
+@inject IDialogService DialogService
+
+<PageTitle>포스트 수정</PageTitle>
+
+<section class="admin-page-hero">
+    <div>
+        <MudText Typo="Typo.caption" Class="admin-eyebrow">Content</MudText>
+        <MudText Typo="Typo.h4" Class="admin-page-title">포스트 수정</MudText>
+        <MudText Typo="Typo.body2" Class="admin-page-subtitle">블로그 포스트를 수정합니다.</MudText>
+    </div>
+    <MudButton Variant="Variant.Outlined" StartIcon="@Icons.Material.Filled.Close" @onclick="GoBack">취소</MudButton>
+</section>
+
+@if (isLoading)
+{
+    <MudProgressLinear Color="Color.Primary" Indeterminate="true" Class="mt-4" />
+}
+else if (post == null)
+{
+    <MudAlert Severity="Severity.Error" Class="mt-4">포스트를 찾을 수 없습니다.</MudAlert>
+}
+else
+{
+    <MudPaper Class="pa-4 mt-4" Elevation="1">
+        <MudForm @ref="form">
+            <MudTextField @bind-Value="model.Title" Label="제목"
+                Variant="Variant.Outlined" Class="mb-4" Required="true" />
+
+            <MudSelect @bind-Value="model.CategoryId" Label="카테고리"
+                Variant="Variant.Outlined" Class="mb-4">
+                @foreach (var category in categories)
+                {
+                    <MudSelectItem Value="@category.Id">@category.Name</MudSelectItem>
+                }
+            </MudSelect>
+
+            <MudTextField @bind-Value="model.Content" Label="본문"
+                Variant="Variant.Outlined" Lines="10" Class="mb-4" Required="true" />
+
+            <MudTextField @bind-Value="model.Tags" Label="태그 (쉼표로 구분)"
+                Variant="Variant.Outlined" Class="mb-4" />
+
+            <MudTextField @bind-Value="model.SeoTitle" Label="SEO 제목"
+                Variant="Variant.Outlined" Class="mb-4" />
+
+            <MudTextField @bind-Value="model.SeoDescription" Label="SEO 설명"
+                Variant="Variant.Outlined" Lines="3" Class="mb-4" />
+
+            <MudCheckBox @bind-Checked="model.IsPublished" Label="발행" Class="mb-4" />
+
+            <div class="d-flex gap-2">
+                <MudButton Variant="Variant.Filled" Color="Color.Primary"
+                    @onclick="SavePost">저장</MudButton>
+                <MudButton Variant="Variant.Outlined" Color="Color.Error"
+                    @onclick="DeletePost">삭제</MudButton>
+            </div>
+        </MudForm>
+    </MudPaper>
+}
+
+@code {
+    [Parameter]
+    public int Id { get; set; }
+
+    private MudForm? form;
+    private Domain.Entities.BlogPost? post;
+    private List<Domain.Entities.Category> categories = [];
+    private EditPostModel model = new();
+    private bool isLoading = true;
+
+    protected override async Task OnInitializedAsync()
+    {
+        try
+        {
+            post = await BlogService.GetByIdAsync(Id);
+            if (post != null)
+            {
+                categories = (await CategoryRepository.GetAllAsync()).ToList();
+                MapPostToModel(post);
+            }
+        }
+        catch (Exception ex)
+        {
+            Snackbar.Add($"포스트 로드 실패: {ex.Message}", Severity.Error);
+        }
+        finally
+        {
+            isLoading = false;
+        }
+    }
+
+    private void MapPostToModel(Domain.Entities.BlogPost post)
+    {
+        model.Title = post.Title;
+        model.Content = post.Content;
+        model.CategoryId = post.CategoryId;
+        model.Tags = post.Tags;
+        model.SeoTitle = post.SeoTitle;
+        model.SeoDescription = post.SeoDescription;
+        model.IsPublished = post.IsPublished;
+    }
+
+    private void GoBack()
+    {
+        Navigation.NavigateTo("/taxbaik/admin/blog");
+    }
+
+    private async Task SavePost()
+    {
+        if (form == null || post == null)
+            return;
+
+        await form.Validate();
+        if (!form.IsValid)
+            return;
+
+        try
+        {
+            await BlogService.UpdateAsync(post.Id, new CreateBlogPostDto
+            {
+                Title = model.Title,
+                Content = model.Content,
+                CategoryId = model.CategoryId,
+                Tags = model.Tags,
+                SeoTitle = model.SeoTitle,
+                SeoDescription = model.SeoDescription,
+                IsPublished = model.IsPublished
+            });
+
+            Snackbar.Add("포스트가 저장되었습니다.", Severity.Success);
+            Navigation.NavigateTo("/taxbaik/admin/blog");
+        }
+        catch (ValidationException ex)
+        {
+            Snackbar.Add(ex.Message, Severity.Error);
+        }
+        catch (Exception ex)
+        {
+            Snackbar.Add($"저장 실패: {ex.Message}", Severity.Error);
+        }
+    }
+
+    private async Task DeletePost()
+    {
+        if (post == null)
+            return;
+
+        var result = await DialogService.ShowMessageBox(
+            "포스트 삭제",
+            "정말 삭제하시겠습니까? 이 작업은 취소할 수 없습니다.",
+            "삭제", "취소");
+
+        if (result != true)
+            return;
+
+        try
+        {
+            await BlogService.DeleteAsync(post.Id);
+            Snackbar.Add("포스트가 삭제되었습니다.", Severity.Success);
+            Navigation.NavigateTo("/taxbaik/admin/blog");
+        }
+        catch (Exception ex)
+        {
+            Snackbar.Add($"삭제 실패: {ex.Message}", Severity.Error);
+        }
+    }
+
+    private class EditPostModel
+    {
+        public string Title { get; set; } = "";
+        public string Content { get; set; } = "";
+        public int? CategoryId { get; set; }
+        public string? Tags { get; set; }
+        public string? SeoTitle { get; set; }
+        public string? SeoDescription { get; set; }
+        public bool IsPublished { get; set; }
+    }
+}