Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings
This repository was archived by the owner on Jun 5, 2023. It is now read-only.

Material Dashboard for Yii2 Framework - Open Source Bootstrap 4 Material Design Admin for Yii2 Framework

License

NotificationsYou must be signed in to change notification settings

coderseden/material-dashboard-yii2

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Tweet

versionlicense

Frontend version: Material Dashboard for Yii2 v1.0.0. More info athttps://www.coderseden.com/product/material-dashboard-yii2

Product Image

Speed up your web development with the Bootstrap 4 Admin Dashboard built for Yii2.

Note

We recommend installing this preset on a project that you are starting from scratch, otherwise your project's design might break.

Prerequisites

We have included the Docker with all the config files for building MySQL, PHP and Nginx environment.

To review :

Optional

  • Add to your hosts file on your machine (macOS/etc/hosts, WinC:\Windows\System32\drivers\etc\hosts) the following for quick browser access:

127.0.0.1 material-dashboard.test

  • check the docker/docker-compose.yml for any user/pass you could need like MySQL credentials
  • to access docker container, identify your container from terminal by runningdocker psthendocker exec -i -t CONTAINER_NAME /bin/bash

All the above are available on linux/mac and windows.

Scripts

In thedocker folder, you will find ascripts folder with a few helpers:
scripts/docker.sh up - will start docker
scripts/docker.sh down - will stop all docker containers from your computer
scripts/docker.sh remove - will remove all the docker containers from your computer (use with caution)
*** Please run the commands from the docker folder where the docker-compose.yml file is, otherwise it won't work.

