General management background template AdminLTE

17582589-b7313c9db3f709fd.jpg

  Morning to see the script home No public guy with .NET Core + AdminLTE made a management background, I feel good, then studied AdminLTE about it, to share the following learning outcomes.

1 Introduction

   AdminLTE is actually a management background template, based on Bootstrap, Less.js and pieced together a variety of plug-ins. Its visual effect is particularly rods, modern, simple, experience and good, let's look at its effect diagram:

  1) Home Dashboard1


17582589-a5cc18e2427a2cfe.jpg

 2) Home Dashboard2


17582589-0a5991cffbe2b20e.jpg

  3) Simple type Home Dashboard


17582589-bc78556a23e485dd.jpg

4) comes with a lot of Chart


17582589-2062523a376a9cb2.jpg

  5) comes with a lot of HTML DOM controls


17582589-4c24485304cdd9c4.jpg

  2. download

1) Source Code Download GitHub:

https://github.com/ColorlibHQ/AdminLTE

2) browse the source code directory:


17582589-146e6712b41fe902.jpg

  We just need to focus on three folders: dict (bootstrap style file, etc.), plugins (scripts rely on third-party components) and bower_components (individual components AdminLTE provided). Here we need to understand is that there is the use of a front-end package installation tools bower to configure and manage AdminLTE rely on each script package (like me << next-generation development framework for .NET Core Configuration entry >> the article mentioned .NET CORE launchSettings.json also used to manage its dependencies, like), so we can see inside this thing called the bower.json, you can not ignore it. Just need to say the thing above three folder copy directly to our project which is ready for use.

  Online presentation and DEMO:

https://adminlte.io


17582589-9fd136ac74a445f2.jpg

Reproduced in: https: //www.jianshu.com/p/f7e1262db067

Guess you like

Origin blog.csdn.net/weixin_33966095/article/details/91171112