在Winform中一分钟入门使用好看性能还好的Blazor Hybrid

这篇具有很好参考价值的文章主要介绍了在Winform中一分钟入门使用好看性能还好的Blazor Hybrid。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

在Winform中一分钟入门使用好看性能还好的Blazor Hybrid

安装模板

dotnet new install Masa.Template::1.0.0-rc.2

创建 Winform的Blazor Hybrid项目

dotnet new masablazor-winform -n WinformDesktop

创建完成打开项目文件WinformDesktop.csproj文件
在Winform中一分钟入门使用好看性能还好的Blazor Hybrid

打开以后的项目文件,启动项目
在Winform中一分钟入门使用好看性能还好的Blazor Hybrid

这是提供的简单的项目Demo

我们只需要使用masa Blazor提供的模板,一分钟入门使用,你要做的只需要去Masa Blazor组件库去CV代码,

并且Masa Blazor也提供了Blazor在线编辑器去体验Masa Blazor的组件

MASA Try (masastack.com) 可以通过这个地址访问,支持在线编辑Masa Blazor组件,动态渲染。

Blazor分层简单讲解

​ 1. 在Winform的MainFrom的文件中存在一下代码
在Winform中一分钟入门使用好看性能还好的Blazor Hybrid

首先流程是先创建一个ServiceCollection,用于注册服务,在和BlazorWebView进行绑定!将指定的html和BlazorWebView绑定以后在对于html内的id为app的元素进行Blazor组件的绑定绑定到Blazor组件的App组件中;

  1. App.razor组件的作用
    在Winform中一分钟入门使用好看性能还好的Blazor Hybrid

我们看到上图, 上线在组件外部有一个Router组件,用于注册路由组件,并且扫描App的实在程序集下所有的路由组件

Found下的DefaultLayout则是默认绑定的Layout组件,

NotFound则是当未找到路由时绑定的Layout的组件,当前代码都绑定到了MainLayout的组件,则所有路由都会使用MainLayout的组件。

  1. MainLayout.razor组件的作用
    在Winform中一分钟入门使用好看性能还好的Blazor Hybrid

    当前组件的代码包括在MApp中,这是Masa Blazor的使用方法,所有Masa Blazor的组件都必须在MApp中使用,当前的MainLayout.razor组件使用的一个默认的布局,当加载指定页面的时候页面的组件会渲染在@Body中,这就相当于组件的布局的复用性,对于Shared的组件尽量都是Layout组件,或者菜单栏的组件,更容易复用。

  2. Pages下的组件
    在Winform中一分钟入门使用好看性能还好的Blazor Hybrid

看到上图,在Pages/Index.razor组件最上面有一个@page "/"的代码,这个是给当前的组件进行路由绑定,资源当加载/路由的时候就会将当前的组件加载到指定的Layout的组件中的@Body当中。

  1. 组件复用
    在Winform中一分钟入门使用好看性能还好的Blazor Hybrid

在日常项目当中,我建议创建Components文件夹,文件夹下面则是项目的界面的组件被细致拆分的组件,这样的好处就是组件易于复用,当然也会对于开发者来说需要一定的能力,但是对于组件界面的可维护性更好!

结尾

Masa Blazor
来自token的分享

技术交流群:737776595文章来源地址https://www.toymoban.com/news/detail-453689.html