Other notes

  1. Before running the docker command make sure you don't have anyweb-server or mysql instance running on your computer and blocking port 80, 81, 3360, etc. If you do, Docker will fail to start properly.
  2. All local projects will have their own phpmyadmin interface athttp://material-dashboard.test:81
  3. On windows, make sure your project lives in C:/Users/Username/* otherwise things won't work properly.

Docker notes

  1. docker-compose rm will remove loaded containers ( this is applicable when docker-compose.yml is changed ).
  2. docker-compose build --no-cache to build containers from scratch and not from cache.

Installation

  1. Using your editor, duplicateweb/config/db-local.php to beweb/config/db.php and add your database credentials credentials. If you are using docker as an local environment, then just renameweb/config/db-docker.php to beweb/config/db.php
  2. Start the dockersh scripts/docker.sh up
  3. Connect to the dockerphp-fpm using the following command:docker exec -it material-dashboard-php-fpm /bin/bash
  4. Runcomposer install to install the vendor
  5. After Composer is finished, run migration commandphp yii migrate/up and typeY

Usage

A user will be already created for you to login from the migration commandhello@coderseden.com with passwordadmin123 so you can login and browse.

Besides the dashboard and the auth pages this preset also has a full CRUD example on users management (Create User, View User, Update User, Delete User). All the necessary files (controllers, models, views) are installed out of the box and all the needed routes are added toweb/config/web.php. Keep in mind that all of the features can be viewed once you login using the credentials provided above.

Dashboard

You can access the dashboard either by using the "Dashboard" link in the left sidebar.

Table of Contents

Demo

View More.

Documentation

The documentation for the Material Dashboard Yii2 is hosted at ourwebsite.

File Structure

├── controllers│   ├── DashboardController.php│   ├── IconsController.php│   ├── MapController.php│   ├── NotificationsController.php│   ├── SiteController.php│   ├── TablesController.php│   ├── TypographyController.php│   └── UsersController.php├── migrations│   └── m200216_223841_create_user_table.php├── models│   ├── User.php│   ├── UserForgotForm.php│   ├── UserLoginForm.php│   └── UserSearch.php├── views│   ├── dashboard│   │   └── index.php│   ├── icons│   │   └── index.php│   ├── layouts│   │   ├── admin.php│   │   ├── content.php│   │   ├── footer.php│   │   ├── header.php│   │   ├── left.php│   │   ├── main.php│   │   └── plugin.php│   ├── map│   │   └── index.php│   ├── notifications│   │   └── index.php│   ├── site│   │   ├── error.php│   │   ├── forgot.php│   │   └── index.php│   ├── tables│   │   └── index.php│   ├── typography│   │   └── index.php│   └── users│       ├── form.php│       ├── list.php│       └── view.php├── web│   ├── css│   │   ├── material-dashboard-rtl.css│   │   ├── material-dashboard.css│   │   ├── material-dashboard.css.map│   │   └── material-dashboard.min.css│   ├── demo│   │   ├── demo.css│   │   └── demo.js│   ├── img│   │   ├── apple-icon.png│   │   ├── bg2.jpg│   │   ├── city-profile.jpg│   │   ├── city.jpg│   │   ├── cover.jpg│   │   ├── faces│   │   │   ├── avatar.jpg│   │   │   ├── card-profile1-square.jpg│   │   │   ├── card-profile2-square.jpg│   │   │   └── marc.jpg│   │   ├── favicon.png│   │   ├── login.jpg│   │   ├── mask.png│   │   ├── new_logo.png│   │   ├── sidebar-1.jpg│   │   ├── sidebar-2.jpg│   │   ├── sidebar-3.jpg│   │   ├── sidebar-4.jpg│   │   └── yii-logo.svg│   ├── js│   │   ├── core│   │   │   ├── bootstrap-material-design.min.js│   │   │   ├── jquery.min.js│   │   │   └── popper.min.js│   │   ├── material-dashboard.js│   │   ├── material-dashboard.js.map│   │   ├── material-dashboard.min.js│   │   ├── plugin.js│   │   └── plugins│   │       ├── arrive.min.js│   │       ├── bootstrap-datetimepicker.min.js│   │       ├── bootstrap-notify.js│   │       ├── bootstrap-selectpicker.js│   │       ├── bootstrap-tagsinput.js│   │       ├── chartist.min.js│   │       ├── fullcalendar.min.js│   │       ├── jasny-bootstrap.min.js│   │       ├── jquery-jvectormap.js│   │       ├── jquery.bootstrap-wizard.js│   │       ├── jquery.dataTables.min.js│   │       ├── jquery.tagsinput.js│   │       ├── jquery.validate.min.js│   │       ├── moment.min.js│   │       ├── nouislider.min.js│   │       ├── perfect-scrollbar.jquery.min.js│   │       └── sweetalert2.js│   └── scss│       ├── material-dashboard│       │   ├── _alerts.scss│       │   ├── _buttons.scss│       │   ├── _cards.scss│       │   ├── _checkboxes.scss│       │   ├── _core-bootstrap.scss│       │   ├── _dropdown.scss│       │   ├── _example-pages.scss│       │   ├── _fixed-plugin.scss│       │   ├── _footers.scss│       │   ├── _forms.scss│       │   ├── _headers.scss│       │   ├── _images.scss│       │   ├── _info-areas.scss│       │   ├── _input-group.scss│       │   ├── _misc.scss│       │   ├── _mixins.scss│       │   ├── _navbar.scss│       │   ├── _popover.scss│       │   ├── _popups.scss│       │   ├── _radios.scss│       │   ├── _responsive.scss│       │   ├── _ripples.scss│       │   ├── _sidebar-and-main-panel.scss│       │   ├── _social-buttons.scss│       │   ├── _tables.scss│       │   ├── _tabs.scss│       │   ├── _togglebutton.scss│       │   ├── _tooltip.scss│       │   ├── _type.scss│       │   ├── _variables.scss│       │   ├── bootstrap│       │   │   └── scss│       │   │       ├── _alert.scss│       │   │       ├── _badge.scss│       │   │       ├── _breadcrumb.scss│       │   │       ├── _button-group.scss│       │   │       ├── _buttons.scss│       │   │       ├── _card.scss│       │   │       ├── _carousel.scss│       │   │       ├── _close.scss│       │   │       ├── _code.scss│       │   │       ├── _custom-forms.scss│       │   │       ├── _dropdown.scss│       │   │       ├── _forms.scss│       │   │       ├── _functions.scss│       │   │       ├── _grid.scss│       │   │       ├── _images.scss│       │   │       ├── _input-group.scss│       │   │       ├── _jumbotron.scss│       │   │       ├── _list-group.scss│       │   │       ├── _media.scss│       │   │       ├── _mixins.scss│       │   │       ├── _modal.scss│       │   │       ├── _nav.scss│       │   │       ├── _navbar.scss│       │   │       ├── _pagination.scss│       │   │       ├── _popover.scss│       │   │       ├── _print.scss│       │   │       ├── _progress.scss│       │   │       ├── _reboot.scss│       │   │       ├── _root.scss│       │   │       ├── _tables.scss│       │   │       ├── _tooltip.scss│       │   │       ├── _transitions.scss│       │   │       ├── _type.scss│       │   │       ├── _utilities.scss│       │   │       ├── _variables.scss│       │   │       ├── bootstrap-grid.scss│       │   │       ├── bootstrap-reboot.scss│       │   │       ├── bootstrap.scss│       │   │       ├── mixins│       │   │       │   ├── _alert.scss│       │   │       │   ├── _background-variant.scss│       │   │       │   ├── _badge.scss│       │   │       │   ├── _border-radius.scss│       │   │       │   ├── _box-shadow.scss│       │   │       │   ├── _breakpoints.scss│       │   │       │   ├── _buttons.scss│       │   │       │   ├── _caret.scss│       │   │       │   ├── _clearfix.scss│       │   │       │   ├── _float.scss│       │   │       │   ├── _forms.scss│       │   │       │   ├── _gradients.scss│       │   │       │   ├── _grid-framework.scss│       │   │       │   ├── _grid.scss│       │   │       │   ├── _hover.scss│       │   │       │   ├── _image.scss│       │   │       │   ├── _list-group.scss│       │   │       │   ├── _lists.scss│       │   │       │   ├── _nav-divider.scss│       │   │       │   ├── _navbar-align.scss│       │   │       │   ├── _pagination.scss│       │   │       │   ├── _reset-text.scss│       │   │       │   ├── _resize.scss│       │   │       │   ├── _screen-reader.scss│       │   │       │   ├── _size.scss│       │   │       │   ├── _table-row.scss│       │   │       │   ├── _text-emphasis.scss│       │   │       │   ├── _text-hide.scss│       │   │       │   ├── _text-truncate.scss│       │   │       │   ├── _transition.scss│       │   │       │   └── _visibility.scss│       │   │       └── utilities│       │   │           ├── _align.scss│       │   │           ├── _background.scss│       │   │           ├── _borders.scss│       │   │           ├── _clearfix.scss│       │   │           ├── _display.scss│       │   │           ├── _embed.scss│       │   │           ├── _flex.scss│       │   │           ├── _float.scss│       │   │           ├── _position.scss│       │   │           ├── _screenreaders.scss│       │   │           ├── _sizing.scss│       │   │           ├── _spacing.scss│       │   │           ├── _text.scss│       │   │           └── _visibility.scss│       │   ├── cards│       │   │   ├── _card-plain.scss│       │   │   ├── _card-profile.scss│       │   │   └── _card-stats.scss│       │   ├── mixins│       │   │   ├── _alert.scss│       │   │   ├── _animations.scss│       │   │   ├── _breakpoints.scss│       │   │   ├── _buttons.scss│       │   │   ├── _chartist.scss│       │   │   ├── _colored-shadows.scss│       │   │   ├── _drawer.scss│       │   │   ├── _forms.scss│       │   │   ├── _hover.scss│       │   │   ├── _layout.scss│       │   │   ├── _navbar-colors.scss│       │   │   ├── _navs.scss│       │   │   ├── _sidebar-color.scss│       │   │   ├── _transparency.scss│       │   │   ├── _type.scss│       │   │   ├── _utilities.scss│       │   │   ├── _variables.scss│       │   │   └── _vendor-prefixes.scss│       │   ├── plugins│       │   │   ├── _animate.scss│       │   │   ├── _chartist.scss│       │   │   └── _perfect-scrollbar.scss│       │   └── variables│       │       ├── _body.scss│       │       ├── _bootstrap-material-design-base.scss│       │       ├── _bootstrap-material-design.scss│       │       ├── _brand.scss│       │       ├── _buttons.scss│       │       ├── _card.scss│       │       ├── _code.scss│       │       ├── _colors-map.scss│       │       ├── _colors.scss│       │       ├── _custom-forms.scss│       │       ├── _drawer.scss│       │       ├── _dropdown.scss│       │       ├── _forms.scss│       │       ├── _layout.scss│       │       ├── _list-group.scss│       │       ├── _menu.scss│       │       ├── _modals.scss│       │       ├── _nav.scss│       │       ├── _pagination.scss│       │       ├── _shadow.scss│       │       ├── _snackbar.scss│       │       ├── _spacing.scss│       │       ├── _state.scss│       │       ├── _tables.scss│       │       ├── _tooltip.scss│       │       └── _type.scss│       └── material-dashboard.scss

Browser Support

At present, we officially aim to support the last two versions of the following browsers:

Resources

HTMLYii2
Material Dashboard HTMLMaterial Dashboard yii2

Change log

Please see thechangelog for more information on what has changed recently.

Credits

Reporting Issues

We use GitHub Issues as the official bug tracker for the Material Dashboard Yii2. Here are some advices for our users that want to report an issue:

  1. Make sure that you are using the latest version of the Material Dashboard Yii2 Framework. Check the CHANGELOG from your dashboard on ourwebsite.
  2. Providing us reproducible steps for the issue will shorten the time it takes for it to be fixed.
  3. Some issues may be browser specific, so specifying in what browser you encountered the issue might help.

Licensing

Social Media

Creative Tim:

Twitter:https://twitter.com/CreativeTim?ref=mdl-readme

Facebook:https://www.facebook.com/CreativeTim?ref=mdl-readme

Dribbble:https://dribbble.com/creativetim?ref=mdl-readme

Instagram:https://www.instagram.com/CreativeTimOfficial?ref=mdl-readme

CodersEden:

Twitter:https://twitter.com/coderseden?ref=mdl-readme

Facebook:https://www.facebook.com/coderseden?ref=mdl-readme

Instagram:https://www.instagram.com/coderseden?ref=mdl-readme

Blog:https://www.coderseden.com/blog/?ref=mdl-readme

Credits


[8]ページ先頭

©2009-2025 Movatter.jp