加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

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

发布时间:2020-12-17 08:57:21 所属栏目:安全 来源:网络整理
导读:ng-alain 一套基于 Ng-zorro-antd【ANT DESIGN】 的企业后台模板。 你可以在线体验它。 快速入门 确保 node 版本 = 6.9.0 且 npm 版本 = 3 以上。 ng-alain 本身并非组件库,只是一个单纯的企业后台模板,你可以 直接克隆 到你的本地,然后立即进入实际开发

ng-alain

一套基于 Ng-zorro-antd【ANT DESIGN】 的企业后台模板。

你可以在线体验它。

快速入门

确保 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预编译
  • 良好的目录组织结构
  • 简单升级
  • 模块热替换

应用截图

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读