ASP.NETMVCAdmin主页如何快速构建-创新互联

_MenuPartial.cshtml

 

  
 Account +3
  

   
    
 Sign In
    
 Sign Up
    
 Reset Password
   
  
  
 Legal
  

   
    
 Privacy Policy
    
 Terms and Conditions
   
  
  
 Help
  
 Faq
 

_FooterPartial.cshtml

2.通过NUGET安装font-awesome字体图标，font-awesome是一个优秀的字体图标库，想了解更多的请参考官网 http://fontawesome.dashgame.com/ 。

3.在项目的BundleConfig文件中，把相关的css和js文件添加进去。

// 有关绑定的详细信息，请访问 http://go.microsoft.com/fwlink/?LinkId=301862
 public static void RegisterBundles(BundleCollection bundles)
 {
  bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
   "~/Scripts/jquery-{version}.js"));

  bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
   "~/Scripts/jquery.validate*"));

  // 使用要用于开发和学习的 Modernizr 的开发版本。然后，当你做好
  // 生产准备时，请使用 http://modernizr.com 上的生成工具来仅选择所需的测试。
  bundles.Add(new ScriptBundle("~/bundles/modernizr").Include(
   "~/Scripts/modernizr-*"));

  bundles.Add(new ScriptBundle("~/bundles/bootstrap").Include(
   "~/Scripts/bootstrap.js",
   "~/Scripts/respond.js"));

  bundles.Add(new StyleBundle("~/Content/css").Include(
   "~/Content/bootstrap.css",
   "~/Content/site.css" ,
   "~/Content/theme.css", 
   "~/Content/css/font-awesome.min.css"
   ));
 }

4.添加LayoutAdmin母版页并修改Index首页内容，将Index母版页指向LayoutAdmin

@{
 Layout = "~/Views/Shared/_LayoutAdmin.cshtml";
 ViewBag.Title = "Home Page"; 
}


 Help
 
  
Home 
  Help
 




 

 
 @Html.Partial("_FooterPartial")

这样，通过简单的几步就搭好了一个简洁大方的ASP.NETMVC后台管理模板页，半个小时就搞定了，怎么样，效率很高吧！这里我顺便把里面的主题样式加到首页顶部菜单，通过简单切换即可选择顶部样式，大家也可以在theme.css里面扩展你的主题。

感谢各位的阅读！关于“ASP.NET MVC Admin主页如何快速构建”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！