Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/stbui/angular-material-app

基于最新Angular 11框架与Material 2技术的web中后台前端应用框架。
https://github.com/stbui/angular-material-app

admin-template angular angular11 angular2 angular4 angular5 angular6 angular7 angular8 bootstrap4 electron material ngx-bootstrap

Last synced: 5 days ago
JSON representation

基于最新Angular 11框架与Material 2技术的web中后台前端应用框架。

Host: GitHub
URL: https://github.com/stbui/angular-material-app
Owner: stbui
License: mit
Created: 2017-03-17T12:47:09.000Z (almost 8 years ago)
Default Branch: next
Last Pushed: 2023-01-27T06:27:46.000Z (about 2 years ago)
Last Synced: 2025-01-29T15:06:30.234Z (12 days ago)
Topics: admin-template, angular, angular11, angular2, angular4, angular5, angular6, angular7, angular8, bootstrap4, electron, material, ngx-bootstrap
Language: TypeScript
Homepage: https://stbui.github.io/angular-material-app/index.html
Size: 59.9 MB
Stars: 515
Watchers: 60
Forks: 175
Open Issues: 20
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- License: LICENSE

Awesome Lists containing this project

README

        # 中后台前端应用框架 [![国内demo](https://img.shields.io/badge/%e5%9b%bd%e5%86%85-demo-brightgreen.svg?style=flat-square)](http://stbui.oss-cn-beijing.aliyuncs.com/angular-material-app/index.html) [![国外demo](https://img.shields.io/badge/%e5%9b%bd%e5%a4%96-demo-brightgreen.svg?style=flat-square)](https://surgeon-canary-67612.netlify.com/) [![github](https://img.shields.io/badge/github-demo-brightgreen.svg?style=flat-square)](https://stbui.github.io/angular-material-app/) [![国外doc](https://img.shields.io/badge/%e5%9b%bd%e5%a4%96-doc-brightgreen.svg?style=flat-square)](https://translator-rhinoceros-87537.netlify.com/)



  



基于最新`Angular 11`框架与`Material 2`技术的企业级中后台前端应用框架。

React =>  [https://github.com/stbui/prophet](https://github.com/stbui/prophet)

[![Travis](https://travis-ci.org/stbui/angular-material-app.svg?branch=master)](https://travis-ci.org/stbui/angular-material-app)

[![Docker Build Status](https://img.shields.io/docker/build/stbui/angular-material-app.svg?style=flat-square)](https://hub.docker.com/r/stbui/angular-material-app/)

[![Dependency Status](https://img.shields.io/david/stbui/angular-material-app.svg?style=flat-square)](https://david-dm.org/stbui/angular-material-app)

[![devDependency Status](https://img.shields.io/david/stbui/angular-material-app.svg?style=flat-square)](https://david-dm.org/stbui/angular-material-app?type=dev)

[![Join the chat at https://gitter.im/angular-material-app](https://badges.gitter.im/stbui/angular-material-app.svg)](https://gitter.im/angular-material-app/Lobby?utm_source=share-link&utm_medium=link&utm_campaign=share-link)

[![Powered_by](https://img.shields.io/badge/Powered_by-stbui-green.svg?style=flat)](https://github.com/stbui/angular-material-app)

### Plaform

[![Angular](https://img.shields.io/badge/Angular-11.0.0-brightgreen.svg?style=flat-square)](https://github.com/angular/angular)

[![Angular-cli](https://img.shields.io/badge/Angular.cli-11.0.0-brightgreen.svg?style=square)](https://github.com/angular/angular-cli)

[![Angular Material 2](https://img.shields.io/badge/Material%202-8.0.0-brightgreen.svg?style=square)](https://github.com/angular/material2)

[![Flex-Layout](https://img.shields.io/badge/Flex.Layout-latest-brightgreen.svg?style=square)](https://github.com/angular/flex-layout)

[![Angular PWA](https://img.shields.io/badge/PWA-latest-brightgreen.svg?style=square)](https://github.com/angular/angular-cli)

[![Electron](https://img.shields.io/badge/electron-latest-brightgreen.svg?style=square)](https://github.com/electron/electron)

[![Graphql](https://img.shields.io/badge/graphql-latest-brightgreen.svg?style=square)](https://github.com/electron/electron)

### Feature

- 基于 Material Design 精心设计

- 多种颜色方案，有多个预定义的配色方案

- Flex Layout 强大的布局，并支持响应式设计

- 组件丰富，提炼后台应用的典型页面和场景

- 模块代码，添加和删除非常轻松

- 渐进式应用(PWA)，更接近原生应用体验

- 使用 graphql 精确的定义所需要的数据

- 支持 docker 构建镜像，急速部署，轻松使用

- 支持 electron 构建桌面应用

- 接入 firebase， 构建应用提供良好的用户体验

- 不定期更新，使用前端前沿技术开发新功能

![demo image](src/assets/cover-home.png)

![demo image](src/assets/cover-app.png)

### 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

```