Blazor 是客户端渲染框架，不支持传统的 ASP.NET Core Request 对象；需通过 NavigationManager 解析当前 URL 查询字符串来获取表单提交的参数。
blazor 是客户端渲染框架，不支持传统的 asp.net core `request` 对象；需通过 `navigationmanager` 解析当前 url 查询字符串来获取表单提交的参数。
在 Blazor（尤其是 Blazor WebAssembly 或托管式 Blazor Server 的组件中），HttpContext、Request 等服务不可直接访问，因为组件运行在浏览器沙箱中（WebAssembly）或与请求生命周期解耦（Server）。因此，直接使用 Request.Query 会触发编译错误 CS0103：名称 "Request" 不存在于当前上下文。
✅ 正确做法是利用 NavigationManager 获取当前 URI，并借助 QueryHelpers.ParseQuery() 解析查询参数：
@inject NavigationManager NavigationManager
@{
double distance = 0;
var uri = NavigationManager.ToAbsoluteUri(NavigationManager.Uri);
var query = Microsoft.AspNetCore.WebUtilities.QueryHelpers.ParseQuery(uri.Query);
if (query.TryGetValue("distance", out var distanceValues) && distanceValues.Count > 0)
{
double.TryParse(distanceValues[0], out distance);
// 可选：记录或用于后续计算
Console.WriteLine($"Parsed distance: {distance}");
}
}对应的 HTML 表单保持标准语义即可（无需 @onsubmit 或 EventCallback）：
<p>Enter distance:</p><div class="aritcle_card flexRow">
<div class="artcardd flexRow">
<a class="aritcle_card_img" href="/xiazai/skill7761" title="Article To Html"><img
src="https://img.php.cn/upload/skill/000/000/081/179168408018805.jpg" alt="Article To Html" onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a>
<div class="aritcle_card_info flexColumn">
<a href="/xiazai/skill7761" title="Article To Html">Article To Html</a>
<p>文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。</p>
</div>
<a href="/xiazai/skill7761" title="Article To Html" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a>
</div>
</div><p><span>立即学习</span>“<a href="https://pan.quark.cn/s/cb6835dc7db1" style="text-decoration: underline !important; color: blue; font-weight: bolder;" rel="nofollow" target="_blank">前端免费学习笔记（深入）</a>”；</p>
<form method="get">
<input type="text" name="distance" placeholder="e.g., 12.5" />
<button type="submit">Calculate</button>
</form>? 关键说明：
-
<form method="get"></form>提交后会触发页面导航（URL 变化），Blazor 组件将自动重新渲染； -
NavigationManager.Uri返回当前完整 URL（如https://localhost:5001/?distance=42.3），ToAbsoluteUri()确保解析安全； -
QueryHelpers.ParseQuery()返回IReadOnlyDictionary<string stringvalues></string>，其中StringValues是可索引集合，推荐用TryGetValue()安全读取； - ⚠️ 注意：此方式仅适用于 GET 表单；若需 POST 或复杂交互（如防重提交、输入验证、异步处理），应改用
EditForm+InputNumber/InputText绑定模型，并配合OnValidSubmit事件。
? 总结：Blazor 中获取表单查询参数的核心是「URL 导航驱动」而非「HTTP 请求对象」——拥抱客户端路由逻辑，避免尝试服务端惯用模式。
