首先介绍Web开发框架的基本组成部分,然后介绍Node.js--to--AngularJS套件的组件。
了解基本的Web开发框架
任何Web框架的主要组件是用户,浏览器,Web服务器和后端服务。虽然网站在外观和行为方面变化很大,但他们都具有这些基本组件的一种形式或另一种形式。
基本的网站/网页应用程序的组件基本图示用户
用户是每个网站的基本组成部分 此处不再赘述
浏览器
浏览器在Web框架中扮演三种角色:
- 提供与Web服务器的通信
- 解释来自服务器的数据 并将其呈现为用户实际看到的视图
- 通过外设来处理用户交互并采取适当行动
浏览器对Web服务器发出的主要主要有三种类型的请求:GET POST Ajax
呈现的浏览器视图一般包含:HTML文件、 CSS文件 、 客户端脚本、媒体文件、数据(JSON\XML)、HTTP表头
Web服务器
Web服务器的主要重点是处理来自浏览器的请求
大部分开箱即用的Web服务器如Apache和IIS都是为了服务于静态文件,如.html .css文件等,为了处理那些修改服务器的数据的POST请求和与后端服务进行交互的AJAX请求,Web服务器需要用服务器端的脚本来拓展。
后端服务
后端服务是Web服务器在后面运行的服务,它提供数据用来构建对浏览器的响应。
了解Node.js-to- Angular.Js套件组件
有了对Web框架基本接口的最新认识,现在我们进行了解Node.js-to-AngolarJs套件
在Node.js-to-AngularJS套件中,Node.js提供了开发的基础平台。后端服务和服务端脚本都是用Node.js编写的。MongoDB提供了网站的数据存储。但通过MongoDB驱动的Node.js模块进行访问。Web服务是通过Express定义的,这是一个Node.js的模块。
Node.js-to- Angular.Js套件结构示意图Node.js
Node.js 是一个基于谷歌的V8 JavaScript 引擎, 并执行该引擎的开发框架。
Node.js的优点
- JavaScript 端至端: 利用Node.js 你可以在客户端编写JavaScript 并轻松的在服务器上适应他,反之亦然。
- 事件驱动的可拓展性:使用Node.js处理Web请求,他们都采用一种基本的事件模型在同一线程上处理而不是让多个线程等待处理。这使得Node.js Web服务器可以使用传统的Web服务器不能的方式进行拓展。
- 可拓展性:Node.js拥有活跃的开发社区。且在Node.js中安装何包含新的模块是非常简单的。
- 快速执行: 使用Node.js开发相对简单且快速。
MongoDB
MongoDB的一些特点:
- 针对文档:因为MongoDB是针对文档的,数据在数据库中存储的方式非常接近你在服务器端和客户端脚本中处理的格式。
- 高性能: MongoDB是目前性能最高的数据库之一。
- 高可用性: MongoDB的复制模型使得它很容易维护可拓展性同时保持高性能。
- 高可拓展性:MongoDB的结构使得它可以很轻松的通过在多个服务器上对数据进行横向拓展。
Express
Express模块在 Node.js-to-AngulatJs套件中充当Web服务器。 它运行在Node.js中 所以容易配置 实现和控制。Express模块拓展了Node.js,它提供几个挂件的组件来处理Web请求,让你快速在Node.js中搭建一个Web服务器
Express部分重点功能:
- 路由管理 Express 可以很容易的定义直接绑在服务器上的Node.js脚本功能的路由(URL端点)
- 错误处理: Express 为404等错误提供了内置的错误处理
- 易于集成:Express服务器很容易的配合现有反向代理系统,如Nginx或Varnish。或其他现有系统
- cookie:Express提供了简单的Cokkie管理
- 会话和缓存管理:Express也鞥狗进行会话管理和缓存管理。
AngularJS
AngularJS是由谷歌开发的客户端框架,它提供处理用户在浏览器中的输入,操纵客户端上的数据,并控制如何在浏览器视图上显示元素所需要的所有功能。他是用JavaScript编写的带有一个精简过的Jquery库。AngularJs提供一个框架,使得可以实现使用MVC框架的Web应用程序。
AngularJS的一些优点
- 数据绑定 AngularJS利用其强大的范围机制,将数据绑定到HTML元素的干净实现方法。
- 可拓展性: AngularJS架构允许你轻松的拓展语言的各个方面,以提供你自己的自定义实现。
- 整洁
- 可重用代码 可拓展性和简介的代码的结合,使得容易用AngularJS 编写可重用的代码
- 兼容性 AngularJS基于JavaScript并与JQuery有密切关系 这使得更容易开始整合AngularJS到你的环境和重用AngularJS框架结构内的现有代码片段。
- 支持 谷歌对该项目大量投入。
至此 本文基本介绍Node.js--to--AngularJS套件,后期将针对每个组件进行详细介绍及实际应用。
企业级独立部署应用:知行办公http://zx.naton.cn
【总监】十二春秋之,3483099@qq.com;
【Master】zelo,616701261@qq.com;
【运营】运维艄公,897221533@qq.com;
【产品设计】流浪猫,364994559@qq.com;
【体验设计】兜兜,2435632247@qq.com;
【iOS】淘码小工,492395860@qq.com;iMcG33K,imcg33k@gmail.com;
【Android】人猿居士,1059604515@qq.com;思路的顿悟,1217022114@qq.com;
【java】首席工程师MR_W,feixue300@qq.com;
【测试】土镜问道,847071279@qq.com;
【数据】喜乐多,42151960@qq.com;
【安全】保密,你懂的。
网友评论