在MAUI中使用Masa Blazor

Masa Blazor是什么在此之前我们已经介绍过什么是Masa Blazor,以及如何使用Masa Balzor,如果还有不了解Masa Blazor的同学可以看我上篇文章[初识Masa Blazor].那么今天就带大家探索一下如何在MAUI中使用Masa Blazor,那么我们先来了解一下什么是MAUI? MAUI是什么 .NET MAUI全称为 .NET Multi-platform App UI ,顾名思义就是.NET多平台应用 UI,是一个跨平台的框架,是 Xamarin.Forms…

初识MASA Blazor

MASA Blazor是一个Blazor的UI组件库.就像大家写前端熟知的Bootstrap, Ant Design一样. MASA Blazor官网地址:https://blazor.masastack.com MASA Blazor Github地址:https://github.com/BlazorComponent/MASA.Blazor MASA Blazor Pro演示地址:https://blazor-pro.masastack.com/dashboards/ecommerce M…

MASA Blazor入门这一篇就够了

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

使用MASA Blazor开发一个标准的查询表格页

前言大家好,我是开源项目 MASA Blazor 主要开发者之一,如果你还不了解MASA Blazor,可以访问我们的官网和博客 <初识MASA Blazor> 一探究竟.简单来说,MASA Blazor 是一个基于 Material Design 设计语言的 Blazor 组件库,dotNET开发者只需或者甚至不需要懂得 javascript 就能开发一个企业级中后台系统. 我这次分享的主题是<使用MASA Blazor开发一个标准的查询表格页>,我会先从创建项目开始手撸一…

体验了一把最近很火的开源项目-MASA Blazor

前言很惭愧直到去年底才接触到Blazor.那什么是Blazor呢?相信大家都看过官方文档的详细说明,另外MASA团队也有不错的说明介绍 .用官方的话说Blazor是一个交互式客户端Web UI的框架,并且使用C#开发而不是JavaScript.好了言归正传,事情的起因是这样的,公司组织内部竞赛需要用Blazor做一个简单的网页.为了可以更好的做出效果就简单的尝试了几个开源组件. 开源组件选择遇事不决先找官方Blazor 教程,跟着微软的教程会得到下面这个样子的页面. 嗯,还是挺清新的...估…

Masa Blazor in Blazor Day

2022年第一场Blazor中文社区的开发者分享活动,我们的团队也全程参与其中,在议程中,也分享了我们团队的Blazor 管理后台模板,针对于Blazor,先科普一波,避免有些朋友不了解,Blazor是微软推出的基于.NET的前端技术.利用现有的.NET生态,受于.NET的性能,可靠性和安全性,不仅能过够在服务器和客户端之间共享应用程序逻辑,还能够在不同的操作系统上高效.稳定的运行.本次Masa Blazor 也是分享最新的Blazor技术进展和开发实践. Masa技术团队全程参与我们分享的议…

Masa Blazor自定义组件封装

前言实际项目中总能遇到一个"组件"不是基础组件但是又会频繁复用的情况,在开发MASA Auth时也封装了几个组件.既有简单定义CSS样式和界面封装的组件(GroupBox),也有带一定组件内部逻辑的组件(ColorGroup). 本文将一步步演示如何封装出一个如下图所示的ColorGroup组件,将MItemGroup改造为ColorGroup,点击选择预设的颜色值. MASA Blazor介绍组件展示 MASA Blazor 提供丰富的组件(还在增加中),篇幅限制下面展示一些我常…

[mobile angular ui]MAUI中的font awesome图标

MAUI中用font awesome替换了glyphicon,但是FA中都有哪些可用的图标呢,在网上搜了一张font awesome的对照表,使用时记着把其中的icon-xxx替换为fa-xxx就可以了. 此外,在MAUI中,还支持7个级别大小的图标显示,只添加".fa"是基本大小,另外的六种图标尺寸需要添加的类分别为:".fa-lg",".fa-2x",".fa-3x",".fa-4x",".f…

[MAUI] 在.NET MAUI中结合Vue实现混合开发

在MAUI微软的官方方案是使用Blazor开发,但是当前市场大多数的Web项目使用Vue,React等技术构建,如果我们没法绕过已经积累的技术,用Blazor重写整个项目并不现实. Vue是当前流行的web框架, 简单来说是一套模板引擎,利用"模板"和"绑定"两大特性实现web页面mvvm模式开发.利用.NET MAUI框架可以将Vue应用嵌入到Web容器中.可以实现跨平台的混合开发. 例如我在某医疗行业项目中,已经用这个混合开发的方式生成应用,Vue代码不需要…

如何在 .NET MAUI 中加载 json 文件？

