如何将ASP.NET Core Web App应用第三方Bootstrap模板?

2026-04-01 11:140阅读0评论SEO资讯
  • 内容介绍
  • 文章标签
  • 相关推荐

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

如何将ASP.NET Core Web App应用第三方Bootstrap模板?

引言:作为后端开发者来说,前端表现不转怎么办?我们一般会选择一些开源的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(本地下载)来使用。

阅读全文

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

如何将ASP.NET Core Web App应用第三方Bootstrap模板?

引言:作为后端开发者来说,前端表现不转怎么办?我们一般会选择一些开源的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(本地下载)来使用。

阅读全文