material-angular-dashboard

Material Angular Admin Template
授权协议 MIT License
开发语言 Java
所属分类 手机/移动开发、 Android UI 组件
软件类型 开源软件
地区 不详
投 递 者 劳夕
操作系统 Android
开源组织
适用人群 未知
 软件概览

Material Angular Dashboard

Welcome to the first dark dashboard with Google Material Design and Angular!

Its much more fun with the demo.

Material admin template is absolutely free for commercial usage theme, based on Google Material Design guidelines.

Important: We are still working on the project and there will be much more awesome, check out our issues to see what features are coming soon.

SETUP and USAGE

The steps below will take you through cloning your own fork, installing dependencies and building:

  1. Fork and/or clone our repository. To use Git from command line, see the Setting up Git and Fork repo articles.
git clone https://github.com/CreativeIT/material-angular-dashboard.git
  1. Open your copied repo folder in terminal and install necessary modules with command, make sure that you have installed npm:
npm install
  1. Install angular-cli globally to use its commands in the terminal:
npm install --global @angular/cli
  1. Now you are able to run or build the project:

Run npm start or ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Run npm run build or ng build to build the project. The build artifacts will be stored in the dist/ directory.

FEATURES

Additional

Since the project uses BEM structure with sass, it can be customized in an easy way by editing src/theme/scss/_variables.scss file.

Project uses d3 and nvd3 to build charts and chart components and ag-Grid to build advanced tables.

Quick start

Do you want to start quickly and don't need all the pages and modules? You can checkout to emptystarter-kit branch and get to work!

If you need full-stack solution with authentication ability and routing, checkoutfeature/backend branch with preconfigured Node.js backend.You can also try the demo (user: admin@admin.admin , password: admin).

You can also try dashboard powered with AWS Lambda. This allows you to easily deploy your application without the need for a dedicated server.Checkout feature/serverless branch to see the details or try the demo (user: admin@admin.admin , password: admin) to make sure that this is no different from the classic approach.

Hire us

We are ready to become a strong development partner and bring competitive advantage to your business. Visit our site creativeit.io or drop us a line hello@creativeit.io. We will be happy to help you!

Credits

Material Angular Dashboard was inspired by html5 material dashboard

Designed with passion and coffee by CreativeIT.

Support the project

  • Star the repo

  • Create an issue report or feature request

  • Follow us on Twitter

  • day1: 1. 安装Angular Material,Angular CDK和Angular Animations。 由于我的ng是10,这三包就装最近的10/11版本(血泪教训得出的) yarn add @angular/material^11.0.1 @angular/cdk^11.0.1 @angular/animations^10.0.1 2. 配置动画

  • 如果要自定义主题的话,style.scss中引入的material的内建主题样式就不需要了,下面一行代码就从style.scss中移除掉 @import '~@angular/material/prebuilt-themes/deeppurple-amber.css'; //这段是引入material的核心主题 新建一个文件专门自定义主题 theme.scss 建立主题的时候首先把angular

  • autocomplete 举个栗子 invite.component.html文件 <form> <h3 md-dialog-title>邀请组员</h3> <div md-dialog-content> <md-input-container> <input mdInput type="text" placeholder="组员姓名" [mdAutocomplete]

  • 看文章以前请注意时间:2020年11月2日14:55:12 官方出的Material看上去还算好看,版本更新也比较及时(英文版还算新,中文版还只有7.x版本),就像学着用用。 还有,官网的教程做的真的是不敢多想,要是好用就有鬼了。 1.首先,所有的组件在使用的一定要先导入,不然,正常情况要报错 比如:需要一个搜索的图标 <mat-icon>search</mat-icon> 需要先在app.mod

  • 1.按照官网的这个做就行 https://material.angular.io/components/dialog/overview 2.在app.module.ts中定义entryComponents(动态加载) @NgModule({ declarations: [ AppComponent, DialogtestComponent ], entryComponents: [需要动态加载的c

  • https://material.angular.io/components/datepicker/overview 官网介绍很清楚了,这里记入一下我比较不熟悉的. 1. moment js  Angular 推荐我们使用 moment js  如果是全场都用的话,可以全局注入 MatMomentDateModule. 如果是想全局用原生的就注入 MatNativeDateModule 想要 ov

 相关资料
  • Material Design for Angular 是 Angular 官方团队开发的基于最新版本 Angular 的 Material  Design 风格的框架,可和 Nest.js 搭配使用做全栈开发。 针对 Angular 1 版本的实现 https://www.oschina.net/p/material-design-for-angularjs Angular Material 目

  • IMPORTANT This repository currently contains the code for two versions of the course. The new version of the course is called Angular Material In Depth: You can find the starting point of this new ver

  • 中后台前端应用框架 基于最新Angular 11框架与Material 2技术的企业级中后台前端应用框架。 React => https://github.com/stbui/prophet Plaform Feature 基于 Material Design 精心设计 多种颜色方案,有多个预定义的配色方案 Flex Layout 强大的布局,并支持响应式设计 组件丰富,提炼后台应用的典型页面和场

  • Laravel 5.3 Angular Material Starter Demo An online demo is available. Angular (2+) update While this starter used to be an excellent starting point for Laravel 5 & Angular 1.x, using Angular 1.x resu

  • Angular 12, NgRx and Angular Material Starter by @tomastrajan Table of Content Live Demo Getting Started Useful Commands Make It Your Own Goals Learning Materials List of Projects Built Using This Sta

  • Angular Material 是 Angular JS 开发人员的UI组件库。Angular Material 组件有助于构建有吸引力,一致且功能强大的 Web 页面和 Web 应用程序,同时遵循现代 Web 设计原则,如浏览器可移植性,设备独立性和优雅降级。