Skip to content

Latest commit

 

History

History
201 lines (135 loc) · 6.43 KB

README.zh-CN.md

File metadata and controls

201 lines (135 loc) · 6.43 KB
Raw

Masa Blazor Pro Logo

Masa Blazor Pro

开箱即用的中台前端/设计解决方案，Blazor 项目模板，提供多种常见场景的预设布局。

Masa.Blazor.Pro

English | 简体中文

在线示例

https://blazor-pro.masastack.com

模板

- Dashboard
  - 电商报表
- App
  - 商城
  - 工作事项
  - 发票
  - 用户
- Page
  - 登录
  - 注册
  - 忘记密码
  - 重置密码
  - 账户设置
  - 500
  - 401

使用

CLI

安装模板

dotnet new --install Masa.Template

创建项目

  • Blazor Server
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

进入Server项目目录

cd Masa.Test

运行

dotnet run

masabp

现有项目

  • 在 wwwroot/index.html(WebAssembly) 或 Pages/_Host.cshtml(Server) 中引入样式:
<html lang="en">
	<head>
		<!--Style-->
		<link href="css/masa-blazor-pro.css" rel="stylesheet">
		<!--<link href="{ASSEMBLY NAME}.styles.css" rel="stylesheet">-->
		<link href="Masa.Blazor.Pro.styles.css" rel="stylesheet">
	</head>
</html>

masa-blazor-pro.css文件在项目wwwroot/css/masa-blazor-pro.css层级目录下

Masa.Blazor.Pro.styles.css需要改为{ASSEMBLY NAME}.styles.css,占位符 {ASSEMBLY NAME} 是项目的程序集名称,详情请见 ASP.NET Core Blazor CSS 隔离

  • 设置MasaBlazor主题
var builder = WebApplication.CreateBuilder(args);
builder.Services.AddMasaBlazor(builder => 
{
    builder.UseTheme(option=>
        {
            option.Primary = "#4318FF";
            option.Accent = "#4318FF";
        }
    );
});

效果展示

效果图 效果图
dashboard basket
edit view
login todo

相关项目

浏览器支持

chromefirefoxedgeieSafarioper

移动设备

iosAndriod

Chrome Firefox Safari Microsoft Edge
iOS Supported Supported Supported Supported
Android Supported Supported N/A Supported

桌面设备

macOSlinuxwindows

Chrome Firefox Safari Opera Microsoft Edge Internet Explorer
Mac Supported Supported Supported Supported N/A N/A
Linux Supported Supported N/A N/A N/A N/A
Windows Supported Supported Not supported Supported Supported Supported, IE11+

由于 WebAssembly 的限制，Blazor WebAssembly 不支持 IE 浏览器，但 Blazor Server 支持 IE 11†。 详见官网说明。

如何贡献

  1. Clone
  2. Create Feature_xxx branch
  3. Commit with commit message, like feat:add MButton
  4. Create Pull Request

如果你希望参与贡献，欢迎 Pull Request，或给我们 报告 Bug 。

贡献者

感谢所有为本项目做出过贡献的朋友。

交流

QQ群 微信公众号 微信客服
masa.blazor-qq masa.blazor-weixin masa.blazor-weixin

开发团队

数闪技术团队，是一支高效，稳定，创新的团队。团队秉承着丰富Blazor生态的初心，去不断努力，为开发人员带来更好的体验是数闪技术团队的追求。感谢各位的支持和使用。

行为准则

本项目采用了《贡献者公约》所定义的行为准则，以明确我们社区的预期行为。更多信息请见 Masa Stack Community Code of Conduct.

许可声明

Masa.Blazor.Pro

Copyright (c) 2021-present Masa.Blazor.Pro