Razor 组件

Razor 组件现在已设置好开发环境 接下来将探索 Blazor 项目的结构 并了解如何添加新页 什么是 Razor Razor 是一种标记语法 使用 HTML 和 C 编写 BlazorWeb 应用的 UI 组件 Razor 基于 ASP NET 专为创建 Web 应用而设计 什么是 Razor 组件 Razor 文件定义了构成部分应用 UI 的组件 Blazor 中的组件类似于 ASP NETWebForms 中的用户控件 如果浏览项目 则会看到大部分文件为 razor 文件 在编译时 每个 Razor

现在已设置好开发环境,接下来将探索 Blazor 项目的结构,并了解如何添加新页。

Razor 基于 ASP.NET,专为创建 Web 应用而设计。

如果浏览项目,则会看到大部分文件为 .razor 文件。

在编译时,每个 Razor 组件都内置于 .NET 类中。 类包括常见 UI 元素,如状态、呈现逻辑、生命周期方法和事件处理程序。

尝试使用计数器

在这里插入图片描述

浏览器中针对 /counter 的请求(由顶部的 @page 指令指定)会导致 Counter 组件呈现其内容。

每次选择“单击我”按钮时会出现以下情况:

选择“页面”以查看现有 Razor 页面。

选择 Index.razor 文件将其打开。

通过在 Index.razor 文件的末尾添加 元素,向页面添加 Counter 组件。

在这里插入图片描述
对应浏览器界面上:
在这里插入图片描述
尝试更改Counter 组件
在这里插入图片描述
然后再主页面添加组件时候,给参数赋值。
在这里插入图片描述





版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/232578.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • mysql数据库连接配置文件(db.properties)

    mysql数据库连接配置文件(db.properties)db.driver=com.mysql.jdbc.Driverdb.url=jdbc:mysql://localhost:3306/learn-test?useUnicode=true&characterEncoding=utf8db.username=rootdb.password=123456说明:如url使用的是本地数据库且端口是3306,可以省略lo…

    2022年6月2日
    40
  • Python包管理必备–pip命令&设置镜像源[通俗易懂]

    Python包管理必备–pip命令&设置镜像源[通俗易懂]近期周围很多朋友询问,Python如何管理包和模块,并且很多常用的包使用pip安装的时候,总是因为网络问题中断,在学习新包时造成了很大的挫败感,这些问题也是之前自己在学习过程中,遇到的痛点,所以抽出精力,整理了下之前关于这块的学习笔记,形成文章,希望给其他python道友以帮助,也给自己后续查阅带来方便。Python语言的核心能快速上手并且极具吸引力的是其异常丰富和强大的包,这些包给我们封装好了日常工作中遇到的问题或需求的各种解决方案,所以在python基础知识较为牢固时,遇到具体问题,具体学习对应的包

    2022年5月13日
    63
  • Java NIO读书笔记

    Java NIO读书笔记

    2021年12月7日
    48
  • 多元线性回归推导过程

    多元线性回归推导过程接上篇 人工智能开篇常用算法一多元线性回归详解 1 此次我们来学习人工智能的第一个算法 多元线性回归 文章会包含必要的数学知识回顾 大部分比较简单 数学功底好的朋友只需要浏览标题 简单了解需要哪些数学知识即可 本章主要包括以下内容数学基础知识回顾什么是多元线性回归多元线性回归的推导过程详解如何

    2025年8月1日
    4
  • 第一次玩github,第一个开源小项目——xxoo

    第一次玩github,第一个开源小项目——xxoo引言   由于最近的工作写代码比较少,这让LZ产生了一丝危机感。于是便想找一个办法可以没事自己写写代码,自然而然就想到了github。接下来便是一阵捣鼓的过程,其实整个过程很快,主要过程就是注册一个账号,然后创建自己的仓库。看着自己空荡荡的仓库,LZ就想着放上去一些自己平时写的东西,不过仔细一翻才发现,自己平时写的代码都是一片一片的,几乎没有完整的项目或者代码。  平时LZ写博客的时候

    2022年7月17日
    15
  • 彩色激光打印机留下追踪代码 美国国安局已中招

    彩色激光打印机留下追踪代码 美国国安局已中招

    2022年3月3日
    126

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号