引言: 按core传统方式添加 AddJsonFile("appsettings.json") 在windows平台和ssr工作正常,但是在 ios 和 android 无法用这种方式,因为资源生成方式不一样. 使用内置资源方式不够灵活而且 ios 平台会提示不能复制 json 文件到目录,于是进行了几天的研究,终于能正确使用了. 资源文件夹官方工程 Resources\Raw\文件夹 AboutAssets.txt 文件说明您希望与应用程序一起部署的任何原始资产都可以放置在此目录…

MAUI与Blazor共享一套UI，媲美Flutter，实现Windows、macOS、Android、iOS、Web通用UI

1. 前言距离上次发<MAUI初体验:爽>一文已经过去2个月了,本计划是下半年或者明年再研究MAUI的,现在计划提前啦,因为我觉得MAUI Blazor挺有意思的:在Android.iOS.macOS.Windows之间共享UI,一处UI增加或者修改,就能得到一致的UI体验. 看看这篇文章<Blazor Hybrid/MAUI 简介和实战>对MAUI Blazor的说明: MAUI .NET 多平台应用程序 UI (.NET MAUI) 是一个跨平台框架,用于使用 C# 和 XA…

【炫丽】从0开始做一个WPF+Blazor对话小程序

大家好,我是沙漠尽头的狼. .NET是免费,跨平台,开源,用于构建所有应用的开发人员平台. 本文演示如何在WPF中使用Blazor开发漂亮的UI,为客户端开发注入新活力. 注要使WPF支持Blazor,.NET版本必须是 6.0 或更高版本,本文所有示例使用的.NET 7.0,版本要求见链接,截图看如下文字: 1. WPF默认程序本文从创建WPF Hello World开发: 使用WPF模板创建一个默认程序,取名[WPFBlazorChat],项目组织结构如下: 运行项目,一个空白窗口: 接…

.NET Core 3.0 Preview 6中对ASP.NET Core和Blazor的更新

我们都知道在6月12日的时候微软发布了.NET Core 3.0的第6个预览版.针对.NET Core 3.0的发布我们国内的微软MVP-汪宇杰还发布的官翻版的博文进行了详细的介绍.具体的可以关注"汪宇杰博客"公众号,或者我的"DotNetCore实战"公众号然后在历史文章里面进行查阅.而我们这篇文章将会介绍本次更新中对ASP.NET Core和Blazor所做的更新.当然本文的大部分内容翻译自ASP.NET的首席项目经理Daniel Roth的介绍. 注:英语能力…

【Blazor】在ASP.NET Core中使用Blazor组件 - 创建一个音乐播放器

前言 Blazor正式版的发布已经有一段时间了,.NET社区的各路高手也创建了一个又一个的Blazor组件库,其中就包括了我和其他小伙伴一起参与的AntDesign组件库,于上周终于发布了第一个版本0.1.0,共计完成了59个常用组件,那么今天就来聊一聊如何在ASP.NET Core MVC项目中使用这些Blazor组件吧环境搭建 .NET Core SDK 3.0.301 Vistual Studio 2019.16.6.3 调用Blazor组件创建ASP.NET Core MVC项目,如…

Blazor Server 应用程序中进行 HTTP 请求

翻译自 Waqas Anwar 2021年5月4日的文章 <Making HTTP Requests in Blazor Server Apps> [1] Blazor Server 应用使用标准的 ASP.NET Core 应用程序,在服务端执行 .NET 代码.在 Blazor Server 应用程序中,我们可以像在 ASP.NET Core Web 应用程序中那样,使用相同的方式访问任意 .NET 库或服务端功能.这其中的一项功能是,使用 HTTP Client 实例向第三方 Web A…

学习ASP.NET Core Blazor编程系列二——第一个Blazor应用程序（中）

学习ASP.NET Core Blazor编程系列一--综述学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(上) 四.创建一个Blazor应用程序 1. 第一种创建Blazor应用程序的方式.在Visual Studio 2022启动界面中选择"创建新项目",如下图. 图2-5 2. 第二种创建Blazor应用程序的方式是.在Visual Studio 2022启动界面中选择"继续但无需代码",然后在Visual Studio…

Blazor是春天还是寒风里的挣扎

官方解释Blazor Blazor允许您使用c#而不是JavaScript构建交互式web UI. Blazor应用由可重用的web UI组件组成,这些组件使用c#.HTML和CSS实现.客户端和服务器代码都是用c#编写的,允许您共享代码和库. Blazor 是一个使用 .NET 生成交互式客户端 Web UI 的框架: 使用 C# 代替 JavaScript 来创建信息丰富的交互式 UI. 共享使用 .NET 编写的服务器端和客户端应用逻辑. 将 UI 呈现为 HTML 和 CSS,以支持众多…

[翻译] .NET 官宣跨平台 UI 框架 MAUI

