MASA.Blazor 是一套基于Material设计规范和BlazorComponent的交互能力提供标准的基础组件库。
MASA.Blazor 提供如布局、弹框标准、Loading、全局异常处理等标准场景的预置组件。从更多实际场景出发，满足更多用户和场景的需求，最大的减少开发者的时间成本。缩短开发周期提高开发效率。并提供一套Web解决方案示例 - MASA Blazor Pro 有多种常见场景和预设布局等精彩内容。
特性
- 丰富组件：包含Vuetify 1:1还原的基础组件，以及很多实用的预置组件和.Net深度集成功能，包括Url、面包屑、导航三联动，高级搜索，i18n等
- UI设计语言：设计风格现代，UI 多端体验设计优秀
- 专业示例：MASA Blazor Pro 提供多种常见场景的预设布局
- 简易上手：丰富详细的上手文档，免费的视频教程（制作中）
- 社区活跃鼓励：用户参与实时互动，做出贡献加入我们，构建最开放的开源社区
- 长期支持：全职团队维护，长期提供支持，并提供企业级支持
- 知名企业选择：该技术框架被多家知名企业选择使用，未来MASA Stack产品线也将一直使用，持续增加新功能
统计
快速使用
开发环境搭建
CLI
Install Template
dotnet new --install Masa.Template
Create Project
dotnet new masabp -o Masa.Test
- Blazor WebAssembly
dotnet new masabp --mode Wasm -o Masa.TestWasm
- Blazor RCL
dotnet new masabp --mode ServerAndWasm -o Masa.TestRcl
Go to the Server project directory
cd Masa.Test\Masa.Test.Server
Run
dotnet run
现有项目
- 安装Nuget包
dotnet add package Masa.Blazor
- 将 Masa.Blazor 的相关服务添加到
Startup.ConfigureServices:
services.AddMasaBlazor();
- 在
wwwroot/index.html(WebAssembly) 或Pages/_Host.cshtml(Server) 中引入样式、字体、脚本:
<html lang="en"> <head> <!--Style--> <link href="_content/Masa.Blazor/css/masa-blazor.css" rel="stylesheet"> <link href="_content/Masa.Blazor/css/masa-extend-blazor.css" rel="stylesheet"> <!--Font--> <link href="https://cdn.jsdelivr.net/npm/@("@mdi")/font@5.x/css/materialdesignicons.min.css" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Material+Icons" rel="stylesheet"> <link href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" rel="stylesheet"> </head> <body> <!--Script (try to put it at the end of the body)--> <script src="_content/BlazorComponent/js/blazor-component.js"></script> </body> </html>
- 在
_Imports.razor文件中加入命名空间:
@using Masa.Blazor @using BlazorComponent
- 修改
Shared/MainLayout.razor文件，让MApp成为根元素：
<MApp> //其它布局内容 </MApp>
本地开发
开发环境搭建
克隆代码
git clone git@github.com:BlazorComponent/Masa.Blazor.git cd Masa.Blazor/src git clone git@github.com:BlazorComponent/BlazorComponent.git
运行文档站点
cd Doc/Masa.Blazor.Doc.Server dotnet run
访问
推荐使用 chrome 或 edge 访问 http://localhost:5000/
-
MASA.Blazor 是什么？ 基于Material Design设计和BlazorComponent的交互能力提供标准的基础组件库。提供如布局、弹框标准、Loading、全局异常处理等标准场景的预置组件。从更多实际场景出发，满足更多用户和场景的需求，缩短开发周期，提高开发效率，并提供一整套Web解决方案 - MASA Blazor Pro。 MASA.Blazor.Pro演示地址 [这里](h
-
以下是为 linkerd 提供商业支持和其他企业产品的公司列表： Buoyant 是 linkerd 的原创者，并提供支持，培训和企业产品。 了解更多 »
-
作用 用于查询企业账户额度、开票额度等信息。 依赖 暂无依赖 注意 所有接口调用时需要严格遵守请求方式(GET/POST) 使用接口前需要仔细阅读每个接口的注意事项 接口报错时先阅读通用错误解决方案和当前接口文档下的接口错误解决方案
-
注意：本书中的 Service Mesh 章节已不再维护，请转到 istio-handbook 中浏览。 本节是根据由Nginx赞助，O’Reilly出版社出品的关于服务网格的书籍总结而来，本书标题是 The Enterprise Path to Service Mesh ，还有个副标题 Decoupling at Layer 5 ，第一版发行于2018年8月8日。这本书一共61页，本文是我对该书
-
本文向大家介绍详解高效而稳定的企业级.NET Office 组件Spire（.NET组件介绍之二），包括了详解高效而稳定的企业级.NET Office 组件Spire（.NET组件介绍之二）的使用技巧和注意事项，需要的朋友参考一下 在项目开发中，尤其是企业的业务系统中，对文档的操作是非常多的，有时几乎给人一种错觉的是”这个系统似乎就是专门操作文档的“。毕竟现在的很多办公中大都是在PC端操作文档等软
-
使用方法：进入话题-查看企业组织
-
获取企业Id 请求方式：GET 请求地址：https://open.qingtui.cn/team/domain/id/get?access_token=ACCESS_TOKEN&number=NUMBER 参数说明： 参数 必须 说明 access_token 是 接口调用凭证 number 是 企业号，可在管理后台中企业管理模块中查看 正确返回结果示例： { "domainId": "