首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Angular 中后台前端解决方案 - Ng Alain 介绍

Angular 中后台前端解决方案 - Ng Alain 介绍

作者头像
JadePeng
发布2018-05-28 17:27:18
1.9K0
发布2018-05-28 17:27:18
举报

背景

之前项目使用过vue.js+iview,习惯了后端开发的我,总觉得使用不习惯,之前分析易企秀前端代码,接触到了angular js,完备的相关功能,类似后端开发的体验,让人耳目一新,全新的angular拥抱typescript,更是为后端开发量身打造,

学习angular,可以参考学习笔记:

大概了解了angular,和vue.js使用iview一样,需要找一个类似的UI框架,实现快速开发,于是ng-alain进入了视野。

ng-alain 介绍

官方介绍:

一个基于 Antd 中后台前端解决方案,提供更多通用性业务模块,让开发者更加专注于业务。

另外一个介绍:

ng-alain 是一个企业级中后台前端/设计解决方案脚手架,目标也非常简单,希望在Angular上面开发企业后台更简单、更快速。随着『设计者』的不断反馈,将持续迭代,逐步沉淀和总结出更多设计模式和相应的代码实现,阐述中后台产品模板/组件/业务场景的最佳实践,也十分期待你的参与和共建。

先来理下关系:

  • Antd是蚂蚁金服开源的一个服务于企业级产品的设计体系,基于『确定』和『自然』的设计价值观和模块化的解决方案,让设计者专注于更好的用户体验。
  • Antd官方提供了基于react的实现。
  • 然后开源项目NG-ZORRO(Ant Design of Angular)是Ant Design 的 Angular 实现。
  • ng-alain技术栈基于  TypescriptAngularg2@delon 和 ng-zorro-antd,并遵循Antd设计了新的组件,基于ng-alain可以快速的开发中后台。

安装

命令行安装;

ng new demo --style less
cd demo
ng add ng-alain
ng serve

直接 clone git 仓库

$ git clone --depth=1 https://github.com/cipchk/ng-alain.git my-project
$ cd my-project  && npm install  && npm start

启动后,启动完成后会打开浏览器访问 //localhost:4200,你看到下面的页面就代表成功了。

未完待续


作者:Jadepeng 出处:jqpeng的技术记事本--http://www.cnblogs.com/xiaoqi 您的支持是对博主最大的鼓励,感谢您的认真阅读。 本文版权归作者所有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2018-05-21 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 背景
  • ng-alain 介绍
  • 安装
    • 命令行安装;
      • 直接 clone git 仓库
      领券
      问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档