MudBlazor 다운로드 - MudBlazor 소스 코드 다운로드

MudBlazor

기타 소스코드

v7.15.0

다운로드

Blazor의 재료 설계 구성 요소

Mudblazor는 사용 편의성과 명확한 구조에 중점을 둔 야심 찬 재료 설계 구성 요소 프레임 워크입니다. CSS 및 JavaScript와 싸울 필요없이 웹 응용 프로그램을 신속하게 구축하려는 .NET 개발자에게 적합합니다. C#에 전적으로 쓰여진 Mudblazor는 프레임 워크를 적응, 수정 또는 확장 할 수 있도록합니다. 문서에는 많은 예가있어 Mudblazor를 이해하고 배우는 것을 매우 쉽게 만듭니다.

문서 및 데모

mudblazor.com
try.mudblazor.com

Mudblazor가 왜 그렇게 성공합니까?

재료 설계를 기반으로 깨끗하고 미적 그래픽 디자인.
명확하고 이해하기 쉬운 구조.
많은 예와 소스 스 니펫이있는 좋은 문서.
모든 구성 요소는 C#으로 완전히 작성되며 JavaScript가 허용되지 않습니다 (절대적으로 필요한 경우).
사용자는 CS를 필요로하지 않고 아름다운 앱을 만들 수 있습니다 (물론 CSS도 사용할 수 있습니다).
다른 구성 요소 라이브러리에 대한 종속성 없음, 구성 요소 및 기능에 대한 100% 제어.
안정! 우리는 완전한 테스트 범위를 위해 노력합니다.
릴리스는 종종 개발자가 PR과 수정을 적시에 얻을 수 있습니다.

전제 조건

mudblazor	.그물	지원하다
1.xx -2.0.x	.NET 3.1	03/2021이 끝났습니다
5.xx	.NET 5	01/2022
6.xx	.NET 6, .NET 7, .NET 8	01/2025가 끝났습니다
7.xx	.NET 7, .NET 8	✔️
8.xx	.NET 8, .NET 9	✔️

경고

정적 렌더링은 지원되지 않습니다. 자세히 알아보십시오.
우리는 더 이상 게시자가 유지 관리하지 않는 브라우저와의 호환성을 보장 할 수 없습니다. 최상의 경험을 보려면 최신 브라우저를 사용하십시오-Blazor 지원 플랫폼을 참조하십시오.

통계

기여

기여하고 싶은 감사합니다!
커뮤니티의 기여는 Mudblazor를 성공적으로 만드는 것입니다.

C#, Blazor, JavaScript 또는 CSS와 같은 기술에 익숙하고 무언가를 돌려주고 싶다면 풀 요청을 제출하십시오! 우리는 모든 부서지는 버그 수정을 병합하려고 노력하며 커뮤니티의 새로운 기능의 가치를 의도적으로 고의적으로 할 것입니다. PR이 합병 될 것이라는 보장은 없으므로 작업을 투자하기 전에 확실히 확인하려면 먼저 팀에 연락하십시오.

우리의 목표를 이해하고 프로젝트 내부에 대해 자세히 알아 보려면 기여 가이드 라인을 확인하십시오.

시작하기

Mudblazor.templates 저장소에는 미리 메이드 템플릿이 있습니다.

전체 설치 지침은 당사 웹 사이트에서 찾을 수 있습니다.

빠른 설치 가이드

패키지를 설치하십시오

 dotnet add package MudBlazor

다음을 _Imports.razor 에 추가하십시오

 @ using MudBlazor

MainLayout.razor 또는 App.razor 에 다음을 추가하십시오

< MudThemeProvider />
< MudPopoverProvider />
< MudDialogProvider />
< MudSnackbarProvider />

HTML head 섹션에 다음을 추가하면 webassembly 또는 서버를 실행 중인지 여부에 따라 index.html 또는 _Layout.cshtml / _Host.cshtml / App.razor 입니다.

< link href = " https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap " rel = " stylesheet " />
< link href = " _content/MudBlazor/MudBlazor.min.css " rel = " stylesheet " />

다음으로, body 끝에서 기본 블레이저 스크립트에 다음을 추가하십시오.

< script src = " _content/MudBlazor/MudBlazor.min.js " ></ script >

Program.cs 의 관련 섹션에 다음을 추가하십시오

 using MudBlazor . Services ;

 builder . Services . AddMudServices ( ) ;

용법

< MudText Typo = " Typo.h6 " >
    MudBlazor is @Text
</ MudText >

< MudButton Variant = " Variant.Filled " 
           Color = " Color.Primary " 
           OnClick = " ButtonOnClick " >
    @ButtonText
</ MudButton >

@code {
    string Text { get ; set ; } = " ???? " ;
    string ButtonText { get ; set ; } = " Click Me " ;
    int ClickCount { get ; set ; }

    void ButtonOnClick ()
    {
        ClickCount += 1 ;
        Text = $" Awesome x { ClickCount } " ;
        ButtonText = " Click Me Again " ;
    }
}