Adstis is an opensource admin panel (dashboard) built in laravel and template stisla. It is modified laravel default authentication page. The Customization includes templates (dashboard design based on stisla), add username field, user profile management, change password, etc. Beside that there are some palnned customization to make us ease in web development like user authorization management, user menu management, etc, but it is still on progress. I imagine in building the foundation of admin panel, so if we have a project, we just need to make minor changing and focus on main features.
Laravel framework www.laravel.com
Stisla Admin panel www.getstisla.com
Installing adstis admin panel is like installing other laravel project, it is the same.
Here are the steps:
- Clonning from github git@github.com:priatmoko/adstis.git
git clone git@github.com:priatmoko/adstis.git your_directory
- Enter to your clonned direcotory
cd your_directory
- Don't forget to create database and setup database configuration on .env (username, password, database name)
Example
....
DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=adstis
DB_USERNAME=root
DB_PASSWORD=your_password
....
- Run command composer install on your directory
composer install
- Run command php artisan migrate to create database
php artisan migrate
- Run command php artisan serve to run the result on your browser
php artisan serve
- Directory structure
- Codes
Controller method calling blade template
/**
* Display main panel of user profile
* @return void
*/
public function index()
{
$breadcrumb = ['User profile'=>''];
$title = 'User Profile';
return view('Admin.Profile.index')
->with('breadcrumb', $breadcrumb);
}
Inside blade template, main template on blade, It will generate main page.
@extends('layouts.master-admin')
@section('component')
<!-- your code here-->
@endsection
Generate page like this
Inside blade template, calling component card, It will generate bootstrap card component
@component('layouts.elements.others.card',
['title'=>'User Detail'])
@endcomponent
Generate page like this, card Jump to, card User Profile Setting
