中后台前端应用框架
基于最新Angular 11框架与Material 2技术的企业级中后台前端应用框架。
React => https://github.com/stbui/prophet
Plaform
Feature
- 基于 Material Design 精心设计
- 多种颜色方案，有多个预定义的配色方案
- Flex Layout 强大的布局，并支持响应式设计
- 组件丰富，提炼后台应用的典型页面和场景
- 模块代码，添加和删除非常轻松
- 渐进式应用(PWA)，更接近原生应用体验
- 使用 graphql 精确的定义所需要的数据
- 支持 docker 构建镜像，急速部署，轻松使用
- 支持 electron 构建桌面应用
- 接入 firebase， 构建应用提供良好的用户体验
- 不定期更新，使用前端前沿技术开发新功能
Get Start
git clone --depth=1 https://github.com/stbui/angular-material-app.git
cd angular-material-app
npm install
npm run start
打开你的浏览器，访问
http://127.0.0.1:4200
Pubilsh
npm run build
-
Step 1: Install Angular Material and Angular CDK npm install --save @angular/material @angular/cdk npm install --save angular/material2-builds angular/cdk-builds Step 2: Animations Some Material compo
-
使用说需要导入的模块： app.module.ts (老天爷呀，一定要看API 里面的导入，API 里导入的才是Module , 刚开始以为下面的模块是要导入的，没导入这个一直报错，以为是版本低，升级也不起作用，想着仔细看API 找找什么问题，原来是...一把辛酸泪啊,之前用过其他的都成功啦，这一步是下意识完成的，后面用table 不知道怎么就想不起来这一步，一直报错，啊。。。) import {
-
1.安装插件 ngx-quill 实现Angular中富文本编辑器 npm install ngx-quill 2.引入ngx-quill需要的css <link href="https://cdn,quilljs.com/1.2.2/quill.snow.css"rel="stylesheet"> 3.在app.modules.ts里面引入ngx-quill模块 import{ QuillM
-
import { NgForOf, NgIf } from '@angular/common'; import { ChangeDetectionStrategy, Component, OnInit, ViewEncapsulation } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { M
-
安装依赖 npm install @notadd/ngx-xlsx -S npm install xlsx -S npm install file-saver -S 使用步骤 添加NgxXLSXModule到你的Angular Module import { NgxXLSXModule } from '@notadd/ngx-xlsx'; @NgModule({ imports
-
angular Material表格获取数据并实现分页 html <div class="mat-elevation-z8"> <table mat-table [dataSource]="dataSource"> &
-
Material默认的icon比较少，而且也没看到官方的网站，我只找到一个可以用的： Mat-Icon List : 900+ Angular Material Icons (angularjswiki.com) 但是有的地方就需要使用SVG图标 官方也是支持的，只是多了一步：把svg图标注册一下即可使用，也算是简单： html（aria算是无障碍阅读，不影响） <mat-icon svgIcon
-
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
-
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
-
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 设计原则，如浏览器可移植性，设备独立性和优雅降级。