Blazor组件化开发心得：Blazor开发套路

最新推荐文章于 2024-06-08 08:07:40 发布
最新推荐文章于 2024-06-08 08:07:40 发布
阅读量532 收藏 1
点赞数
分类专栏： Blazor基础知识 文章标签： Blazor
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44695769/article/details/132469089
版权
本文介绍了作者在使用Blazor开发中的体验，包括文件结构划分（wwwroot、Components、Layout等），以及如何合理分工，如Pages的参数控制、子组件通信、服务依赖和数据库操作的全局管理。
摘要由CSDN通过智能技术生成

文章目录

前言

接触Blazor也快有一个多月了，了解Blazor之后发现确实是个好东西，开发速度太快了，前端直接拿数据，通过SSR保证安全。但是有一个问题，服务器能承受多大的压力。反正小公司并发有50就不错了。

Blazor开发套路

文件分类

在这里插入图片描述

  • wwwroot：网页静态文件存放位置
  • Components：组件
  • Layout：布局
  • Page：网页
  • Services：服务/依赖注入
  • Utils：方法类
  • Models：实体对象

示意图

在这里插入图片描述

如何分工

  • Pages
    • 参数控制
      • 子组件初始化
      • 路由传参
      • Session获取和设置
      • 子组件通讯中介
    • 布局控制
      • 各个组件布局位置设置
  • Components
    • 复杂逻辑处理
      • 页面交互逻辑
      • 依赖注入调用
      • 父组件参数回调
  • Services
    • 数据库操作
    • 全局中间变量（因为Service在一个生命周期只会创建一个单例，可以用于参数回调）
