301的网站用什么来做营销型网站建设的要素

张小明 2026/1/2 13:59:04
301的网站用什么来做,营销型网站建设的要素,wordpress中文帮助,网站免费主机、创建和应用Blazor 布局网站应用往往有许多公共的视图部分#xff0c;比如顶部导航nav,底部的footer#xff0c;管理系统的左边的menu菜单等等。Layout可以轻松实现以上的效果。Blazor 布局是一个 Razor 组件#xff0c;它与引用该布局的组件共享标记。 布局可以使用数据绑…、创建和应用Blazor 布局网站应用往往有许多公共的视图部分比如顶部导航nav,底部的footer管理系统的左边的menu菜单等等。Layout可以轻松实现以上的效果。Blazor 布局是一个 Razor 组件它与引用该布局的组件共享标记。 布局可以使用数据绑定、依赖关系注入和组件的其他功能。1、创建布局可以理解为母版页新建一个razor文件文件顶部使用inherits LayoutComponentBase 表示继承自LayoutComponentBase 说明这是个母版页使Body作为占位。17db26a2fc59811f252472259a25564cinherits LayoutComponentBasePageTitleDoctor Who® Database/PageTitleheaderh1Doctor Who® Database/h1/headernava hrefmain-listMain Episode List/aa hrefsearchSearch/aa hrefnewAdd Episode/a/navBodyfooterTrademarkMessage/footercode {public string TrademarkMessage { get; set; } CSharp精选营;}点击并拖拽以移动2、MainLayout 组件在从 Blazor 项目模板创建的应用中MainLayout 组件就是应用的默认布局。Blazor 的 CSS 隔离功能将独立 CSS 样式应用于 MainLayout 组件。 按照惯例样式由相同名称的随附样式表 MainLayout.razor.css 提供。4e72d0845945faae717cbd8bc4e4dc47e2f8774f69788dd6c9469c6be0cee86a​3、应用布局在razor文件顶部申明“layout 模板页名”来设置母版页bc1edcdda470ec5d61fc422465d5e24e如果一个页面没有设置模板页就像blazor默认项目那样他就会使用在app.razor文件中定义的默认模板页07c69bc84df89396eb47a0f95384f6b9​如何不设置任何模板页?比如我们的登录的页面是不需要加通用模板的通过if 控制 RouteView的DefaultLayout即可Router AppAssemblytypeof(App).AssemblyFound ContextrouteDataif (routeData.PageType typeof(Pages.LayoutSample)){RouteView RouteDatarouteData /}else{RouteView RouteDatarouteData DefaultLayouttypeof(MainLayout) /FocusOnNavigate RouteDatarouteData Selectorh1 /}/FoundNotFoundPageTitleNot found/PageTitleLayoutView Layouttypeof(MainLayout)p rolealertSorry, theres nothing at this address./p/LayoutView/NotFound/Router4、嵌套布局组件可以引用一个布局该布局又可以引用另一个布局。 例如嵌套布局可用于创建多级菜单结构。以下示例演示如何使用嵌套布局:inherits LayoutComponentBaselayout ProductionsLayoutPageTitleDoctor Who® Database/PageTitleheaderh1Doctor Who® Database/h1/headernava hrefmain-episode-listMain Episode List/aa hrefepisode-searchSearch/aa hrefnew-episodeAdd Episode/a/navBodyfooterTrademarkMessage/footercode {public string TrademarkMessage { get; set; } CSharp精选营;}点击并拖拽以移动ProductionsLayout 组件包含顶级布局元素其中包含有标头 (header.../header) 和页脚 (footer.../footer) 元素。 带有DoctorWhoLayout组件的 Episodes 会在Body出现的位置显示。inherits LayoutComponentBaseheaderh1Productions/h1/headernava hrefmain-production-listMain Production List/aa hrefproduction-searchSearch/aa hrefnew-productionAdd Production/a/navBodyfooterFooter of Productions Layout/footer点击并拖拽以移动以下呈现的 HTML 标记由前面的嵌套布局生成:headerh1Productions/h1/headernava hrefmain-production-listMain Production List/aa hrefproduction-searchSearch/aa hrefnew-productionAdd Production/a/navheaderh1Doctor Who® Database/h1/headernava hrefmain-episode-listMain Episode List/aa hrefepisode-searchSearch/aa hrefnew-episodeAdd Episode/a/navfooterCSharp精选营/footerfooterFooter of Productions Layout/footer点击并拖拽以移动更多参考https://learn.microsoft.com/zh-cn/aspnet/core/blazor/components/layouts?viewaspnetcore-9.0二、路由配置和导航ASP.NET Core Blazor 路由配置和导航 - 码农刚子 - 博客园三、条件渲染和循环渲染第一章中已经讲过了Blazor的语法。1、Blazor 条件渲染Blazor 中的 if 语法用于根据条件动态渲染页面元素。它类似于 C# 的 if 语句但专门用于处理 UI 渲染。请看以下示例if (isLoading){p加载中.../p}else{p加载完成/p}code {private bool isLoading true;protected override void OnInitialized(){// 模拟加载完成Task.Delay(2000).ContinueWith(_ {isLoading false;InvokeAsync(StateHasChanged);});}}点击并拖拽以移动你可以嵌套多个 if 或结合 else if 使用if (userRole Admin){p欢迎管理员/p}else if (userRole User){p欢迎普通用户/p}else{p请登录。/p}code {private string userRole Admin;}点击并拖拽以移动2、Blazor 循环渲染下面我们有一个list需要显示多个学生信息,for,do…while,while 与foreach类似这里就不在赘述h3用户列表/h3tabletheadtrthName/ththAge/ththGender/th/tr/theadtbodyforeach (var item in list){trtditem.Name/tdtditem.Age/tdswitch (item.Gender){case 0:{td男/tdbreak;}case 1:{td女/tdbreak;}case 2:{td未知/tdbreak;}}/tr}/tbody/tablecode {ListUser list new ListUser();User User1 new User(){Name John,Age 20,Gender 2,};User User2 new User(){Name Sub,Age 22,Gender 0,};protected override void OnInitialized(){list.Add(User1);list.Add(User2);}public class User{public string Name { get; set; } string.Empty;public int Age { get; set; }public int Gender { get; set; } // 0: 男, 1: 女, 2: 未知}}
版权声明:本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!

