ABP+AdminLTE+Bootstrap Table权限管理系统第九节--AdminLTE引入及模板页和布局和菜单

返回总目录:ABP+AdminLTE+Bootstrap Table权限管理系统一期

AdminLTE 官网地址:https://adminlte.io/themes/AdminLTE/index2.html

首先去官网下载包下来,然后引入项目.

然后我们在web层添加区域Admin以及Common,关于AdminLTE的地址我们放在Common路劲下面.

在Common下添加LayoutController控制器.

ABP+AdminLTE+Bootstrap Table权限管理系统第九节--AdminLTE引入及模板页和布局和菜单

Layout

这里菜单我们先不管,在后面的章节我在加上,首先是_Layout页代码:

 1 @{
 2     Layout = null;
 3 }
 4 
 5 @using System.Web.Optimization
 6 @{
 7     List<JCmsErp.Menu.Menus> sidebarMenuDataList = ViewBag.SidebarMenuModel;
 8 }
 9 <!DOCTYPE html>
10 <html>
11 <head>
12     <meta charset="UTF-8" />
13     <title>AdminLTE 2 | Dashboard</title>
14     <meta http-equiv="X-UA-Compatible" content="IE=edge">
15     <script src="~/Scripts/AdminLTE-2.1.1/AdminLTE-2.1.1/plugins/jQuery/jQuery-2.1.4.min.js"></script>
16 
17     <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport' />
18     <!-- Bootstrap 3.3.4 -->
19     <script src="~/Scripts/AdminLTE-2.1.1/AdminLTE-2.1.1/bootstrap/js/bootstrap.js"></script>
20     <link href="~/Scripts/AdminLTE-2.1.1/AdminLTE-2.1.1/bootstrap/css/bootstrap.css" rel="stylesheet" />
21     <!-- FontAwesome 4.3.0 -->
22     <!-- Ionicons 2.0.0 -->
23     <link href="~/Scripts/AdminLTE-2.1.1/AdminLTE-2.1.1/dist/css/ionicons.min.css" rel="stylesheet" type="text/css" />
24     <!-- Theme style -->
25     <link href="~/Scripts/AdminLTE-2.1.1/AdminLTE-2.1.1/dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" />
26     <!-- AdminLTE Skins. Choose a skin from the css/skins
27          folder instead of downloading all of them to reduce the load. -->
28     <link href="~/Scripts/AdminLTE-2.1.1/AdminLTE-2.1.1/dist/css/skins/_all-skins.min.css" rel="stylesheet" type="text/css" />
29     <!-- iCheck -->
30     <link href="~/Scripts/AdminLTE-2.1.1/AdminLTE-2.1.1/plugins/iCheck/flat/blue.css" rel="stylesheet" type="text/css" />
31     <!-- Morris chart -->
32     <link href="~/Scripts/AdminLTE-2.1.1/AdminLTE-2.1.1/plugins/morris/morris.css" rel="stylesheet" type="text/css" />
33     <!-- jvectormap -->
34     <link href="~/Scripts/AdminLTE-2.1.1/AdminLTE-2.1.1/plugins/jvectormap/jquery-jvectormap-1.2.2.css" rel="stylesheet" type="text/css" />
35     <!-- Date Picker -->
36     <link href="~/Scripts/AdminLTE-2.1.1/AdminLTE-2.1.1/plugins/datepicker/datepicker3.css" rel="stylesheet" type="text/css" />
37     <!-- Daterange picker -->
38     <link href="~/Scripts/AdminLTE-2.1.1/AdminLTE-2.1.1/plugins/daterangepicker/daterangepicker-bs3.css" rel="stylesheet" type="text/css" />
39     <!-- bootstrap wysihtml5 - text editor -->
40     <link href="~/Scripts/AdminLTE-2.1.1/AdminLTE-2.1.1/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css" rel="stylesheet" type="text/css" />
41 
42     <!-- ./wrapper -->
43     <!-- REQUIRED JS SCRIPTS -->
44     <!-- jQuery 2.2.3 -->
45 
46 
47     <style type="text/css">
48         body {
49             font-family: verdana,helvetica,arial,sans-serif;
50             padding: 0 !important;
51             margin: 0;
52         }
53       
54         .content {
55           min-height:700px; height:auto!important;
56         }
57     </style>
58 
59 </head>
60 
61 <body class="hold-transition skin-blue sidebar-mini">
62     <div class="wrapper">
63         @Html.Action("_MainHeader", "Layout", new { area = "Common" })
64         @Html.Action("_LeftSideMenus", "Layout", new { area = "Common" })
65 
66         <div class="content-wrapper">
67             @RenderBody()
68         </div>
69         @Html.Action("_MainFooter", "Layout", new { area = "Common" })
70         <div class="control-sidebar-bg"></div>
71     </div>
72 </body>
73 </html>

View Code