如何将ASP.NET Core Web App应用第三方Bootstrap模板?
- 内容介绍
- 文章标签
- 相关推荐
本文共计852个文字,预计阅读时间需要4分钟。
引言:作为后端开发者来说,前端表现不转怎么办?我们一般会选择一些开源的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分钟。
引言:作为后端开发者来说,前端表现不转怎么办?我们一般会选择一些开源的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(本地下载)来使用。

