
Material Dashboard Pro React ASP.NET-это премиум-администратор Material-UI, созданный с использованием Create-React-APP с новым, новым дизайном, вдохновленным дизайном материала Google. Мы очень рады представить наше представление о материалах с помощью простых в использовании и красивых компонентах. Material Dashboard Pro React ASP.NET был построен над популярным материалом-UI Framework. Он использует свет, поверхность и движение. Общий макет напоминает листы бумаги после нескольких разных слоев, так что глубина и порядок очевидны. Навигация остается в основном на левой боковой панели, а содержание находится справа.
Ускорить разработку с помощью контейнеров Docker
Разработка приложений сегодня требует гораздо большего, чем написание кода. Несколько языков, рамок, архитектур и прерывистых интерфейсов между инструментами для каждой стадии жизненного цикла создают огромную сложность. Docker упрощает и ускоряет ваш рабочий процесс, предоставляя разработчикам свободу инноваций с выбором инструментов, стеков приложений и среды развертывания для каждого проекта.
Продукт поставляется с 7 вариантами цветового фильтра для звеньев боковой панели (синий, зеленый, оранжевый, красный, фиолетовый, розовый, белый), 3 варианта цвета фильтра для фона боковой панели (белый, синий, черный), вариант иметь фоновое изображение на боковой панели и 6 вариантов цветовых фильтров.
Material Dashboard Pro React ASP.NET использует структуру, построенную нашим другом Оливье - Material -UI, который проделал удивительную работу, создавая основу для материальных эффектов, анимации, ряда и переходов. Большое спасибо его команде за усилия и вперед, думая, что они вкладывают в это.
Во время разработки этой приборной панели мы использовали много существующих ресурсов от потрясающих разработчиков. Мы хотим поблагодарить их за предоставление их инструментов с открытым исходным кодом:
Дайте нам знать ваши мысли ниже. И удачи с развитием!
| Asp.net |
|---|
Параметры быстрого начала:
docker-compose up --build . Обратите внимание, что в первый раз, когда вы запустите это, изображения будут построить.Теперь у вас есть 3 приложения, состоящие из передней части React, Application и идентификационный сервер (идентификаторы) на основе C#/. Net Core и CO#/. Net Core API -проект. Имплантация идентификационного сервера следует по потоку пароля владельца ресурса, но может быть изменена для поддержки других.
Интеграция дает вам 3 функции для управления идентификацией:
Авторизоваться. Идентификаторы имеют 3 входа в систему по умолчанию, чтобы вы начали, вместе с их разрешениями по умолчанию (роль): Имя пользователя: Алиса Пароль: PASS123 $ Роль: Имя пользователя администратора: FRED пароль: PASS123 $ Роль: Creator Username: Bob Пароль: Pass123 $ Роль: участник.
Примечание. Любой новый пользователь будет автоматически назначен на роль участника
Зарегистрировать Это регистрирует нового пользователя в идентификаторах
Пользовательский профиль. Обновить профиль и изменить пароль. Примечание: вам нужно войти в систему для просмотра этой страницы.
Если вы хотите изменить какие -либо из настройки, касающихся аутентификации, пожалуйста, обратитесь к следующим файлам:
Вы можете найти документацию по идентификаторам здесь
Документация для Material Dashboard Pro React Aspnet размещена на нашем веб -сайте.
В рамках загрузки вы найдете следующие каталоги и файлы:
material-dashboard-pro-react-aspnet
.
├── API
│ ├── API.csproj
│ ├── Controllers
│ │ └── PostsController.cs
│ ├── DataSchema
│ │ ├── DataContext.cs
│ │ ├── Extensions
│ │ │ └── ModelBuilderExtensions.cs
│ │ ├── ModelConfiguration
│ │ │ └── PostConfiguration.cs
│ │ └── Post.cs
│ ├── Dockerfile
│ ├── Posts.db
│ ├── Program.cs
│ ├── Properties
│ │ └── launchSettings.json
│ ├── Repositories
│ │ ├── BaseRepository.cs
│ │ ├── IPostRepository.cs
│ │ ├── IRepository.cs
│ │ └── PostRepository.cs
│ ├── Services
│ │ ├── IPostService.cs
│ │ └── PostService.cs
│ ├── Startup.cs
│ └── appsettings.json
├── CreativeTim.sln
├── IdentityServer
│ ├── Config.cs
│ ├── Data
│ │ ├── ApplicationDbContext.cs
│ │ └── Migrations
│ │ ├── 20180109192453_CreateIdentitySchema.Designer.cs
│ │ ├── 20180109192453_CreateIdentitySchema.cs
│ │ └── ApplicationDbContextModelSnapshot.cs
│ ├── Dockerfile
│ ├── Helpers
│ │ ├── ProfileWithRoleIdentityResource.cs
│ │ └── X509Helper.cs
│ ├── IdentityServer.csproj
│ ├── Models
│ │ ├── AddRoleModel.cs
│ │ └── ApplicationUser.cs
│ ├── Program.cs
│ ├── Properties
│ │ └── launchSettings.json
│ ├── Quickstart
│ │ ├── Account
│ │ │ ├── AccountController.cs
│ │ │ ├── AccountOptions.cs
│ │ │ ├── ExternalController.cs
│ │ │ ├── ExternalProvider.cs
│ │ │ ├── LoggedOutViewModel.cs
│ │ │ ├── LoginInputModel.cs
│ │ │ ├── LoginViewModel.cs
│ │ │ ├── LogoutInputModel.cs
│ │ │ ├── LogoutViewModel.cs
│ │ │ ├── PasswordController.cs
│ │ │ ├── ProfileController.cs
│ │ │ ├── RedirectViewModel.cs
│ │ │ ├── RegisterController.cs
│ │ │ ├── RegisterViewModel.cs
│ │ │ ├── RoleController.cs
│ │ │ ├── UpdatePasswordModel.cs
│ │ │ ├── UpdateProfileModel.cs
│ │ │ └── UserController.cs
│ │ ├── Consent
│ │ │ ├── ConsentController.cs
│ │ │ ├── ConsentInputModel.cs
│ │ │ ├── ConsentOptions.cs
│ │ │ ├── ConsentViewModel.cs
│ │ │ ├── ProcessConsentResult.cs
│ │ │ └── ScopeViewModel.cs
│ │ ├── Device
│ │ │ ├── DeviceAuthorizationInputModel.cs
│ │ │ ├── DeviceAuthorizationViewModel.cs
│ │ │ └── DeviceController.cs
│ │ ├── Diagnostics
│ │ │ ├── DiagnosticsController.cs
│ │ │ └── DiagnosticsViewModel.cs
│ │ ├── Extensions.cs
│ │ ├── Grants
│ │ │ ├── GrantsController.cs
│ │ │ └── GrantsViewModel.cs
│ │ ├── Home
│ │ │ ├── ErrorViewModel.cs
│ │ │ └── HomeController.cs
│ │ ├── SecurityHeadersAttribute.cs
│ │ └── TestUsers.cs
│ ├── SeedData.cs
│ ├── Startup.cs
│ ├── Views
│ │ ├── Account
│ │ │ ├── AccessDenied.cshtml
│ │ │ ├── LoggedOut.cshtml
│ │ │ ├── Login.cshtml
│ │ │ └── Logout.cshtml
│ │ ├── Consent
│ │ │ └── Index.cshtml
│ │ ├── Device
│ │ │ ├── Success.cshtml
│ │ │ ├── UserCodeCapture.cshtml
│ │ │ └── UserCodeConfirmation.cshtml
│ │ ├── Diagnostics
│ │ │ └── Index.cshtml
│ │ ├── Grants
│ │ │ └── Index.cshtml
│ │ ├── Home
│ │ │ └── Index.cshtml
│ │ ├── Shared
│ │ │ ├── Error.cshtml
│ │ │ ├── Redirect.cshtml
│ │ │ ├── _Layout.cshtml
│ │ │ ├── _Nav.cshtml
│ │ │ ├── _ScopeListItem.cshtml
│ │ │ └── _ValidationSummary.cshtml
│ │ ├── _ViewImports.cshtml
│ │ └── _ViewStart.cshtml
│ ├── appsettings.json
│ ├── tempkey.jwk
│ ├── updateUI.ps1
│ └── wwwroot
│ ├── css
│ │ └── site.scss
│ ├── favicon.ico
│ ├── js
│ │ ├── signin-redirect.js
│ │ └── signout-redirect.js
│ └── lib
│ ├── bootstrap
│ │ ├── README.md
│ │ ├── dist
│ │ │ ├── css
│ │ │ │ ├── bootstrap-grid.css.map
│ │ │ │ ├── bootstrap-grid.min.css.map
│ │ │ │ ├── bootstrap-reboot.css.map
│ │ │ │ ├── bootstrap-reboot.min.css.map
│ │ │ │ ├── bootstrap.css.map
│ │ │ │ └── bootstrap.min.css.map
│ │ │ └── js
│ │ │ ├── bootstrap.bundle.js
│ │ │ ├── bootstrap.bundle.js.map
│ │ │ ├── bootstrap.bundle.min.js
│ │ │ ├── bootstrap.bundle.min.js.map
│ │ │ ├── bootstrap.js
│ │ │ ├── bootstrap.js.map
│ │ │ ├── bootstrap.min.js
│ │ │ └── bootstrap.min.js.map
│ │ └── 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
│ │ ├── _spinners.scss
│ │ ├── _tables.scss
│ │ ├── _toasts.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
│ │ │ ├── _deprecate.scss
│ │ │ ├── _float.scss
│ │ │ ├── _forms.scss
│ │ │ ├── _gradients.scss
│ │ │ ├── _grid-framework.scss
│ │ │ ├── _grid.scss
│ │ │ ├── _hover.scss
│ │ │ ├── _image.scss
│ │ │ ├── _list-group.scss
│ │ │ ├── _lists.scss
│ │ │ ├── _nav-divider.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
│ │ │ ├── _overflow.scss
│ │ │ ├── _position.scss
│ │ │ ├── _screenreaders.scss
│ │ │ ├── _shadows.scss
│ │ │ ├── _sizing.scss
│ │ │ ├── _spacing.scss
│ │ │ ├── _stretched-link.scss
│ │ │ ├── _text.scss
│ │ │ └── _visibility.scss
│ │ └── vendor
│ │ └── _rfs.scss
│ └── jquery
│ ├── LICENSE.txt
│ ├── README.md
│ └── dist
│ ├── jquery.js
│ ├── jquery.min.js
│ ├── jquery.min.map
│ ├── jquery.slim.js
│ ├── jquery.slim.min.js
│ └── jquery.slim.min.map
├── README.md
├── React
│ ├── CHANGELOG.md
│ ├── Dockerfile
│ ├── ISSUE_TEMPLATE.md
│ ├── React.njsproj
│ ├── documentation
│ │ ├── assets
│ │ │ ├── css
│ │ │ ├── img
│ │ │ │ └── faces
│ │ │ └── js
│ │ │ ├── bootstrap.min.js
│ │ │ └── jquery-3.2.1.min.js
│ │ └── tutorial-components.html
│ ├── gulpfile.js
│ ├── jsconfig.json
│ ├── package.json
│ ├── public
│ │ ├── favicon.ico
│ │ ├── index.html
│ │ └── manifest.json
│ └── src
│ ├── App.js
│ ├── actions
│ │ ├── authActions.js
│ │ └── types.js
│ ├── assets
│ │ ├── css
│ │ │ └── material-dashboard-pro-react.css.map
│ │ ├── github
│ │ │ └── material-dashboard-pro-react.gif
│ │ ├── img
│ │ │ ├── faces
│ │ │ ├── flags
│ │ │ ├── logo-white.svg
│ │ │ └── logo.svg
│ │ ├── jss
│ │ │ ├── material-dashboard-pro-react
│ │ │ │ ├── buttonGroupStyle.js
│ │ │ │ ├── cardImagesStyles.js
│ │ │ │ ├── components
│ │ │ │ │ ├── accordionStyle.js
│ │ │ │ │ ├── adminNavbarLinksStyle.js
│ │ │ │ │ ├── adminNavbarStyle.js
│ │ │ │ │ ├── authNavbarStyle.js
│ │ │ │ │ ├── badgeStyle.js
│ │ │ │ │ ├── buttonStyle.js
│ │ │ │ │ ├── cardAvatarStyle.js
│ │ │ │ │ ├── cardBodyStyle.js
│ │ │ │ │ ├── cardFooterStyle.js
│ │ │ │ │ ├── cardHeaderStyle.js
│ │ │ │ │ ├── cardIconStyle.js
│ │ │ │ │ ├── cardStyle.js
│ │ │ │ │ ├── cardTextStyle.js
│ │ │ │ │ ├── customDropdownStyle.js
│ │ │ │ │ ├── customInputStyle.js
│ │ │ │ │ ├── customLinearProgressStyle.js
│ │ │ │ │ ├── customTabsStyle.js
│ │ │ │ │ ├── footerStyle.js
│ │ │ │ │ ├── headingStyle.js
│ │ │ │ │ ├── infoStyle.js
│ │ │ │ │ ├── instructionStyle.js
│ │ │ │ │ ├── navPillsStyle.js
│ │ │ │ │ ├── paginationStyle.js
│ │ │ │ │ ├── sidebarStyle.js
│ │ │ │ │ ├── snackbarContentStyle.js
│ │ │ │ │ ├── tableStyle.js
│ │ │ │ │ ├── tasksStyle.js
│ │ │ │ │ ├── timelineStyle.js
│ │ │ │ │ ├── typographyStyle.js
│ │ │ │ │ └── wizardStyle.js
│ │ │ │ ├── customCheckboxRadioSwitch.js
│ │ │ │ ├── customSelectStyle.js
│ │ │ │ ├── hoverCardStyle.js
│ │ │ │ ├── layouts
│ │ │ │ │ ├── adminStyle.js
│ │ │ │ │ ├── authStyle.js
│ │ │ │ │ └── rtlStyle.js
│ │ │ │ ├── modalStyle.js
│ │ │ │ └── views
│ │ │ │ ├── buttonsStyle.js
│ │ │ │ ├── chartsStyle.js
│ │ │ │ ├── dashboardStyle.js
│ │ │ │ ├── errorPageStyles.js
│ │ │ │ ├── extendedFormsStyle.js
│ │ │ │ ├── extendedTablesStyle.js
│ │ │ │ ├── gridSystemStyle.js
│ │ │ │ ├── iconsStyle.js
│ │ │ │ ├── lockScreenPageStyle.js
│ │ │ │ ├── loginPageStyle.js
│ │ │ │ ├── notificationsStyle.js
│ │ │ │ ├── pricingPageStyle.js
│ │ │ │ ├── registerPageStyle.js
│ │ │ │ ├── regularFormsStyle.js
│ │ │ │ ├── sweetAlertStyle.js
│ │ │ │ ├── userProfileStyles.js
│ │ │ │ └── validationFormsStyle.js
│ │ │ └── material-dashboard-pro-react.js
│ │ └── scss
│ │ ├── material-dashboard-pro-react
│ │ │ ├── _colors.scss
│ │ │ ├── _fileupload.scss
│ │ │ ├── _fixed-plugin.scss
│ │ │ ├── _misc.scss
│ │ │ ├── _mixins.scss
│ │ │ ├── _shadows.scss
│ │ │ ├── _variables.scss
│ │ │ ├── mixins
│ │ │ │ ├── _chartist.scss
│ │ │ │ ├── _sidebar-color.scss
│ │ │ │ ├── _transparency.scss
│ │ │ │ └── _vendor-prefixes.scss
│ │ │ └── plugins
│ │ │ ├── _plugin-nouislider.scss
│ │ │ ├── _plugin-perfect-scrollbar.scss
│ │ │ ├── _plugin-react-big-calendar.scss
│ │ │ ├── _plugin-react-bootstrap-sweetalert.scss
│ │ │ ├── _plugin-react-chartist.scss
│ │ │ ├── _plugin-react-datetime.scss
│ │ │ ├── _plugin-react-jvectormap.scss
│ │ │ ├── _plugin-react-table.scss
│ │ │ └── _plugin-react-tagsinput.scss
│ │ └── material-dashboard-pro-react.scss
│ ├── components
│ │ ├── Accordion
│ │ │ └── Accordion.js
│ │ ├── Badge
│ │ │ └── Badge.js
│ │ ├── Card
│ │ │ ├── Card.js
│ │ │ ├── CardAvatar.js
│ │ │ ├── CardBody.js
│ │ │ ├── CardFooter.js
│ │ │ ├── CardHeader.js
│ │ │ ├── CardIcon.js
│ │ │ └── CardText.js
│ │ ├── Clearfix
│ │ │ └── Clearfix.js
│ │ ├── CustomButtons
│ │ │ └── Button.js
│ │ ├── CustomDropdown
│ │ │ └── CustomDropdown.js
│ │ ├── CustomInput
│ │ │ └── CustomInput.js
│ │ ├── CustomLinearProgress
│ │ │ └── CustomLinearProgress.js
│ │ ├── CustomTabs
│ │ │ └── CustomTabs.js
│ │ ├── CustomUpload
│ │ │ ├── ImageUpload.js
│ │ │ └── PictureUpload.js
│ │ ├── FixedPlugin
│ │ │ └── FixedPlugin.js
│ │ ├── Footer
│ │ │ └── Footer.js
│ │ ├── Grid
│ │ │ ├── GridContainer.js
│ │ │ └── GridItem.js
│ │ ├── Heading
│ │ │ └── Heading.js
│ │ ├── InfoArea
│ │ │ └── InfoArea.js
│ │ ├── Instruction
│ │ │ └── Instruction.js
│ │ ├── NavPills
│ │ │ └── NavPills.js
│ │ ├── Navbars
│ │ │ ├── AdminNavbar.js
│ │ │ ├── AdminNavbarLinks.js
│ │ │ └── AuthNavbar.js
│ │ ├── Pagination
│ │ │ └── Pagination.js
│ │ ├── ReactTable
│ │ │ └── ReactTable.js
│ │ ├── Sidebar
│ │ │ └── Sidebar.js
│ │ ├── Snackbar
│ │ │ ├── Snackbar.js
│ │ │ └── SnackbarContent.js
│ │ ├── Table
│ │ │ └── Table.js
│ │ ├── Tasks
│ │ │ └── Tasks.js
│ │ ├── Timeline
│ │ │ └── Timeline.js
│ │ ├── Typography
│ │ │ ├── Danger.js
│ │ │ ├── Info.js
│ │ │ ├── Muted.js
│ │ │ ├── Primary.js
│ │ │ ├── Quote.js
│ │ │ ├── Success.js
│ │ │ └── Warning.js
│ │ └── Wizard
│ │ └── Wizard.js
│ ├── index.js
│ ├── layouts
│ │ ├── Admin.js
│ │ ├── Auth.js
│ │ └── RTL.js
│ ├── reducers
│ │ ├── authReducer.js
│ │ └── index.js
│ ├── routes.js
│ ├── services
│ │ └── oauth.js
│ ├── store.js
│ ├── utils
│ │ ├── authProvider.js
│ │ ├── axiosHeaders.js
│ │ └── protectedRoute.js
│ ├── variables
│ │ ├── charts.js
│ │ └── general.js
│ └── views
│ ├── Calendar
│ │ └── Calendar.js
│ ├── Charts
│ │ └── Charts.js
│ ├── Components
│ │ ├── Buttons.js
│ │ ├── GridSystem.js
│ │ ├── Icons.js
│ │ ├── Notifications.js
│ │ ├── Panels.js
│ │ ├── SweetAlert.js
│ │ └── Typography.js
│ ├── Dashboard
│ │ └── Dashboard.js
│ ├── Forms
│ │ ├── ExtendedForms.js
│ │ ├── RegularForms.js
│ │ ├── ValidationForms.js
│ │ ├── Wizard.js
│ │ └── WizardSteps
│ │ ├── Step1.js
│ │ ├── Step2.js
│ │ └── Step3.js
│ ├── Maps
│ │ ├── FullScreenMap.js
│ │ ├── GoogleMaps.js
│ │ └── VectorMap.js
│ ├── Notifications
│ │ └── Notifications.js
│ ├── Pages
│ │ ├── ErrorPage.js
│ │ ├── LockScreenPage.js
│ │ ├── LoginPage.js
│ │ ├── PricingPage.js
│ │ ├── RTLSupport.js
│ │ ├── RegisterPage.js
│ │ ├── Timeline.js
│ │ └── UserProfile.js
│ ├── Post
│ │ ├── Post.js
│ │ └── Posts.js
│ ├── Tables
│ │ ├── ExtendedTables.js
│ │ ├── ReactTables.js
│ │ └── RegularTables.js
│ ├── UserProfile
│ │ ├── RegisterPage.js
│ │ └── UserProfile.js
│ ├── Users
│ │ ├── user.js
│ │ └── users.js
│ └── Widgets
│ └── Widgets.js
└── docker-compose.yml
В настоящее время мы официально стремимся поддержать две последние версии следующих браузеров:
Мы используем проблемы GitHub в качестве официального трекера ошибок для Material Dashboard Pro. Вот некоторые советы для наших пользователей, которые хотят сообщить о проблеме:
Если у вас есть вопросы или вам нужна помощь в интеграции продукта, пожалуйста, свяжитесь с нами вместо того, чтобы открыть проблему.
Больше продуктов от Creative Tim
Учебные пособия
Бесплатные от творческого Тима
Партнерская программа (зарабатывает деньги)
Twitter: https://twitter.com/creativetim
Facebook: https://www.facebook.com/creativetim
Dribbble: https://dribbble.com/creativetim
Google+: https://plus.google.com/+creativemimpage
Instagram: https://instagram.com/creativetimofficial