node.js 安装配置 npm ,express,ejs模板

  1. 云栖社区>
  2. 博客>
  3. 正文

node.js 安装配置 npm ,express,ejs模板

lhyxcxy 2016-03-02 21:54:00 浏览2923
展开阅读全文

本人近端时间看了下node.js,学习是从菜鸟教程   http://www.runoob.com/nodejs/nodejs-tutorial.html 入门。

首先讲一下体会,首先自己是个java程序员,刚接触node.js,有点新鲜就去学了,首先是安装windows版的node.js。如果不熟悉环境配置,要选择msi格式的,因为安装的过程中会把环境变量给你配好。好了安装好以后,要安装express,express对node.js进行了封装,对web的前后端交互很好。然后安装ejs模板,ejs模板可以接受node.jsserver传的值,当然ejs文件也要经过node.js解释器。就像java web 要经过tomcat ,java 要经过jvm一样。所有文件,如js文件,ejs文件,都需要经过node.js服务器解释,然后输出到浏览器。首先 有很多分散的js文件,这些js文件每个js文件都使用exports.world = function(){}或者function Hello() { }module.exports = Hello;把这个方法或模块暴露出去,var Hello = require('./hhhhhh');  hello = new Hello(); 去require这个hhhhh.js,就能获得暴露出的对象,就可以拿来直接用。

