README

前端版本: Material Dashboard for Yii2 v1.0.0. 更多信息请访问 https://www.coderseden.com/product/material-dashboard-yii2

使用为 Yii2 构建的 Bootstrap 4 管理仪表板来加速您的网络开发。

注意

我们建议在从头开始的项目上安装此预设，否则您项目的布局可能会损坏。

先决条件

我们已包含用于构建 MySQL、PHP 和 Nginx 环境的所有配置文件的 Docker。

要审查

可选

将以下内容添加到您的计算机的 hosts 文件中（macOS /etc/hosts，Win C:\Windows\System32\drivers\etc\hosts），以便快速浏览器访问

127.0.0.1 material-dashboard.test

检查 docker/docker-compose.yml，查看您可能需要的任何用户/密码，如 MySQL 凭据
要访问 Docker 容器，请在终端运行 docker ps 以识别容器，然后运行 docker exec -i -t CONTAINER_NAME /bin/bash

所有上述内容均可在 Linux/mac 和 Windows 上使用。

脚本

在 docker 文件夹中，您将找到一个包含一些辅助程序的 scripts 文件夹
scripts/docker.sh up - 将启动 Docker
scripts/docker.sh down - 将停止您计算机上的所有 Docker 容器
scripts/docker.sh remove - 将从您的计算机中删除所有 Docker 容器（请谨慎使用）
*** 请在包含 docker-compose.yml 文件的 docker 文件夹中运行这些命令，否则它们将不会工作。

其他说明

在运行 Docker 命令之前，请确保您的计算机上没有运行任何 Web 服务器或 MySQL 实例并阻止端口 80、81、3360 等。如果您有，Docker 将无法正常启动。
所有本地项目都将在 http://material-dashboard.test:81 有自己的 phpmyadmin 界面
在 Windows 上，请确保您的项目位于 C:/Users/Username/*，否则某些功能可能无法正常工作。

Docker 说明

docker-compose rm 将删除已加载的容器（此操作适用于 docker-compose.yml 发生更改时）。
docker-compose build --no-cache 从头构建容器，而不是从缓存中构建。

安装

使用您的编辑器，将 web/config/db-local.php 复制到 web/config/db.php 并添加您的数据库凭据。如果您使用 Docker 作为本地环境，则只需将 web/config/db-docker.php 重命名为 web/config/db.php
启动 Docker sh scripts/docker.sh up
使用以下命令连接到 Docker php-fpm：docker exec -it material-dashboard-php-fpm /bin/bash
运行 composer install 以安装供应商
Composer 安装完成后，运行迁移命令 php yii migrate/up 并输入 Y

用法

迁移命令会为您创建一个用户，您可以使用 hello@coderseden.com 邮箱和密码 admin123 登录并浏览。

除了仪表板和认证页面，预设还包含一个完整的用户管理 CRUD 示例（创建用户、查看用户、更新用户、删除用户）。所有必要的文件（控制器、模型、视图）都已安装，并将所有必要的路由添加到 web/config/web.php。请注意，登录后可以使用上述凭据查看所有功能。

仪表板

您可以通过左侧侧边栏的 "仪表板" 链接访问仪表板。

演示

文档

Material Dashboard Yii2 的文档托管在我们的网站上。

文件结构

├── 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