angular蚂蚁_Angular 中后台前端解决方案

背景

之前项目使用过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技术栈基于 Typescript、Angular、g2、@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

您的支持是对博主最大的鼓励，感谢您的认真阅读。

本文版权归作者所有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。

angular蚂蚁_Angular 中后台前端解决方案 - Ng Alain 介绍相关推荐

Angular 中后台前端解决方案 - Ng Alain 介绍
Angular 中后台前端解决方案 - Ng Alain 介绍参考文章: (1)Angular 中后台前端解决方案 - Ng Alain 介绍 (2)https://www.cnblogs.com/ ...
ng-alain php,Angular 中后台前端解决方案 - Ng Alain 介绍
背景之前项目使用过vue.js+iview,习惯了后端开发的我,总觉得使用不习惯,之前分析易企秀前端代码,接触到了angular js,完备的相关功能,类似后端开发的体验,让人耳目一新,全新的ang ...
使用Ant Design Pro，一个企业级开箱即用的中后台前端
#目录 ** 此文仅是个人自学理解的学习笔记,若有不对之处敬请指导更正,谢谢! ** 文章目录 @[toc] Ant Design Pro 了解知识储备安装使用方法一:clone 实践 ESli ...
后台前端解决方案vue-element-admin的安装及使用
后台前端解决方案vue-element-admin的安装及使用简介安装基础模板整合到其它vue项目简介 vue-element-admin 是一个后台前端解决方案,它基于 vue 和 ele ...
vue 中后台系统解决方案vue-admin
vue-admin a solution for vue middle or background system(vue 中后台系统解决方案) github地址
angular蚂蚁_angular api文档
AngularJS 中的友好 URL -- 移除URL 中的 # [已翻译100%] AngularJS 默认将会使用一个 # 号来对URL进行路由. 例如: http://example.com/ ...
HeyUI - 自带admin框架、中后台前端UI框架的后起之秀
一款同样优秀的前端 UI 组件库,其基于HeyUI的 admin 框架也是开箱即用的优质框架. 介绍 HeyUI 是基于 Vue2.0 的开源 UI 组件库,是一整套解决方案,所有的组件提供全局的可配 ...
阿里重磅开源中后台UI解决方案Fusion
2018年12月16号,Fusion 在 OSC 深圳源创会年终盛典上正式开源, 这个在阿里内部跑了三年的产品,终于对外了. 可能一些业界的同学已经在某些渠道听说过阿里的 Fusion Design ...
分享几个开源免费的中后台前端框架
1.amis 由百度团队出品,属于低代码前端框架,它使用 JSON 配置来生成页面,可以节省页面开发工作量,极大提升开发前端页面的效率. 代码库:https://gitee.com/baidu/ami ...

angular蚂蚁_Angular 中后台前端解决方案 - Ng Alain 介绍

angular蚂蚁_Angular 中后台前端解决方案 - Ng Alain 介绍相关推荐

最新文章

热门文章