Bootstrap中Blazor組件如何使用

這篇文章給大家介紹Bootstrap中Blazor組件如何使用，內(nèi)容非常詳細(xì)，感興趣的小伙伴們可以參考借鑒，希望對大家能有所幫助。

巢湖ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場景，ssl證書未來市場廣闊！成為成都創(chuàng)新互聯(lián)公司的ssl證書銷售渠道，可以享受市場價(jià)格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：18982081108（備注：SSL證書合作）期待與您的合作！

1、安裝模板

dotnet new -i Bootstrap.Blazor.Templates::*

2、使用項(xiàng)目模板創(chuàng)建新項(xiàng)目

dotnet new bbapp

bbapp 是 BootstrapBlazor App 的縮寫

3、卸載項(xiàng)目模板

dotnet new -u Bootstrap.Blazor.Templates

現(xiàn)有項(xiàng)目中集成 BootstrapBlazor

1、從 Nuget.org 獲取 BootstrapBlazor 包

dotnet add package BootstrapBlazor

2、添加樣式文件與腳本到項(xiàng)目文件中 Pages/_Host.cshtml (Server) or wwwroot/index.html (WebAssembly)

HTML

<!DOCTYPE html>
<html>
<head>
    . . .
    <link rel="stylesheet" href="_content/BootstrapBlazor/css/bootstrap.blazor.bundle.min.css">
</head>
<body>
    . . .
    <script src="_framework/blazor.server.js"></script>
    <script src="_content/BootstrapBlazor/js/bootstrap.blazor.bundle.min.js"></script>
</body>
</html>

3、注冊服務(wù) ~/Startup.cs

namespace BootstrapBlazorAppName
{
    public class Startup
    {
        public void ConfigureServices(IServiceCollection services)
        {
            //more code may be present here
            services.AddBootstrapBlazor(); 
        }

        //more code may be present here
    }
}

Visual Studio 插件

安裝 Visual Studio 插件

安裝包

下載地址

https://gitee.com/Longbow/BootstrapBlazorVsix/raw/master/dist/BootstrapBlazor.UITemplate-5.0.0.zip

使用教程

1、下載安裝包

2、解壓縮安裝包

3、安裝 vsix 插件

雙擊 BootstrapBlazor.UITemplate.vsix 文件，請保證 Visual Studio IDE 以及相關(guān)進(jìn)程均關(guān)閉，此安裝包安裝過程可能很慢，請耐心等待

特別注意

如果長時(shí)間無響應(yīng)，請查看任務(wù)管理器中是否有 devenv.exe 或者 msbuild.exe 進(jìn)程，如果有請手動結(jié)束

Bootstrap中Blazor組件如何使用

4、打開 Visual Studio 2019

Bootstrap中Blazor組件如何使用

5、選中 Server 或者 WebAssembly 工程直接運(yùn)行 F5

Bootstrap中Blazor組件如何使用

關(guān)于Bootstrap中Blazor組件如何使用就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到。

網(wǎng)頁名稱：Bootstrap中Blazor組件如何使用
網(wǎng)頁鏈接：http://www.aaarwkj.com/article0/pegsoo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站導(dǎo)航、手機(jī)網(wǎng)站建設(shè)、虛擬主機(jī)、云服務(wù)器、網(wǎng)站設(shè)計(jì)、響應(yīng)式網(wǎng)站

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

Bootstrap中Blazor組件如何使用

現(xiàn)有項(xiàng)目中集成 BootstrapBlazor

Visual Studio 插件

安裝包

使用教程