如何将第三方Bootstrap模板集成到ASP.NET Core Web App中?

2026-06-04 03:102阅读0评论SEO问题
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计846个文字,预计阅读时间需要4分钟。

如何将第三方Bootstrap模板集成到ASP.NET Core Web App中?

引言:作为后端开发来说,前端表现不转,我们一般会选择套用一些开源的Bootstrap模板主题来进行前端设计。那么如何选择呢?今天简单创建一个ASP.NET Core Web MVC模板项目为例,来说说。

引言

作为后端开发来说,前端表示玩不转,我们一般会选择套用一些开源的Bootstrap 模板主题来进行前端设计。那如何套用呢?今天就简单创建一个ASP.NET Core Web MVC 模板项目为例,来应用第三方Bootstrap Template——Admin LTE。

AdminLte Dashboard

1. 创建ASP.NET Core MVC Demo

命令行执行dotnet new mvc -n ApplyBootstrapTemplate,即可创建预置的MVC模板项目。项目结构如下图:

MVC Demo structure

从项目结构来看,我们可以看到wwwroot目录下包含了css、images、js、lib目录,其中lib目录默认引用了bootstrap、jquery相关包。因为是简单的模板项目,所以UI就很将就。

2. 下载AdminLte

目前AdminLte在计划发布AdminLTE 3.0版本,不过现在还处于Alpha版本。我们下载AdminLTE-V2.4.3(本地下载)来使用。

阅读全文

本文共计846个文字,预计阅读时间需要4分钟。

如何将第三方Bootstrap模板集成到ASP.NET Core Web App中?

引言:作为后端开发来说,前端表现不转,我们一般会选择套用一些开源的Bootstrap模板主题来进行前端设计。那么如何选择呢?今天简单创建一个ASP.NET Core Web MVC模板项目为例,来说说。

引言

作为后端开发来说,前端表示玩不转,我们一般会选择套用一些开源的Bootstrap 模板主题来进行前端设计。那如何套用呢?今天就简单创建一个ASP.NET Core Web MVC 模板项目为例,来应用第三方Bootstrap Template——Admin LTE。

AdminLte Dashboard

1. 创建ASP.NET Core MVC Demo

命令行执行dotnet new mvc -n ApplyBootstrapTemplate,即可创建预置的MVC模板项目。项目结构如下图:

MVC Demo structure

从项目结构来看,我们可以看到wwwroot目录下包含了css、images、js、lib目录,其中lib目录默认引用了bootstrap、jquery相关包。因为是简单的模板项目,所以UI就很将就。

2. 下载AdminLte

目前AdminLte在计划发布AdminLTE 3.0版本,不过现在还处于Alpha版本。我们下载AdminLTE-V2.4.3(本地下载)来使用。

阅读全文