这些js文件都如果要启动服务端的一个工程,就需要一个入口,这个入口就是一个绑定 端口,并通过listen(80,function())监听端口。然后在浏览器中输入localhost:80/就能访问到服务器。在安装的服务器根目录下,放一个html文件,就能使用localhost:80/**.html访问到。node.js服务器就相当于一个jvm,所有的文件都要经过这个服务器的解释去执行。当然有些也不是必须在服务器中解释,不是服务端的js如一个js文件,里面只有一些平常的js方法(不是node.js中的方法),我们直接可以放在html中,而node.js的js文件就不能放在html中,这样会无法解释。需要服务器执行的js,都要通过绑定端口的js文件执行,也就是,需要引入到绑定端口的js中。帮顶端口号的js相当于启动了一个端口服务,只有启动这个js,我们才能访问他,相当于jetty启动java web服务一样。

node.js 是单线程的,但是我们可以通过fs.readFile('input.txt', function (err, data) {alert()}) 回调函数去执行readFile函数的同时,去执行alert()函数。也可以使用事件绑定eventEmitter.on('data_received', function(){}实现并发, 的每一个 API 都是异步的,并作为一个独立线程运行,使用异步函数调用,并处理并发。

node.js支持对文件的读写,对二进制数据流的读写,

node.js 路由功能可以获得客户端请求的地址,包括参数

node.js 的函数 可以以函数对象做参数传递,function say(word) {   console.log(word); }  function execute(someFunction, value) {   someFunction(value); }  execute(say, "Hello");

node.js模块系统可以把一个文件系统中的方法定义成一个模块,假如一个aaa.j里面要简历一个模块s。可以使用exports 如:exports.world = function() {   console.log('Hello World'); }去定义,也可以使用module.exports  如   function Hello() {};  module.exports = Hello; 去定义。然后在另一个js文件中var Hello = require('./aaa');  hello = new Hello(); 去调用。注意require('./aaa');是引入aaa,js文件,可以写绝对路径也可以写相对路径。

node.js 的全局变量如 优点和thinkPhp框架的全局变量相似。如__filename是当前模块文件的路径如:/web/com/runoob/nodejs/main.js。

node.js 有一些常用的方法:如util.isRegExp(object)表示是否是正则表达式。util.isDate(object)是否是时间

node.js的web服务

var http = require('http');
var fs = require('fs');
var url = require('url');


// 创建服务器
http.createServer( function (request, response) {  
   // 解析请求,包括文件名
   var pathname = url.parse(request.url).pathname;
   
   // 输出请求的文件名
   console.log("Request for " + pathname + " received.");
   
   // 从文件系统中读取请求的文件内容
   fs.readFile(pathname.substr(1), function (err, data) {
      if (err) {
         console.log(err);
         // HTTP 状态码: 404 : NOT FOUND
         // Content Type: text/plain
         response.writeHead(404, {'Content-Type': 'text/html'});
      }else{	         
         // HTTP 状态码: 200 : OK
         // Content Type: text/plain
         response.writeHead(200, {'Content-Type': 'text/html'});	
         
         // 响应文件内容
         response.write(data.toString());		
      }
      //  发送响应数据
      response.end();
   });   
}).listen(8081);

// 控制台会输出以下信息
console.log('Server running at http://127.0.0.1:8081/');
在此文件的同目录下创建一个html,然后输入localhost:8081/**.html就能访问到。


node.js express 

安装 

npm install express --save

以上命令会将 Express 框架安装在当期目录的 node_modules 目录中, node_modules 目录下会自动创建 express 目录。以下几个重要的模块是需要与 express 框架一起安装的:

  • body-parser - node.js 中间件,用于处理 JSON, Raw, Text 和 URL 编码的数据。

  • cookie-parser - 这就是一个解析Cookie的工具。通过req.cookies可以取到传过来的cookie,并把它们转成对象。

  • multer - node.js 中间件,用于处理 enctype="multipart/form-data"(设置表单的MIME编码)的表单数据。

$ npm install body-parser --save
$ npm install cookie-parser --save
$ npm install multer --save

Express 框架核心特性:

  • 可以设置中间件来响应 HTTP 请求。

  • 定义了路由表用于执行不同的 HTTP 请求动作。

  • 可以通过向模板传递参数来动态渲染 HTML 页面。




//express_demo.js 文件
var express = require('express');
var app = express();

app.get('/aaa', function (req, res) {
   res.send('Hello World');
})

var server = app.listen(8081, function () {

  var host = server.address().address
  var port = server.address().port

  console.log("应用实例,访问地址为 http://%s:%s", host, port)

})
通过app.get()就可以绑定一个类似javaweb的controller,然后去访问这个路径,node.js服务器就能给浏览器响应,与有没有aaa文件没有关系。

Express 应用使用回调函数的参数: request 和 response 对象来处理请求和响应的数据。

app.get('/', function (req, res) {
   // --
})

request 和 response 对象的具体介绍:

Request 对象 - request 对象表示 HTTP 请求,包含了请求查询字符串,参数,内容,HTTP 头部等属性。常见属性有:

  1. req.app:当callback为外部文件时,用req.app访问express的实例
  2. req.baseUrl:获取路由当前安装的URL路径
  3. req.body / req.cookies:获得「请求主体」/ Cookies
  4. req.fresh / req.stale:判断请求是否还「新鲜」
  5. req.hostname / req.ip:获取主机名和IP地址
  6. req.originalUrl:获取原始请求URL
  7. req.params:获取路由的parameters
  8. req.path:获取请求路径
  9. req.protocol:获取协议类型
  10. req.query:获取URL的查询参数串
  11. req.route:获取当前匹配的路由
  12. req.subdomains:获取子域名
  13. req.accpets():检查请求的Accept头的请求类型
  14. req.acceptsCharsets / req.acceptsEncodings / req.acceptsLanguages
  15. req.get():获取指定的HTTP请求头
  16. req.is():判断请求头Content-Type的MIME类型

Response 对象 - response 对象表示 HTTP 响应,即在接收到请求时向客户端发送的 HTTP 响应数据。常见属性有:

  1. res.app:同req.app一样
  2. res.append():追加指定HTTP头
  3. res.set()在res.append()后将重置之前设置的头
  4. res.cookie(name,value [,option]):设置Cookie
  5. opition: domain / expires / httpOnly / maxAge / path / secure / signed
  6. res.clearCookie():清除Cookie
  7. res.download():传送指定路径的文件
  8. res.get():返回指定的HTTP头
  9. res.json():传送JSON响应
  10. res.jsonp():传送JSONP响应
  11. res.location():只设置响应的Location HTTP头,不设置状态码或者close response
  12. res.redirect():设置响应的Location HTTP头,并且设置状态码302
  13. res.send():传送HTTP响应
  14. res.sendFile(path [,options] [,fn]):传送指定路径的文件 -会自动根据文件extension设定Content-Type
  15. res.set():设置HTTP头,传入object可以一次设置多个头
  16. res.status():设置HTTP状态码
  17. res.type():设置Content-Type的MIME类型

node.js处理静态文件

Express 提供了内置的中间件 express.static 来设置静态文件如:图片, CSS, JavaScript 等。

你可以使用 express.static 中间件来设置静态文件路径。例如,如果你将图片, CSS, JavaScript 文件放在 public 目录下,你可以这么写:

var express = require('express');
var app = express();

app.use(express.static('public'));
启动服务入口js。在浏览器中访问 http://127.0.0.1:8081/images/logo.png(本实例采用了菜鸟教程的logo),就可以看到图片。



node.js 多进程

我们都知道 Node.js 是以单线程的模式运行的,但它使用的是事件驱动来处理并发,这样有助于我们在多核 cpu 的系统上创建多个子进程,从而提高性能。

每个子进程总是带有三个流对象:child.stdin, child.stdout 和child.stderr。他们可能会共享父进程的 stdio 流,或者也可以是独立的被导流的流对象。

Node 提供了 child_process 模块来创建子进程,方法有:

  • exec - child_process.exec 使用子进程执行命令,缓存子进程的输出,并将子进程的输出以回调函数参数的形式返回。

  • spawn - child_process.spawn 使用指定的命令行参数创建新线程。

  • fork - child_process.fork 是 spawn()的特殊形式,用于在子进程中运行的模块,如 fork('./son.js') 相当于 spawn('node', ['./son.js']) 。与spawn方法不同的是,fork会在父进程与子进程之间,建立一个通信管道,用于进程之间的通信。

node.js 连接数据库

1、首先需要安装nodejs 的mysql包

npm install mysql

2、编写nodejs与mysql交互的代码

复制代码
var mysql = require('mysql');  
      
var TEST_DATABASE = 'ceshi';  
var TEST_TABLE = 'user';  
  
//创建连接  
var client = mysql.createConnection({  
  user: 'root',  
  password: '',  
});  

client.connect();
client.query("use " + TEST_DATABASE);

client.query(  
  'SELECT * FROM '+TEST_TABLE,  
  function selectCb(err, results, fields) {  
    if (err) {  
      throw err;  
    }  
      
      if(results)
      {
          for(var i = 0; i < results.length; i++)
          {
              console.log("%d\t%s\t%s", results[i].id, results[i].name, results[i].age);
          }
      }    
    client.end();  
  }  
); 

node.js .前后台交互和数据传递。

本人使用 express 和ejs.首先利用npm install express和npm install ejs。当然jade 比较ejs更为强大。

node.js 文件 

exports.userlist = function(db) {
    return function(req, res) {
        var collection = db.get('usercollection');
        collection.find({},{},function(e,docs){
            res.render('userlist', {
                "userlist" : docs
            });
        });
    };
};
这里首先定义了一个function,接收我们传过来的db变量,然后调用一个跟前面两个route一样的page render。我们告诉它需要读取usercollection,做一个查找,返回的数据保存在docs变量中。一旦我们读取到了内容,就调用render来渲染userlist模板页面,userlist默认是在本目录下views/userlist.ejs文件。把获取到的docs变量作为模板引擎中的userlist变量传递进去。

<!DOCTYPE html>
<html>
<head>
<title>USERLIST</title>
<link rel=’stylesheet’ href=’/stylesheets/style.css’ />
</head>
<body>
<h1>Userlist</h1>
<ul>
<%
for(var i in userlist){
%>
<li><a href=”mailto:<%=userlist[i].email%>”><%=userlist[i].username%></a></li>
<% } %>
</ul>
</body>
</html>

ejs 是以ejs结尾的文件,他在ejs中用<%=bbbb%>来引入js传入的变量,其他的都是html一样。怎么样是不是和jsp差不多呢。


下面是安装

相信对于很多关注javascript发展的同学来说,nodejs已经不是一个陌生的词眼。有关nodejs的相关资料网上已经铺天盖地。由于它的高并发特性,造就了其特殊的应用地位。

国内目前关注最高,维护最好的一个关于nodejs的网站应该是http://www.cnodejs.org/ 

这里不想谈太多的nodejs的相关信息。只说一下,windows系统下简单nodejs环境配置。

第一步:下载安装文件

下载地址:官网http://www.nodejs.org/download/ 

 

这里用的是 

第二步:安装nodejs

下载完成之后,双击 node-v0.8.16-x86.msi,开始安装nodejs,默认是安装在C:\Program Files\nodejs下面

第三步:安装相关环境

打开C:\Program Files\nodejs目录你会发现里面自带了npm,直接用npm安装相环境既可

 进入node.js command prompt 命令窗口

进入nodejs 安装目录 C:\Program Files\nodejs

键入命令:cd C:\Program Files\nodejs 既可

现在开始安装相关环境

键入命令:npm install express 回车等待安装express........

键入命令:npm install jade 回车等待安装jade........

键入命令:npm install mysql回车等待安装mysql........

........安装什么组件,取决于环境搭建需求

默认情况下上述组件都是安装在C:\Program Files\nodejs\node_modules文件夹下 这也是nodejs相关组件的自动查找路径

第四步:创建一个工程

 现在已经有express

express命令安装在全局才起作用!

所以express安装的时候要用 npm install express -g

或者直接修改全局路径:

npm config set prefix "C:\Program Files\nodejs"

npm config set cache "C:\Program Files\nodejs\cache" (先建好cache目录)

键入:express myapp (myapp是随意起的工程名称)

你会发现多了一个 C:\Program Files\nodejs\myapp 目录

默认情况下:里会自动创建 

这几个文件,不做解释,相信有过开发经验的同学都能一眼明了。

复制node_modules到myapp下面

环境搭建到此完工,下面做一个demo测试!

在myapp下新建helloworld.js

复制代码
var http = require("http");
http.createServer(function(request, response) {  
    response.writeHead(200, {"Content-Type": "text/plain"});  
    response.write("Hello World");  
    response.end();
}).listen(8888);
console.log("nodejs start listen 8888 port!");
复制代码

进入node.js command prompt 命令窗口,进入C:\Program Files\nodejs\myapp目录

键入node helloworld.js

 打开地址http://127.0.0.1:8888/

发现输出 :

Hello World

网友评论

登录后评论
0/500
评论
lhyxcxy
+ 关注