php网站开发思路软件后端开发

OpenPLC虚拟工业控制器完全实战指南 【免费下载链接】OpenPLC Software for the OpenPLC - an open source industrial controller 项目地址: https://gitcode.com/gh_mirrors/op/OpenPLC OpenPLC是一款革命性的开源工业控制器仿真软件,能够在Linux系统上完美…

张小明 2025/12/31 20:53:17 网站建设

仿站工具哪个好最好教学网站模板下载

5G与6G时代的人工智能和机器学习 6G的发展与太赫兹频段的应用 6G旨在将当前的无线世界转变为基于人工智能的智能网络,尽可能连接更多的设备和区域。这就要求未来的网络具备海量的带宽,但这也会带来一些与现有网络不同的问题。为了解决带宽问题,我们需要使用更高频率的频段…

张小明 2025/12/31 20:51:14 网站建设

网站设计 深圳响应式网站模板 视差

第一章:Open-AutoGLM环境自适应技术的核心理念Open-AutoGLM环境自适应技术旨在构建一个能够在多样化部署场景中动态调整行为模式的智能系统架构。其核心理念在于解耦模型推理逻辑与运行时环境特征,使系统具备跨平台、跨负载条件下的自主优化能力。动态感…

张小明 2025/12/31 20:49:11 网站建设

网站dns查询网站开发设计公司块位

Windows 11 Fixer是一款功能强大的免费开源工具,专门用于解决Windows 11使用过程中的各种问题和系统优化。无论你是新手还是资深用户,这款工具都能帮助你轻松定制系统设置、优化性能体验。在本文中,我们将详细介绍这款工具的完整使用方法和实…

张小明 2025/12/31 20:47:08 网站建设

商丘做网站seo黄陂区建设局网站

Makefile调试与构建技巧 1. Makefile调试 在使用Makefile时,可能会遇到各种错误。例如,出现如下错误信息: Makefile:8: *** [bar] Error 1 #0 bar at Makefile:8 #1 foo at Makefile:4 #2 all at Makefile:2 Command-line arguments:"-x"错误信息底部显示了依…

张小明 2025/12/31 20:45:05 网站建设

网站 建设的必要性建设玩外汇平台网站

题面 Starry Landscape Photo 问题描述 在 AtCoder 行星上看到的夜空中,有 NNN 颗星星,这些星星从东到西排成一条直线。从东方数起的第 iii 颗星(1≤i≤N1 \le i \le N1≤i≤N)是这些星星中第 BiB _ iBi​ 亮的。 Takahashi 决…

张小明 2026/1/2 4:48:53 网站建设