如何在Blazor Server应用网页中实现文本文件字符串编辑功能？

1. 页面交互UI实现 #

先在你的页面上添加交互控件，让用户输入查找/替换内容，同时预览文件内容：

<div class="container mt-4">
    <div class="mb-3">
        <label class="form-label">查找字符串:</label>
        <input @bind="SearchText" class="form-control" placeholder="输入要替换的内容" />
    </div>
    <div class="mb-3">
        <label class="form-label">替换为:</label>
        <input @bind="ReplaceText" class="form-control" placeholder="输入替换后的内容" />
    </div>
    <div class="mb-3">
        <label class="form-label">文件内容:</label>
        <textarea @bind="FileContent" class="form-control" rows="10" readonly></textarea>
    </div>
    <button @onclick="ReplaceInFile" class="btn btn-primary">执行替换</button>
    @if (!string.IsNullOrEmpty(Message))
    {
        <div class="mt-3 alert @MessageCssClass">@Message</div>
    }
</div>

2. 后端逻辑实现 #

在@code块中注入IWebHostEnvironment获取正确的wwwroot路径，实现异步读写和替换逻辑，同时处理异常：

@code {
    [Inject]
    private IWebHostEnvironment WebHostEnv { get; set; } = default!;

    private string SearchText { get; set; } = string.Empty;
    private string ReplaceText { get; set; } = string.Empty;
    private string FileContent { get; set; } = string.Empty;
    private string Message { get; set; } = string.Empty;
    private string MessageCssClass { get; set; } = string.Empty;

    // 目标文件名，可改成让用户选择的逻辑，这里固定DEJLIGER.txt
    private readonly string TargetFileName = "DEJLIGER.txt";

    protected override async Task OnInitializedAsync()
    {
        // 页面加载时自动读取文件内容
        await LoadFileContent();
    }

    private async Task LoadFileContent()
    {
        try
        {
            var filePath = Path.Combine(WebHostEnv.WebRootPath, TargetFileName);
            if (File.Exists(filePath))
            {
                FileContent = await File.ReadAllTextAsync(filePath);
                ClearMessage();
            }
            else
            {
                ShowMessage("文件不存在，请先上传", "alert-danger");
            }
        }
        catch (Exception ex)
        {
            ShowMessage($"加载文件失败: {ex.Message}", "alert-danger");
        }
    }

    private async Task ReplaceInFile()
    {
        if (string.IsNullOrWhiteSpace(SearchText))
        {
            ShowMessage("请输入要查找的字符串", "alert-warning");
            return;
        }

        try
        {
            var filePath = Path.Combine(WebHostEnv.WebRootPath, TargetFileName);
            if (!File.Exists(filePath))
            {
                ShowMessage("文件不存在，请先上传", "alert-danger");
                return;
            }

            // 异步读取文件
            var content = await File.ReadAllTextAsync(filePath);
            // 执行替换，要正则替换就改成Regex.Replace(content, SearchText, ReplaceText)
            var newContent = content.Replace(SearchText, ReplaceText);
            // 异步写入文件
            await File.WriteAllTextAsync(filePath, newContent);

            // 更新页面显示
            FileContent = newContent;
            ShowMessage("替换完成", "alert-success");
        }
        catch (Exception ex)
        {
            ShowMessage($"替换失败: {ex.Message}", "alert-danger");
        }
    }

    private void ShowMessage(string message, string cssClass)
    {
        Message = message;
        MessageCssClass = cssClass;
    }

    private void ClearMessage()
    {
        Message = string.Empty;
        MessageCssClass = string.Empty;
    }
}

核心注意事项 #

• 路径处理：不要硬编码\wwwroot\，通过IWebHostEnvironment.WebRootPath获取wwwroot绝对路径，适配不同部署环境。
• 异步操作：用File.ReadAllTextAsync/File.WriteAllTextAsync替代同步方法，避免阻塞Blazor Server线程。
• 异常反馈：添加文件存在检查和异常捕获，给用户明确的操作提示。
• 正则替换支持：如果需要正则匹配，替换时改用Regex.Replace，记得添加using System.Text.RegularExpressions;引用。

内容的提问来源于stack exchange，提问作者Piani Dud