快速云:前端页面开发Node JS例子解析

　目前，Node.js是在前端页面开发中十分受欢迎的，它是一套用来编写高性能网络服务器的JavaScript工具包，在之前的“前端页面开发之Node.js初学者指南”文章中，我们介绍了Node JS的基本知识，本文主要通过一个实际的案例进行解读。要求本文的阅读对象为有一定Javascript和其他开发语言基础的读者。

　　Hello World例子

　　我们依然来实现大家都十分熟悉的hello world例子，我们尝试在控制台打印hello world的字样，首先编写hello.js文件，然后编写如下代码：

　　console.log(‘Hello World’);

　　然后我们在命令行下，在hello.js文件所在的文件夹中，执行如下命令：

　　node hello.js

　　这个时候就可以看到‘Hello World’的输出。

　　建立一个HTTP 服务器

　　下面，我们尝试编写一个简单的http服务器，只不过功能十分简单而已，代码如下：

// 引入http模块
var http = require(“http”);
// 调用createServer方法创建http web服务器
// request参数代表所有发送到服务端的请求
// response 参数代表服务端向浏览器端发送的所有内容
http.createServer(function (request, response) {
// request的监听事件，当有请求发送到服务端时触发
request.on(“end”, function () {
// 向客户端浏览器写入HTTP的头部信息
response.writeHead(200, {
‘Content-Type’: ‘text/plain’
});
// 返回给浏览器端数据
response.end(‘Hello HTTP!’);
});
// 在8080端口监听
}).listen(8080);

　　上面的注释已经写的很清楚了，理解也容易，将这个文件保存为http.js然

　　后同样在命令下执行：

　　node http.js

　　并且通过浏览器访问：http://localhost:8080，就会在页面中看到Hello HTTP的输出。

　　处理URL参数

　　现在我们来看下如何处理url参数，代码如下：

var http = require(“http”),
// 必须引入url模块处理url参数
url = require(“url”);
http.createServer(function (request, response) {
request.on(‘end’, function () {
var _get = url.parse(request.url, true).query;
response.writeHead(200, {
‘Content-Type’: ‘text/plain’
});
response.end(‘Here is your data: ‘ + _get[‘data’]);
});
// Listen on the 8080 port.
}).listen(8080);

　　在上面的代码中，首先引入了url的模块，这个模块用来处理url传递的参数，并且用变量var _get获得传入的完整URL，通过url.parse方法，将url的参数转变为对象，然后通过_get[‘data’]获得传入的URL参数，将上面的代码保存为get.js，命令行下运行

　　nodejs get.js

　　并在浏览器中输入如下地址：

　　http://localhost:8080/?data=hello

　　则会在浏览器中发现输出：Here is your data:hello

　　对文件的读写

　　对于文件的读写，同样要引入fs这个核心模块，读和写文件分别使用的是fs.readFile()和fs.writeFile()方法，代码例子如下：

var http = require(“http”),
fs = require(“fs”);
request.on(“end”, function () {
//读文件
fs.readFile(“test.txt”, ‘utf-8’, function (error, data) {
response.writeHead(200, {
‘Content-Type’: ‘text/plain’
});
data = parseInt(data) + 1;
//将data变量写到test.txt中去
fs.writeFile(‘test.txt’, data);
// 显示该网页更新了多少次
response.end(‘This page was refreshed ‘ + data + ‘ times!’);
});
});
}).listen(8080)

　　将上面的代码保存为file.js，在运行前，先创建一个test.txt文件，并且同样保存在跟file.js同一个目录中。

　　上面的代码中演示了fs.readFile()和fs.writeFile()两个方法，每次当服务器收到客户的请求后，将从test.txt文件中读取数据，并且加1，然后又同样更新这个test.txt文件，其中fs.readFile()接受三个参数，一个是需要读取的文件名，一个是编码格式，最后是回调处理方法。而WriteFile()则很简单这里是两个参数，一个是写入的目的文件名称，另外是需要写入的数据。

　　现在在命令行下运行上面的代码

　　node file.js

　　打开浏览器，运行http://localhost:8080,并且进行刷新，会发现好像出现了错误喔，因为数字增加了2，而不是1，但其实这个不是错误，因为第一次的连接是浏览器自动发起的，每次访问这个地址，都是实际上是两个请求发送到服务端，让我们在代码中修正下：

var http = require(“http”),
fs = require(“fs”);
http.createServer(function (request, response) {
request.on(‘end’, function () {
if (request.url == ‘/’) {
fs.readFile(‘test.txt’, ‘utf-8’, function (error, data) {
response.writeHead(200, {
‘Content-Type’: ‘text/plain’
});
data = parseInt(data) + 1;
fs.writeFile(‘test.txt’, data);
response.end(‘This page was refreshed ‘ + data + ‘ times!’);
});
} else {
// 指示文件不存在
response.writeHead(404);
response.end();
}
});
}).listen(8080);

　　如何访问数据库

　　接下来我们简单看下node.js如何连接数据库。首先为了访问比如mysql这样的数据库，必须安装类哭node-mysql，本文中选择的是mysql@2.0.0-alpha2的版本，直接在控制台执行：

　　npm install mysql@2.0.0-alpha2

　　就可以安装成功了，接下来看下有关的访问代码：

var http = require(‘http’),
//增加mysql类库
mysql = require(“mysql”);
// 创建mysql连接，设置用户名，密码，连接数据库名
var connection = mysql.createConnection({
user: “root”,
password: “”,
database: “db_name”
});
http.createServer(function (request, response) {
request.on(‘end’, function () {
// 查询数据表
connection.query(‘SELECT * FROM your_table;’, function (error, rows, fields) {
response.writeHead(200, {
‘Content-Type’: ‘x-application/json’
});
// 数据以json形式返回
response.end(JSON.stringify(rows));
});
});
}).listen(8080);

　　使用这个类库去连接数据库是十分容易的，在上面的代码中，只是简单设置了查询，而在实际的应用中，可能还需要加上检查各类异常的代码。并且注意要设置返回的Content-type为x-application/json格式，并且使用JSON.stringify()方法去将数据转为json格式。

　　最后，将文件保存为mysql.js，并且执行node mysql.js，在浏览器中输入

　　http://localhost:8080，则会可以在浏览器中可以看到返回的json数据。

　　小结

　　本文简单介绍了Node.js的概念和基本知识，让读者对node.js有一个大概的初步认识，事实上，node.js还在不断发展之中，也有一些对node.js进行进一步封装的框架，比如