AdminLTE is a free Advanced Management Control Panel theme based on Bootstrap3.x, fully responsive management, suitable for screen resolutions from small mobile devices to large desktops. AdminLTE features: fully responsive to categorized dashboard 18 plug-ins and 3 custom plug-ins light and fast compatible with most mainstream browsers fully support Glyphicon
AdminLTE is a free Advanced Management Control Panel theme based on Bootstrap 3.x, with full responsive management, suitable for screen resolutions from small mobile devices to large desktops. AdminLTE features: fully responsive to categorized dashboard 18 plug-ins and 3 custom plug-ins light and fast compatible with most mainstream browsers fully support Glyphicon
AdminLTE is a free Advanced Management Control Panel theme based on Bootstrap 3.x, with full responsive management, suitable for screen resolutions from small mobile devices to large desktops.
AdminLTE features:
- Full response
- Categorized dashboard
- 18 plug-ins and 3 custom plug-ins
- Light and fast
- Compatible with most mainstream browsers
- Full support for Glyphicons, Fontawesome, and icons
Tools we use
- Laravel
- AdminLTE 2.3.2
- Bower
- Composer
Download a brand new Laravel
If you are not sure, go to the official website to view the link
Here we can directly use the command line
composer create-project laravel/laravel myapp --prefer-dist
Using this command, we created a new Laravel project named myapp. If you succeed, you can see the image below.
Download AdminLTE from Bower
Go to the myapp/public folder
cd myapp/public
Execute the following command in this folder
bower install admin-lte
Once completed, you will find an additional bower_componets folder, and in this folder you will see AdminLTE
Convert starter.html of AdminLTE to a Blade Template
Laravel uses a good template engine Blade here. To make full use of Blade, we need to apply some common starting HTML pages to the Blade template, first, create a view named admin_template.blade.php in the resources/views folder, and then create a corresponding route for this page. As shown in the following
Route::get('admin', function () { return view('admin_template'); });
Then, copy the content in bower_components/admin-lte/starter.html to our view template and direct the links to the corresponding directory of AdminLTE. The following is my initial settings: