AngularJSMEAN-全栈javascript开发框架

引言

采取JavaScript能够一体化迅速做出Web应用程序,目前一样仿工具包括MongoDB、ExpressJS,AngularJS和Node.js越来越被欢迎,其开发的油滑和易用性加快开发效率,简化开发者的做事。

每当今日公来那么些搭可以挑选成立一个Web应用,你要之是快捷开,提高效率和重视健壮性,你用的凡越来越精致更加高效的技艺。

什么是MEAN?

AngularJS 1

MEAN是一个Javascript平台的当代Web开发框架总称,它是MongoDB + Express
+AngularJS + NodeJS
四只框架的首先独字母组合。它与民俗LAMP一样是同种满开发工具的简称。

  • MongoDB是一个行使JSON风格存储的数据库,非常适合javascript。(JSON是JS数据格式)
  • ExpressJS是一个Web应用框架,提供有帮扶的零件和模块帮助建立一个网站采取。
  • AngularJS是一个前端MVC框架。
  • Node.js是一个连发 异步 事件驱动的Javascript服务器后端开发平台。
      
    于mongoDB中我们得以一直存储JSON格式的数额,然后以ExpressJS和底NodeJS服务器编写一个基于JSON的询问,并无缝地(无需像另语言需要以JSON和言语数据模型之间变换)传递JSON到AngularJS前端。

并且,数据库调试和保管为换得轻松了众多,存储于数据库中之靶子多等同于你当客户端收看底目标。更可以的是,前端工作人员也能够轻松了解后端代码和数据库查询,使用的凡相同的语法和对象,你不要考虑多套语言的超级实践,降低了入门门槛。

MEAN的架构原理如下图:

AngularJS 2

相关工具

  • NPM – NodeJS包管理器,类似Java的Maven。
  • Grunt – 一个Javascript任务运行器。

设置方式

  1. 由此mean.io网站下载或者通过git下充斥:git clone
    https://github.com/linnovate/mean.git

  2. 使用Yeoman
    先是安装:npm install -g generator-meanstack
    创建app: yo meanstack

示例

  • GitHub上协调搭建的一个例:
    https://github.com/laixiangran/mean-beginner

  • 搭建教程:AngularJShttp://www.ibm.com/developerworks/cn/web/wa-nodejs-polling-app/

  • 参照文章:http://www.jdon.com/idea/js/mean.html

相关文章