TDesignBlazorダウンロードTDesignBlazorソースコードのダウンロード

TDesignBlazor

サードパーティ製コンポーネント

0.7.1

ダウンロード

特性

？ TDESIGNのインタラクティブな言語とエンタープライズレベルのミッドエンド製品とバックエンド製品の視覚的なスタイルから洗練されています
？複数のホスティング方法で共有されている高品質のブレザーコンポーネントが箱から出しています
？ WebAssemblyベースのクライアントとSignalRベースのサーバーUIイベントインタラクションをサポートします
？プログレッシブWebアプリケーション（PWA）をサポートしています
？ C＃で構築されたマルチパラダイム静的言語は、効率的な開発体験をもたらします
.NET 6/7に基づいて、Rich .NETクラスライブラリを直接参照できます
？既存のASP.NETコアMVCおよびRazorページプロジェクトとシームレスに統合できます
？ MITオープンソースプロトコルに基づいています

？デモデモ

オンラインデモ
- http://tblazor.com
ソースコードの実行
- TDesign.Docs.ServerSideはサーバー側のホスティングです
- TDesign.Docs.WebAssemblyは、純粋なクライアントホスティングです

？サポート環境

WebAssembly静的ファイルの展開をサポートします
メインストリーム4モダンブラウザ、およびインターネットエクスプローラー11+（Blazor Serverに限定）
.NET Maui、WPF、WindowsフォームなどのBlazorハイブリッドクライアント環境で直接実行できます。
電子などのWebベースの環境で直接実行できます

Edge / IE	Firefox	クロム	サファリ	オペラ	電子
エッジ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/>