全栈(full stack)技术越来越成为一种主流的前端技术,据不完全统计,约有5成以上的前端开发者转向了全栈。为便于初学者入门,我们特意安排了全栈专栏讲座。本篇为全栈系列讲座的中篇。
MEAN全栈主要由四项技术组成:
- MongoDB:用来存储数据的数据库。
- Express.js:服务器端用来构建Web应用的后端框架。
- AngularJS:用来构建Web应用的前端框架。
- Node.js:JavaScript运行环境。
MongoDB于2007推向市场,由MongoDB公司运营。
Express最早由T. J. Holowaychuk于2009年发布,并已经发展成为Node.js之上的最主流的框架,它是一个开源的框架,社区活跃度很高。
AngularJS是一个开源的前端框架,它的背后支持者是Google,到了2010年,AngularJS已经被广泛应用,AngularJS的发展势头强劲,从早期的1.x版本已经更新到今天的2.x版本。
Node.js是2009年发布的,Node.js采用了Google的V8 JavaScript开源引擎。
MEAN 全栈开发过MEAN全栈框架,可以将文档数据以JSON对象的格式存储在MongoDB中,然后通过基于Node和Express搭建的RESTful API来操作数据库,前端通过AngularJS构建的客户端来操作这些API,AngularJS通过RESTful API获取服务器数据后,再把数据交给前端模板引擎渲染,最终形成HTML页面展示给用户。要想完成这些操作,只需要使用一门统一的语言——JavaScript。这样一来,代码更加具有一致性和可维护性。
另外一个好处是,整个MEAN全栈技术所要处理的大多是JSON数据结构,而MongoDB中的文档对象也是JSON格式,通过RESTful API获取到的后台数据也是JSON格式,正是这些一致的JSON格式,才省去了格式之间的转换,从而提高了开发效率。
MEAN全栈的四大组件关系
全栈开发包含了众多的知识点,可以说,每个知识点都可以独立编写成一本书。事实上,也确实如此。对于开发一个MEAN全栈应用来说,JavaScript语言从前端贯穿到后台;数据以二进制JSON(简称BSON)格式存储在MongoDB中,基于MongoDB的Mongoose提供了类似JSON的接口,为操作数据库提供了极大的便利;源于Node.js的后端框架Express也是由JavaScript编写的;而前端框架AngularJS也是一个JavaScript库。MEAN全栈的四大组件关系,如图所示。
MEAN 全栈的四大组件关系.jpg这里,再来总结下MEAN全栈的技术组件:
MEAN全栈是由多种不同的技术组成的一个从前端到后台的框架在MEAN全栈中,选择了MongoDB作为数据库,从而凸显了JavaScript的优势;
Node.js与Express的“合体”,提供了一个完美的应用服务器框架;
作为前端框架,AngularJS是那么的神奇,它把单页面应用和数据绑定发挥得淋漓尽致;
MEAN全栈技术为JavaScript提供了前所未有的平台,从而使得JavaScript成为了当今的一种主流开发语言。
网友评论