MAUI Build 2020 大会上,微软终于正式公布 .NET 上的跨平台框架,正式版将在 .NET 6 和大家见面. MAUI 是日益流行的 Xamarin.Forms 的进化,Xamarin.Forms 已经有6年历史了. 多年来,UPS,Ernst&Young 和 Delta 等公司一直在利用 .NET 上的 Xamarin 来推动其业务发展.它在帮助小型企业最大化其 95% 以上代码共享的开发投资并击败竞争对手进入市场方面也非常成功. MAUI 将这一成功扩展到移动设备上,使其包含桌…

微软跨平台UI框架MAUI真的要来啦

.NET 6 preview已经上线,是时候为在BUILD 2020上宣布的新.NET Multi-platform App UI(MAUI)做准备了.对于客户端应用程序开发人员来说,这一年.NET有很多令人兴奋的变化.让我们回顾这些亮点,并看看明年可能会发生些什么. .NET 6的规划和项目执行是公开进行的,我们有一个很棒的网站,它集中展现了整个.NET的GitHub里程碑和用户故事.您可以访问themesof.net并在Xamarin中搜索以查看概览.…

.NET 6 Preview 3 中 ASP.NET Core 的更新和改进

原文:bit.ly/2Qb56NP 作者:Daniel Roth 译者:精致码农-王亮 .NET 6 预览版 3 现已推出,其中包括许多对新的 ASP.NET Core 改进.以下是本次预览版的新内容: 更小的 SignalR.Blazor Server.MessagePack 脚本文件启用 Redis 分析会话 HTTP/3 端点 TLS 配置初步 .NET 热重载支持 Razor 编译器不再生成单独的视图 Assembly IIS 中的浅拷贝支持适用于 SignalR C++ 客户端的…

MASA Framework - 整体设计思路

源起年初我们在找一款框架,希望它有如下几个特点: 学习成本低只需要学.Net每年主推的技术栈和业务特性必须支持的中间件,给开发同学减负,只需要专注业务就好个人见解:一款好用的框架应该是补充,而不是颠覆或过度创新对扩展开放可以按照业务需求任意调整依赖实现,而不被捆绑在一个架构思路上功能强大却不限制架构,从单体到SOA再到微服务都可以适应因为一个系统中总有复杂的也有简单的,最好能全面覆盖我们的业务场景行业不限既能支持传统行业的业务特殊性,又可以支持互联网行业的高并发特性稳定性有…

MASA Framework - DDD设计（1）

目录 MASA Framework - 整体设计思路 MASA Framework - EventBus设计 MASA Framework - MASA Framework - DDD设计(1) DDD 领域驱动设计是一个有关软件开发的方法论,它提出基于领域开发的开发模式,基于DDD理论,我们可以设计出高质量的软件模型. 它围绕业务概念构建领域模型来控制业务的复杂度,解决软件难以理解和演化的问题. 微服务微服务是一种架构风格,通过进程间通讯.容错和故障隔离等方式,实现去中心化的服务治理. DD…

MASA Framework - DDD设计（2）

目录 MASA Framework - 整体设计思路 MASA Framework - EventBus设计 MASA Framework - MASA Framework - DDD设计(1) MASA Framework - MASA Framework - DDD设计(2) Clean Architecture 国内对于Clean Architecture的翻译很多,干净/整洁/清晰.但无论哪一种都说明了它简洁.清晰的特性. 早期它长这样看到这张图的同学可能会对另外一张图有印象洋葱架构…

2022首场MASA技术团队黑客松赛事大赛完美落幕！精彩集锦

Masa技术团队在2021年创立,这一年我们团队发布了我们第一个产品,Masa Blazor.登上了.NET Conf China,我们承诺,开源我们的产品,为开源社区增砖加瓦,一路上收获技术社区文章类的各种奖项... 2022年,我们在路上... 开年之初,为了鼓励更多的开发同学参与到项目落地的实践中,团队内部举办了第一季的黑客松大赛,目前,第一季的获奖名次已经公布,这个过程中,有哪些项目和亮点,是值得关注的呢? 赛事详情结果很重要,过程更重要! 背景在团队成立之初,就抱着做产品,要"高标…

MASA Auth - 权限设计

权限术语 Subject:用户,用户组 Action:对Object的操作,如增删改查等 Object:权限作用的对象,也可以理解为资源 Effect:规则的作用,如允许,拒绝 Condition:生效条件 Permission:允许(拒绝)用户(用户组)在条件允许下对对象(资源)的动作 Role:权限集合,权限数量>=1 RBAC RBAC (Role-Based Access Control,基于角色的访问控制),引入了 Role(角色)的概念,并且将权限与角色进行关联.用户通过扮演某种角色…