TDesignBlazor 다운로드 TDesignBlazor 소스 코드 다운로드

TDesignBlazor

타사 구성 요소

0.7.1

다운로드

특성

? Tdesign의 대화식 언어 및 시각적 스타일의 엔터프라이즈 레벨 미드 및 백엔드 제품에서 개선
? 여러 호스팅 방법에서 공유되는 고품질 블레이저 구성 요소
? WebAssembly 기반 클라이언트 및 신호 기반 서버 UI 이벤트 상호 작용을 지원합니다
? PWA (Progressive Web Applications) 지원
? C#으로 제작 된 Multi-Paradigm 정적 언어는 효율적인 개발 경험을 제공합니다.
.NET 6/7을 기반으로 Rich .NET 클래스 라이브러리를 직접 참조 할 수 있습니다.
? 기존 ASP.NET Core MVC 및 Razor Pages 프로젝트와 완벽하게 통합 될 수 있습니다.
? MIT 오픈 소스 프로토콜을 기반으로합니다

? 데모 데모

온라인 데모
- http://tblazor.com
소스 코드 실행
- TDesign.Docs.ServerSide 는 서버 측 호스팅입니다
- TDesign.Docs.WebAssembly 는 순수한 클라이언트 호스팅입니다

? 지원 환경

WebAssembly 정적 파일 배포를 지원합니다
주류 4 최신 브라우저 및 Internet Explorer 11+ (Blazor 서버로 제한)
.NET Maui, WPF, Windows Forms 등과 같은 Blazor 하이브리드 클라이언트 환경에서 직접 실행할 수 있습니다.
전자와 같은 웹 기반 환경에서 직접 실행할 수 있습니다.

가장자리 / 즉	파이어 폭스	크롬	원정 여행	오페라	전자
가장자리 16 / IE 11 †	522	57	11	44	크롬 57

WebAssembly 제한으로 인해 Blazor WebAssembly는 IE 브라우저를 지원하지 않지만 Blazor Server는 IE 11 †를 지원합니다. 자세한 내용은 공식 웹 사이트 지침을 참조하십시오. .NET 5부터 Blazor는 더 이상 공식적으로 IE 11을 지원하지 않습니다. Blazor : 자세한 내용은 업데이트 된 브라우저 지원을 참조하십시오. Community Project Blazor.Polyfill은 비공식 지원을 제공합니다.

? 설치 및 사용

Nuget에서 직접 설치하십시오
```
 > Install-Package TDesign
```
프로젝트에 서비스를 등록하십시오
```
 builder . Service . AddTDesign ( ) ;
```
wwwroot/index.html (webassembly) 또는 Pages/_Host.cshtml (Server)에 정적 파일을 소개합니다.
```
 < link rel =" stylesheet " href =" _content/TDesign/tdesign-blazor.css " />
```
_Imports.razor 에 네임 스페이스를 추가하십시오
```
 @using TDesign
```

동적 구성 요소 렌더링을 위해 App.razor 에 TDesignContainer 구성 요소를 추가하십시오

 <Router AppAssembly="@typeof(App).Assembly">
    <Found Context="routeData">
        <RouteView RouteData="@routeData" DefaultLayout="@typeof(MainLayout)" />
        <FocusOnNavigate RouteData="@routeData" Selector="h1" />
    </Found>
    <NotFound>
        <PageTitle>Not found</PageTitle>
        <LayoutView Layout="@typeof(MainLayout)">
            <p role="alert">Sorry, there's nothing at this address.</p>
        </LayoutView>
    </NotFound>
</Router>

<!--增加组件-->
<TDesignContainer/>