ASP.NET Core Web App应用第三方Bootstrap模板
<h1 id="引言">引言 作为后端开发来说,前端表示玩不转,我们一般会选择套用一些开源的Bootstrap 模板主题来进行前端设计。那如何套用呢?今天就简单创建一个ASP.NET Core Web MVC 模板项目为例,来应用第三方Bootstrap Template——。 命令行执行 目前AdminLte在计划发布AdminLTE 3.0版本,不过现在还处于Alpha版本。我们来使用。 下载后解压得到的项目结构如下: 基于AdminLTE进行开发,仅需要复制dist目录,及其依赖的bower包就可以了。 第一步:我们清空wwwroot下的全部目录(我这边暂时保留了images文件夹,后面会用到)。 第二步:然后复制dist目录到wwwroot下。 其依赖的bower包是安装在bower_components目录下的。我们无需直接复制整个bower_components文件夹,我们复制bower.json包定义文件即可。 第三步:复制AdminLTE下的bower.json到ASP.NET Core Mvc根目录下。 第四步:使用VS2017打开项目后,我们可以看到VS2017已经可以识别到未安装的Bower包。 第五步:新增.bowerrc文件,配置包安装路径即可。这里我们指定为了wwwrootplugins。(这里没有指定为wwwrootbower_components,与原始AdminLTE的目录结构保持一致,是因为如果指定为wwwrootbower_components,还原包后bower_components默认不会包含在项目中。) 第六步:Restore Package,还原成功后,我们会发现plugins文件夹已包含显示在wwwroot目录下了。 接下来我们将AdminLTE的预置起始页面starter.html移植进我们的布局页面_Layout.cshtml。 我们先来观察一下我们默认的布局页。
我们直接暴力复制starter.html的内容复制粘贴到_Layout.cshtml,然后再将以上三个点进行修改即可。然后修改引用的css、js路径即可。修改后的截图如下: CTRL+F5运行效果图如下,至此我们成功完成AdminLTE主题的应用。DEMO已上传到。 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
- ASP.NET AJAX Call Web Service , Return JSON Format Stri
- 写单元测试在ASP.NET Web API中使用User.Identity.Name的方
- 如何在page_Load函数中设置的asp.net中显示变量值
- ASP.NET MVC4模型验证
- asp.net-mvc – “无法同时分析32位和64位应用程序”错误
- 使用Bitbucket Pipeline进行.Net Core项目的自动构建、测试
- ASP.NET MVC 3动态控件
- asp.net-mvc – 将母版页的代码放在MVC应用程序中的位置?
- asp.net – 来自其他MVC项目的MVC4托管视图
- asp.net-mvc – 什么时候使用ViewData而不是ViewModels?
- asp.net – 如何创建/使用MembershipProvider?
- asp.net DropDownList的’EnableViewState = fal
- 美国美孕价格多少
- asp.net-mvc – 从/到POCO对象的knockoutjs映射
- asp.net-mvc – 如何在asp.net mvc应用程序中自动
- asp.net-mvc-4 – 当连接connecttring configSou
- ASP.NET MVC正则表达式路由约束
- asp.net-mvc – 如何在ASP.NET MVC中禁用客户端和
- asp.net – “填充无效,不能删除”异常WebResour
- asp.net-mvc – 没有控制器或操作名称的Asp.net