ct material dashboard pro react aspnet
v1.0.0
Material Dashboard Pro React ASP.NET est un administrateur de matériau-UI premium créé à l'aide de Create-React-App avec un nouveau design frais inspiré de la conception de matériaux de Google. Nous sommes très heureux de présenter notre point de vue sur les concepts matériels grâce à un ensemble de composants faciles à utiliser et magnifique. Material Dashboard Pro React ASP.NET a été construit sur le framework Material-UI populaire. Il utilise la lumière, la surface et le mouvement. La disposition générale ressemble à des feuilles de papier après plusieurs couches différentes, de sorte que la profondeur et l'ordre sont évidents. La navigation reste principalement sur la barre latérale gauche et le contenu est à droite.
Accélérer le développement avec des conteneurs Docker
Le développement d'applications aujourd'hui nécessite bien plus que d'écrire du code. Plusieurs langues, cadres, architectures et interfaces discontinues entre les outils pour chaque étape du cycle de vie crée une énorme complexité. Docker simplifie et accélère votre flux de travail, tout en donnant aux développeurs la liberté d'innover avec leur choix d'outils, de piles d'applications et d'environnements de déploiement pour chaque projet.
Le produit est livré avec 7 choix de filtres de couleur pour les liens de la barre latérale (bleu, vert, orange, rouge, violet, rose, blanc), 3 choix de couleurs de filtre pour l'arrière-plan de la barre latérale (blanc, bleu`, noir), une option pour avoir une image d'arrière-plan sur la barre latérale et 6 choix de filtre de couleur les cartes (bleu, vert, orange, rouge, purple, rose).
Material Dashboard Pro React ASP.net utilise un cadre construit par notre ami Olivier - Material-UI, qui a fait un travail incroyable en créant l'épine dorsale pour les effets de matériau, les animations, les ondulations et les transitions. Un grand merci à son équipe pour l'effort et à l'avance en pensant qu'ils y ont mis.
Au cours du développement de ce tableau de bord, nous avons utilisé de nombreuses ressources existantes de développeurs impressionnants. Nous tenons à les remercier d'avoir fourni leurs outils open source:
Faites-nous savoir vos pensées ci-dessous. Et bonne chance avec le développement!
| Asp.net |
|---|
Options de démarrage rapide:
docker-compose up --build . Notez que la première fois que vous exécutez ceci, les images seront construites.Vous avez maintenant 3 applications en cours d'exécution d'un frontal React, application un serveur d'identité (IDS) basé sur C # /. Net Core et un projet API C # /. Net Core. L'implantation de serveur d'identité suit le flux de mot de passe du propriétaire de la ressource mais peut être modifiée pour prendre en charge les autres.
L'intégration vous donne 3 fonctionnalités pour la gestion de l'identité:
Se connecter. L'IDS a 3 connexions par défaut pour vous permettre de démarrer avec leurs autorisations par défaut (rôle): nom d'utilisateur: Mot de passe Alice: Pass123 $ Rôle: Admin Username: Fred Motword: Pass123 $ Rôle: Créateur Nom d'utilisateur: Bob Mot de passe: Pass123 $ Rôle: Membre
Remarque: Tout nouvel utilisateur sera automatiquement affecté au rôle des membres
Registre. Cela enregistre un nouvel utilisateur dans IDS
Profil utilisateur. Mettez à jour le profil et modifiez le mot de passe. Remarque: vous devez être connecté pour afficher cette page.
Si vous souhaitez modifier l'un des paramètres autour des authentifications, veuillez vous référer aux fichiers suivants:
Vous pouvez trouver une documentation sur les identifiants ici
La documentation du matériau Dashboard Pro React ASPNET est hébergée sur notre site Web.
Dans le téléchargement, vous trouverez les répertoires et fichiers suivants:
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
À l'heure actuelle, nous visons officiellement à soutenir les deux dernières versions des navigateurs suivants:
Nous utilisons les problèmes GitHub comme tracker de bogue officiel pour le matériau Dashboard Pro. Voici quelques conseils pour nos utilisateurs qui souhaitent signaler un problème:
Si vous avez des questions ou avez besoin d'aide pour intégrer le produit, veuillez nous contacter au lieu d'ouvrir un problème.
Plus de produits de Creative Tim
Tutoriels
Freebies de Creative Tim
Programme d'affiliation (Gagnez de l'argent)
Twitter: https://twitter.com/creativetim
Facebook: https://www.facebook.com/cretivetim
Dribble: https://dribbble.com/cretivetim
Google+: https://plus.google.com/+cretiveTimpage
Instagram: https://instagram.com/cretivetimofficial
