当前位置: 首页 > news >正文

ios6软件下载网站谷歌下载官方正版

ios6软件下载网站,谷歌下载官方正版,建设公司网站的目的,照片分享网站模板下载文章目录 前言路由管理App.razor设置登录页面设置空布局 前言 我们知道使用Blazor的官方模板,我们会自动得到一个拥有侧边栏的布局页面。但是我们发现我们所有新建的页面都有侧边栏。有时候我们需要跳出这个布局,比如我要做登录页面的时候,我…

文章目录

  • 前言
  • 路由管理
    • App.razor
    • 设置登录页面
      • 设置空布局

前言

我们知道使用Blazor的官方模板,我们会自动得到一个拥有侧边栏的布局页面。但是我们发现我们所有新建的页面都有侧边栏。有时候我们需要跳出这个布局,比如我要做登录页面的时候,我们就希望只显示一个完整的页面,而不显示侧边栏。

路由管理

讲到Blazor的路由管理,那么就要讲到Blazor是怎么运行的。

App.razor

在这里插入图片描述
App.razor和Vue的App.vue很像。或者说Blazor继承了React,Vue,Angluar的优点。你可以看到很多其它前端框架的知识。虽然是缝合怪,但是缝的很不错。对于开发人员来说,好用就行了。

在这里插入图片描述
我们可以看到有多级标签

  • Router:路由管理
    • Found:如果页面找得到
      • RouteView:路由布局管理
        • DefaultLayout:默认路由管理布局
      • FocusOnNavigate:设置焦点,暂时不知道有啥用
    • NotFound:如果页面找不到

其实最重要的就是这个DefaultLayout,他指向了MainLayout,我们看看MainLayout里面是什么东西

@inherits LayoutComponentBase<PageTitle>BlazorApp1</PageTitle><div class="page"><div class="sidebar"><NavMenu /></div><main><div class="top-row px-4"><a href="https://docs.microsoft.com/aspnet/" target="_blank">About</a></div><article class="content px-4">@Body</article></main>
</div>

重要的就是两个

  • @inherits LayoutComponentBase
    • 继承布局组件基类
  • @Body
    • 设置布局内容位置

设置登录页面

绕了一个大圈,终于到如何设置登录页面了。其实很简单,默认创建的都是执行默认布局。我们指定布局就可以了。
在这里插入图片描述

设置空布局

设置一个空布局

LoginLayout

@inherits LayoutComponentBase@Body

然后写一个登录页面

LoginLayout

@page "/login"
@layout LoginLayout
<h3>Login</h3>
<h3>这个是登录页面</h3>@code {}

运行成功

在这里插入图片描述

http://www.hengruixuexiao.com/news/23724.html

相关文章:

  • 平时发现同学做的ppt找的材料图片不错_不知道从哪些网站可以获得视频号最新动作
  • ionic做网站百度seo引流
  • 什么做网站推广查销售数据的网站
  • 科技网站建设无锡seo
  • 建行手机网站网址是多少钱网络培训心得体会总结
  • 可以做视频网站的源码网站权重怎么看
  • 手机网站判断跳转长沙seo顾问
  • 山东政府网站集约化建设做网站的软件叫什么
  • 做服务的网站外贸网站搭建
  • 2023年九月份新闻天津seo关键词排名优化
  • 设计师网站pintset网站设计公司怎么样
  • 4.请简述网站建设流程的过程电商网址
  • 门户网站代做宁波seo网络推广多少钱
  • 国建设文化艺术协会网站抖音推广平台联系方式
  • 网站分销系统裤子seo标题优化关键词
  • 冰燃建站互联网营销方案
  • 怎么学做一件完整衣服网站做手机关键词快速排名软件
  • 做网站的准备什么软件营销型网站一般有哪些内容
  • 网站自建设需要买什么郑州关键词优化顾问
  • 国际婚恋网站做翻译合法吗怎么免费建个人网站
  • 网站推广最有效的方法百度引擎搜索
  • 网站建设结单 优帮云重庆seo是什么
  • 中华室内设计网节点图西安seo外包行者seo
  • 三一重工的网站是哪家做的简述seo
  • 怎么做网站板块百度seo入驻
  • 万网网站购买手机最新产品新闻
  • 网站建设方案报价单seo研究中心南宁线下
  • 广州建设网站首页申京效率值联盟第一
  • 企业主页制作seo和sem分别是什么
  • 网站框架图怎么做武汉seo招聘