龙中舞王
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Blazor组件自做九: 用20行代码实现文件上传,浏览目录功能 配套源码
04-01
Blazor组件自做九: 用20行代码实现文件上传,浏览目录功能 https://www.cnblogs.com/densen2014/p/16052168.html 今天有小伙伴咨询内网环境手机等移动设备怎样快速跟主机交换文件,群友齐齐出力讨论:es文件管理器开...
Blazor.Extensions.CssStyles:直接在Blazor组件中定义Css类
05-15
Blazor.Extensions.CssStyles 直接在Blazor组件中定义Css类。 有条件地将类名连接在一起的简便方法。重要的！ 仍未完成开发安装设置在应用客户端中注册所需的服务 var serviceProvider = new BrowserServiceProvider...
Blazor 从入门到放弃
热门推荐
极客神殿
03-16 2万+
Blazor 从入门到放弃 Intro Blazor 是微软在 .NET 里推出的一个 WEB 客户端 UI 交互的框架， 使用 Blazor 你可以代替 JavaScript 来实现自己的页面交互逻辑，可以很大程度上进行 C# 代码的复用，Blazor 对于 .NET 开发人员来说是一个不错的选择。 托管模型 Blazor 有两种托管模式，一种是 Blazor Server 模式，基于 asp.net core 部署，客户端和服务器的交互通过 SignalR 来完成，来实现客户端 UI 的更新和行为的交互
blazor有没有前途？
weixin_42594419的博客
01-10 478
Blazor是一个跨平台的Web开发框架，它允许你使用C#来编写前端代码。许多开发人员喜欢使用Blazor，因为它能够让他们在同一个语言中编写前端和后端代码，并且可以轻松地在多个平台之间共享代码。 尽管Blazor还是一个相对较新的框架，但它已经获得了很多关注和支持，并且有越来越多的开发人员开始使用它。因此，我们可以预见，Blazor有很大的前途。 ...
尝试使用blazor（一）吐槽blazor，未开始之前，先吐为敬
最新发布
mrdzhu的博客
06-08 668
基本上是真实的，可以说90%的代码，都可以用c#来解决掉，当然不包括css+html代码。原因之一：因为就前端本身来说，blazor其实是在纯前端的技术上加了一层c#，而不是用c#完全代替javascript。非常冷门，我刚用blazor遇到问题，花钱找人解决，找了国内几个著名的平台，几乎没人会blazor。再次，blazor生成的项目，在win中可以直接双击EXE文件就运行，连node.js和Nginx这些都省了，在linux中也只需要配置Nginx就能使用了，非常方便。就目前而言，答案是否定的。
淘汰过时的工具也有错？微软的 Blazor 框架会是下一个 SilverLight？
一起来捉 Bug 呀~~
08-18 9231
在 HTML5 的冲击下，和 Adobe Flash Player 的发展趋势相类似，微软投入十几年时间打造的 Silverlight 最终也走向消亡，原因主要是 Silverlight 的安全性和性能无法实现理想状态。据官方消息，微软将于 2021 年 10 月 12 日停止对 Silverlight 的官方支持。 与此同时，微软在彼时宣布准备弃用 Silverlight 时也给出了另一替代解决方案，即发布一款名为 Blazor 的新框架。据官方介绍，Blazor 分为服务端模式和客户端应用的 WebAs
Blazor学习知识(1、2)
Heschel的博客
03-10 700
Blazor学习知识前两章，1、2，后续发布关于组件的学习资料
WebAssembly和Blazor：解决了一个存在十年的老问题
dotNET跨平台
06-12 1万+
本文要点WebAssembly 是一种新的客户端技术，可以在所有现代浏览器（包括移动浏览器）中实现近乎原生的性能，而且不需要插件。许多语言，包括 C、C#、Go 和 Ru...
Blazor 在 IoT 领域的前端实践 @.NET开发者日
dotNET跨平台
03-14 561
2023年3月11号，MASA技术团队参加了“.NET开发者日”，IoT项目经理郭浩在活动中做“Blazor 在 IoT 领域的前端实践”的主题分享郭浩数闪科技 IoT 项目经理从事 .NET 开发10余年，目前在数闪科技担任 IoT 项目经理，有大量 IoT 产品的开发经验，在 Android 和 iOS 的 Blazor MAUI 开发上有大量实践经验。本次分享主要分为两个部分第一部分我们为什...
基于C#Asp.net Blazor组件式开发的Blazor案例
06-24
基于C#Asp.net Blazor组件式开发的Blazor案例，已经测试通过，具体请看解压后的“说明”文件夹。里面有运行效果截图和代码说明。 1. 基于Core6的Blazor案例 2. vs2022开发平台 3.sql2012及以上数据库，采用EF操作...
2020年1月NDC伦敦会议 ASP.NET Core Blazor 经典范例代码
03-01
2020年1月NDC伦敦会议 ASP.NET Core Blazor 经典范例代码，包含了2个示例，其中 Blazor Mark 超级卖场示例UI展现及与后端通过g-rpc进行高效，强类型的数据交换！值得学习！
BootstrapBlazorUI框架 v5.0.6
12-28
为您提供BootstrapBlazorUI框架下载，Blazor 是一个使用 .NET 生成交互式客户端 Web UI 的框架：1、使用 C# 代替 JavaScript 来创建丰富的交互式 UI。2、共享使用 .NET 编写的服务器端和客户端应用逻辑。3、将 UI 呈现为 HTML 和 CSS，以支持众多浏览器，其中包括移动浏览器。使用 .NET 进行客户端 Web 开发可提供以下优势：1、使用 C# 代替 JavaScript 来编写代码。2、
blazor-electron-app:使用Electron在跨平台桌面应用程序上探索Syncfusion Blazor组件
05-10
Electron上的Syncfusion Blazor服务器端应用程序先决条件• 或 • 运行应用程序打开命令提示符，并使用以下命令行克隆存储库。 git clone https://github.com/SyncfusionExamples/blazor-electron-app导航到应用程序...
blazor-lazy-loading：支持Blazor的自动延迟加载（服务器和WebAssembly）
02-05
Blazor支持两种运行模式：Blazor WebAssembly和Blazor Server。在Blazor WebAssembly中，应用程序在用户的浏览器内运行，就像JavaScript应用一样，但使用.NET运行时；而在Blazor Server模式下，应用程序在服务器上...
bh002- Blazor hybrid / Maui 使用ORM和数据库快速教程
alex_zoucn的博客
08-22 286
如何远程调试 MAUI blazor / Blazor Hybrid。源码工程为了简单起见,都暂时放在同一个文件里面.
Blazor组件完整的生命周期
m0_48144113的博客
11-30 616
blazor
Hybrid APP架构设计思路
Java和Android架构
11-15 3997
原文：Hybrid APP架构设计思路 关于Hybrid模式开发app的好处，网络上已有很多文章阐述了，这里不展开。 作为一种跨语言开发模式，通讯层是Hybrid架构首先应该考虑和设计的，往后所有的逻辑都是基于通讯层展开。 Native（以Android为例）和H5通讯，基本原理：
Blazor Hybrid （Blazor混合开发）更好的读取本地图片
xiaohucxy的博客
01-29 1123
在 Blazor Hybrid 应用中，在设备上本机运行。组件通过本地互操作通道呈现到嵌入式 Web View 控件。组件不在浏览器中运行，并且不涉及 WebAssembly。Razor 组件可快速加载和执行代码，组件可通过 .NET 平台完全访问设备的本机功能。Web View 中呈现的组件样式与平台相关，可能需要你使用自定义样式表来说明不同平台之间的呈现差异。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值