[ng-alain系列]一套基于|[ng-alain系列]一套基于 Ng-zorro-antd 企业后台模板。

ng-alain 一套基于 Ng-zorro-antd【ANT DESIGN】 的企业后台模板。
【[ng-alain系列]一套基于|[ng-alain系列]一套基于 Ng-zorro-antd 企业后台模板。】你可以在线体验它。
快速入门 确保 node 版本 >= 6.9.0 且 npm 版本 >= 3 以上。
ng-alain 本身并非组件库,只是一个单纯的企业后台模板,你可以直接克隆到你的本地,然后立即进入实际开发。

# clone ng-alain repo # --depth 1 removes all but one .git commit history git clone --depth 1 https://github.com/cipchk/ng-alain.git# change directory cd ng-alain# install npm package # in china please use cnpm (https://github.com/cnpm/cnpm) npm install# start the serve npm start# use HMR npm run serve:hmr

指引文章 ng-alain 非常单纯,整体的设计都基于 ng-zorro-antd。虽然 antd 的栅格、布局已经足够满足我们日常的需求,然而出于对企业后台在开发过程中总是需要一点微调,因此我独立构建了一套用作这类需求工具类样式。
因此,在你开始ANTD之前最好先了解以下系列文章,他们会帮助你更好的理解 antd 是怎么一回事,以及为什么需要这一套工具类规则。
  • 整个antd的指引文章(非常经典一定要细读)
  • 设计规则
  • 工具类规则
  • 目录结构与版本升级说明
特性
  • 基于 ng-zorro-antd
  • 响应式
  • 国际化
  • 延迟加载及良好的启用画面
  • 良好的UI路由设计
  • 十种颜色版本
  • SCSS预编译
  • 良好的目录组织结构
  • 简单升级
  • 模块热替换
应用截图 [ng-alain系列]一套基于|[ng-alain系列]一套基于 Ng-zorro-antd 企业后台模板。
文章图片

[ng-alain系列]一套基于|[ng-alain系列]一套基于 Ng-zorro-antd 企业后台模板。
文章图片

[ng-alain系列]一套基于|[ng-alain系列]一套基于 Ng-zorro-antd 企业后台模板。
文章图片

    推荐阅读