Code Monkey home page Code Monkey logo

angular2-material2-bootstrap4-admin-app's Introduction

angular2-material2-admin-app

基于Angular 2框架与Material2设计开发一套面向后台通用模板库

基本功能

  • 谷歌 Material 设计
  • 响应式设计
  • 内置3套主题,供自由切换
  • 多种颜色方案,有18个预定义的方案
  • Flex Layout 强大的布局设置
  • 1500+ 图标, 包括 900+ 官方 material design 图标
  • Sass/Scss CSS, 很容易通过改变一些变量的更新
  • 模块代码,添加和删除非常轻松
  • Webpack 2 构建项目
  • 通过 NPM 管理包
  • 跨浏览器支持
  • 免费更新

技术栈

  • Angular 2
  • Bootstrap 4
  • Angular Mateiral2
  • Scss
  • Typescript
  • RxJx

demo image

平台环境

  • Angular-cli: 1.0.0-rc.1
  • Angular2: 2.4.0
  • Material2: 2.0.0-beta.2
  • Flex-Layout: 2.0.0-rc.1

使用入门

npm i -g @angular/cli
git clone https://github.com/stbui/angular2-material2-bootstrap4-admin-app.git

进入项目目录

npm install
npm run start

打开你的浏览器,访问

http://127.0.0.1:4200

发布

ng build --prod --aot --env=prod

Docker

快速部署

docker pull stbui/angular2-material2-admin-app
docker run -d -P stbui/angular2-material2-admin-app

docker run --rm --name angular2-material2-admin-app -v "$PWD":/usr/src/app -w /usr/src/app -p 4200:4200 -it node:latest bash -c "npm install && npm start"

开发计划

  • 分页
  • MarkDown
  • 高德地图
  • echarts
  • 集成 七牛云
  • 集成 阿里云
  • ckeditor
  • highcharts

开源许可证

angular2-material2-bootstrap4-admin-app's People

Contributors

angular-cli avatar stbui avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.