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

背景

之前项目使用过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 您的支持是对博主最大的鼓励,感谢您的认真阅读。 本文版权归作者所有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏编程微刊

就如何快速免费提高网站排名小结

19060
来自专栏ThoughtWorks

#TW对话# 王秋:渐进增强在移动开发中应用

王秋:渐进增强在移动开发中应用 在2012年6月召开的百度开发者大会西安站上,来自ThoughtWorks的前端工程师王秋(@Sheldon-秋 ),进行了题为...

35270
来自专栏微服务生态

小程眼里的微服务

最近一直在研究微服务有了一点小小的成果,前段时间给公司部门同事做了分享,在此将ppt发出来与大家分享。

9320
来自专栏互联网杂技

5个小技巧,用动效提升界面的用户体验就这么简单

动效能讲述故事。和图片不同,动效能够呈现变化的过程,讲述一段简短而有趣的故事,能够同你进行对话:“嘿,你该看这个按钮了”或者“哦耶!你刚刚完成了一个操作!”不过...

36490
来自专栏C语言及其他语言

趣味web网页大集结

身边学web和php的有些少啊.....【难受】 但是web网页确实能带来别样的欢乐.... 今天给大家带来几个有趣的网页 经典蓝屏界面 ? 现在你讨厌的蓝屏...

31150
来自专栏LiveEdu在线科技教育平台

LiveEdu中文教程项目分享(2)

在过去的两周里,报名参加LiveEdu中文项目创建者招募计划 的用户人数在不断增加。我们非常感谢项目创建者们对我们平台的支持。我们明白,每一个项目都是项目创建者...

9950
来自专栏互联网杂技

设计出优秀的网站着陆页,这10个技巧能帮到你

网站的着陆页承载了太多的东西。当用户打开着陆页的时候,你得让他们感知到你的品牌调性,通过行为召唤元素促使用户执行特定的操作,通过视觉化的手法,给用户留下深刻的印...

10810
来自专栏xingoo, 一个梦想做发明家的程序员

Oracle二三事之 Oracle SPARC SuperCluster的九大技术优势

• 运行最快的服务器:   SPARC T4计算资源池创造了18项性能世界纪录,全面超越同类产品,单柜128核心、1024线程。 • 数据库服务:   Ora...

19770
来自专栏互联网数据官iCDO

跳出率骗局,带你洞察跳出率背后的真相

虽然保持一个较低的平均跳出率是网站优化的很重要的部分,但是许多人并不真的了解跳出率对转化真正的作用。

31330
来自专栏ytkah

神秘代码让iPhone微信闪退的解决方法

  14号晚,很多人的微信朋友圈中出现了这样几句话“听说苹果手机点全文就会闪退”,下方有好几行空白,需要点击“全文”才能看到,但是一旦你是在iPhone手机微信...

44040

扫码关注云+社区

领取腾讯云代金券