Angular2后台管理前端框架选型(草稿)

Angular2后台管理前端框架选型

截至目前:2016-05-11,ng2发布了继Beta之后的RC候选版本,已经趋于成熟。公司决定配合ionic2,选择一套同样使用ng2构建的PC后台管理的前端模板。主要用于:

  1. WEB管理后台建设;
  2. PC桌面应用构建。

可选后台前端框架搜集

  • ionic2(选用)

    • 针对移动端,需要自主开发PC版组件或定制CSS主题
    • 当前最为完善
  • angular/material2(官方)

https://material.angular.io/

https://github.com/angular/material2

已支持控件列表如下: - md-button (buttons and anchors) - md-card - md-toolbar - md-sidenav - md-checkbox - md-progress-circle and md-spinner

  • PrimeNG(开源+付费)
    • 封装十分紧凑,直接引入组件即可使用
    • 仅支持typescript
    • 多主题颜色切换
    • 有专业版本出售

UI Components for AngularJS 2

http://www.primefaces.org/primeng/

https://github.com/primefaces/primeng

  • ng2-bootstrap(不完善)
    • 测试版,不完善

http://valor-software.com/ng2-bootstrap

http://mlaval.github.io/angular2-bootstrap/

可选后台前端主题搜集

  • Ani Angular 2 Theme

Angular 2 Bootstrap 4 Ani Dashboard Theme

star 15 on https://github.com/start-angular/ani-angular-2

演示地址:http://ani-theme-angular2.strapui.com/

参考文档:http://www.strapui.com/docs/ani-angular2-theme/v1.0/

  • Bootstrap 4
  • Angularjs 2

  • SB Admin Bootstrap 4 Angular 2(较为简陋)

Angular-2 Admin Dashboard Theme

star 103 on https://github.com/start-angular/SB-Admin-BS4-Angular-2

演示地址:http://rawgit.com/start-angular/SB-Admin-BS4-Angular-2/master/dist/prod/index.html

参考文档:

  • Bootstrap 4
  • Angularjs 2

  • rdash-angular2(测试阶段)

star 83 on https://github.com/ziyasal/rdash-angular2

Ani Angular 2 剖析

微信扫一扫交流

作者:ryanemax
微信关注:ryanemax (刘雨飏)
本文出处:https://futurestack.cn/cookbook/frontend/ng2-admin/
授权协议: CC BY-SA 4.0