Blazor_WASM之3：项目结构如何改写为长尾词？

本文共计1061个文字，预计阅读时间需要5分钟。

Blazor WASM篇：项目结构+Blazor WebAssembly模板可选两种，Blazor WebAssembly APP及Blazor WebAssembly APP-Empty。若使用Blazor WebAssembly APP模板，则应填充以下内容：一个FetchData组件的演示代码。

Blazor_WASM之3：项目结构

Blazor WebAssembly项目模板可选两种，Blazor WebAssemblyAPP及Blazor WebAssemblyAPP-Empty

• 如果使用Blazor WebAssemblyAPP模板，则应用将填充以下内容：
  • 一个 FetchData 组件的演示代码，该组件从静态资产 (weather.json) 加载数据，且用户与 Counter 组件交互。
  • Bootstrap前端工具包。
• 如果使用 blazorwasm-empty 模板，则无需演示代码和 Bootstrap 即可创建应用。

项目结构

Pages目录

包含构成 Blazor 应用的可路由组件/页面 (.razor)，每个页面的路由使用 @page指令指定，目录下的Index 组件 (Index.razor)为Home 页。

每个razor都会在后台编译成一个类，以自带的Counter.razor为例。