AspNet Core MVC项目接入AdminLTE

手机

iphone11大小尺寸是多少？苹果iPhone11和iPhone13的区别是什么？

警方通报辅警执法直播中被撞飞：犯罪嫌疑人已投案

AspNet Core MVC项目接入AdminLTE

2023-03-07 21:11:49 来源：博客园

AdminLTE 是一款基于 jQuery 和 Bootstrap 的流行的后台管理界面框架，通过使用 AdminLET 框架提供的现成的组件可以大幅的提高后台管理界面的开发速度和规范性。

参考https://3vshej.cn/AdminLTE/

实现基于.NET 6 下的AspNet Core Web 应用

(资料图片仅供参考)

1.下载AdminLTE 中文源码https://gitee.com/3Vshej/AdminLTE_CN/releases

解压后得到

2.新建AspNet Core Web项目后将解压AdminLET得到的文件放入MVC项目中

3.在wwwroot添加文件夹AdminLTE ，添加上面解压的dist和plugins文件夹内容

4.复制index.html到index.cshtml 中，修改view下home文件夹下的index.cshtml

运行即可得到

源码 index.html结构说明：

布局相关： .wrapper包住了body下的所有代码 .main-header里是网站的logo和导航栏的代码 .main-sidebar里是用户面板和侧边栏菜单的代码 .content-wrapper里是页面的页面和内容区域的代码 .main-footer里是页脚的代码 .control-sidebar里是页面右侧侧边栏区域的代码布局选项： fixed：固定 layout-boxed：盒子布局 layout-top-nav：顶部隐藏 sidebar-collapse：侧边栏隐藏 sidebar-mini：侧边栏隐藏时有小图标皮肤选项： skin-blue：蓝色 skin-black：黑色 skin-purple：紫色 skin-yellow：黄色 skin-red：红色 skin-green：绿色

说明：

记得修改的路径，很多时候都可能是路径或者一些文件没找到出的问题！

源码地址：https://github.com/Hedgehogcat/2023/tree/main/AdminLTE

关键词：