到了这里,关于在Winform中一分钟入门使用好看性能还好的Blazor Hybrid的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Winform 巨好看的控件库推荐:MaterialSkin.2

    MaterialSkin.2 控件包是在 MaterialSkin 及基础上二次开发而来的,在原控件基础上修复了一些 Bug ,丰富了主题以及动画效果,效果非常好。 MaterialSkin.2 现在处于不活跃状态 文中用 MaterialSkin 代替 MaterialSkin.2 先贴几张演示Demo中的效果图: ...... 在 NuGet 中搜索 MaterialSkin 就能找到控

    2024年02月11日
    浏览(37)
  • 一分钟理解:Blazor WebAssembly 和 Blazor Server 差异性

    Blazor是一个使用.NET生成交互式客户端Web UI的框架。Blazor使用Razor语法,用于将HTML标记与C#代码结合在一起,最后将C#代码文件和Razor文件统一编译为.NET程序集。 在Visual Studio开发环境中, 创建Blazor应用有两种托管方式: 1、Blazor WebAssembly ---- 创建Blazor应用的项目模板,在WebAs

    2024年02月13日
    浏览(47)
  • 好看的个人主页,导航页HTML源码源码三分钟下载安装

    二、下载: 时钟个人引导页导航页 https://wwm.lanzout.com/i3Dpu08b7gve 三、用途: 可盈利,利用打赏、VIP、内容付费、广告盈利、资源付费等方法盈利。(注:盈利和商业化须获得源码作者同意) 搜索引擎可收录 可修改打赏页面 可替换自己喜欢的图片 可供初学者学习网页原理 可

    2024年02月11日
    浏览(48)
  • Visual Studio C# WinForm开发入门(5):TabControl 控件使用

    TabContrl选项卡控件可创建标签化窗口,在实际 编程中经常用到,该控件的作用是将相关的组件组合到一系列选项卡页面上。 比如下面的例子,在tabPage1页面和tabPage2页面各放了2个checkBox控件,通过点击不同page即可切换: 1、添加和删除TabControl控件中的选项卡 有两种方法: 第

    2024年02月07日
    浏览(48)
  • Visual Studio C# WinForm开发入门(6):TreeView 控件使用

    TreeView控件用树显示节点层次。 例如:顶级目录是根(C:),C盘下的每个子目录都是子节点,而每个子目录又都有自己的子节点 TreeView属性和方法: 属性 说明 CheckBoxes 表示节点旁边是否出现复选框 ImageList 指定一个包含节点图标的ImageList对象。ImageList对象是一个包含Image对象的

    2024年02月02日
    浏览(54)
  • C# winform使用scottplot图表控件快速入门设置XY轴缩放

    Hello大家好我是开箱测评小汪,在C#项目开发中使用图表控件,有时候我们希望放大或缩小图表控件来看数据细节和整体数据情况。所有本期课程将带介绍Scottplot图表控件如何来实现这个功能。   本期课程的要达到的目的: 设置鼠标管轮缩放进行缩放 设置鼠标右键长按进行拖

    2024年02月15日
    浏览(57)
  • Winform程序性能优化

    以下是一些Winform程序性能优化的建议: 1. 尽量减少无用的重绘,做好控件的布局和样式设计。因为Winform程序是采用事件驱动的框架,控件的重绘会触发Paint事件,频繁的重绘会降低程序性能。 2. 避免在UI线程中执行耗时操作,因为在UI线程中执行耗时操作会阻塞UI线程,导

    2024年02月12日
    浏览(36)
  • MASA Blazor入门这一篇就够了

    ASP.NET Core Blazor 简介 Blazor 是一个使用 Blazor 生成交互式客户端 Web UI 的框架: 使用 C# 代替 JavaScript 来创建信息丰富的交互式 UI。 共享使用 .NET 编写的服务器端和客户端应用逻辑。 将 UI 呈现为 HTML 和 CSS,以支持众多浏览器,其中包括移动浏览器。 与新式托管平台(如 Docke

    2024年02月05日
    浏览(48)
  • 全面的ASP.NET Core Blazor简介和快速入门

      因为咱们的MongoDB入门到实战教程Web端准备使用Blazor来作为前端展示UI,本篇文章主要是介绍Blazor是一个怎样的Web UI框架,其优势和特点在哪?并带你快速入门上手ASP.NET Core Blazor(当然这个前提是你要有一定的C#编程基础的情况,假如你完全没有接触过C#的话建议你先从基本语

    2024年02月19日
    浏览(41)
  • Blazor入门100天 : 身份验证和授权 (1) - 建立带身份验证工程

    目录 建立默认带身份验证 Blazor 程序 角色/组件/特性/过程逻辑 DB 改 Sqlite 将自定义字段添加到用户表 脚手架拉取IDS文件,本地化资源 freesql 生成实体类,freesql 管理ids数据表 初始化 Roles,freesql 外键 = 导航属性 完善 freesql 和 bb 特性 知识点 Microsoft.AspNetCore.Identity EntityFramework Sql

    2024年02月05日
    浏览(76)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包