大橙子网站建设,新征程启航

为企业提供网站建设、域名注册、服务器等服务

Bootstrap中Blazor组件有什么用

这篇文章主要介绍Bootstrap中Blazor组件有什么用,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

站在用户的角度思考问题,与客户深入沟通,找到桐乡网站设计与桐乡网站推广的解决方案,凭借多年的经验,让设计与互联网技术结合,创造个性化、用户体验好的作品,建站类型包括:网站制作、成都网站设计、企业官网、英文网站、手机端网站、网站推广、国际域名空间、网络空间、企业邮箱。业务覆盖桐乡地区。

Bootstrap是什么

Bootstrap是目前最受欢迎的前端框架,它是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷,它还有一个响应最好的Grid系统,并且能够在手机端通用,而Bootstrap是使用许多可重用的CSS和JavaScript组件,可以帮助实现需要的几乎任何类型的网站的功能,此外,所有这些组件都是响应式的。

安装指南

  • 安装 dotnet SDK 传送门

  • 安装 Visual Studio 2019 v16.8+ 传送门

项目模板

1、安装模板

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

Bootstrap中Blazor组件有什么用

2、使用项目模板创建新项目

dotnet new bbapp

bbapp 是 BootstrapBlazor App 的缩写

3、卸载项目模板

dotnet new -u Bootstrap.Blazor.Templates

现有项目中集成 BootstrapBlazor

1、从 Nuget.org 获取 BootstrapBlazor 包

dotnet add package BootstrapBlazor

2、添加样式文件与脚本到项目文件中 Pages/_Host.cshtml (Server) or wwwroot/index.html (WebAssembly)

HTML




    . . .
    


    . . .
    
    

3、注册服务 ~/Startup.cs

C#

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 以及相关进程均关闭,此安装包安装过程可能很慢,请耐心等待

特别注意

如果长时间无响应,请查看任务管理器中是否有 devenv.exe 或者 msbuild.exe 进程,如果有请手动结束

Bootstrap中Blazor组件有什么用Bootstrap中Blazor组件有什么用Bootstrap中Blazor组件有什么用

4、打开 Visual Studio 2019

Bootstrap中Blazor组件有什么用Bootstrap中Blazor组件有什么用Bootstrap中Blazor组件有什么用Bootstrap中Blazor组件有什么用

5、选中 Server 或者 WebAssembly 工程直接运行 F5

Bootstrap中Blazor组件有什么用

6、项目中按照自己需求更改页面

以上是“Bootstrap中Blazor组件有什么用”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!


网页名称:Bootstrap中Blazor组件有什么用
分享地址:http://dzwzjz.com/article/joihsi.html
在线咨询
服务热线
服务热线:028-86922220
TOP