var http = require("http");
var fs = require('fs');
exports.start = function(){
http.createServer(function(request, response) {
fs.readFile('./index.html', 'utf-8',function (err, data) {//读取内容
if (err) throw err;
response.writeHead(200, {"Content-Type": "text/html"});//注意这里
response.write(data);
response.end();
});
}).listen(8888);
console.log("server start...");
}
好了，这时我们重启再次输入地址，就看到一个完整的页面了。
但一个页面除了HTML结构层外，还有javascript与css。那么，我们在当前目录建一个文件夹javascripts， 里面建index.js，内容如下：
复制代码 代码如下:
window.onload = function(){
var p = document.createElement("p");
p.innerHTML = "这是动态添加的"
document.body.appendChild(p);
}
再建一个styles目录，里面建index.css，内容如下：
复制代码 代码如下:
html,body{
background: #3671A5;
height: 100%
}
然后在index.html引入这两个文件：
复制代码 代码如下:
<!doctype html>
<html>
<head>
<title>index</title>
<meta content="IE=8" http-equiv="X-UA-Compatible"/>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link type="text/css" href="https://www.jb51.net/styles/index.css"/>
<script src="https://www.jb51.net/javascripts/index.js"></script>
</head>
<body>
<h2>这是首页</h2>
</body>
</html>
重新打开，发现没有改变，google，说要处理js与css文件的请求。没有办法，取得request.url属性，再判定后缀名，为它进行文件读取与设置首部。
复制代码 代码如下:
var http = require("http");
var fs = require('fs');
var url = require('url');
exports.start = function(){
http.createServer(function(request, response) {
var pathname = url.parse(request.url).pathname;
var ext = pathname.match(/(\.[^.]+|)$/)[0];//取得后缀名
switch(ext){
case ".css":
case ".js":
fs.readFile("."+request.url, 'utf-8',function (err, data) {//读取内容
if (err) throw err;
response.writeHead(200, {
"Content-Type": {
".css":"text/css",
".js":"application/javascript",
}[ext]
});
response.write(data);
response.end();
});
break;
default:
fs.readFile('./index.html', 'utf-8',function (err, data) {//读取内容
if (err) throw err;
response.writeHead(200, {
"Content-Type": "text/html"
});
response.write(data);
response.end();
});
}
}).listen(8888);
console.log("server start...");
}
至此，本文的目的达到了。三个node.js文件，一个普通的js文件，一个css文件，一个html文件。下一个目的就是多页了，一个网站是由多个目的构成的。它包含如下内容，能处理ajax请求，上传文件，Session与Cookie支持，日志，MIME识别，路由派发，缓存系统......要做的事多得吓人，因此有人一上来就框架，与学JS那样，连ＡＰＩ还没有摸熟就用jQuery了，那学个毛！回顾一下我们上面的server.js中间的部分，其实就要把ＭＩＭＥ与路由拆分出来的。但最重要的事还有一样，如何处理这无穷的函数嵌套？本人觉得这与我的模块加载系统还没有什么两样，下次就从这里动手吧。
您可能感兴趣的文章: