node.js学习笔记整理(二)
程序员文章站
2022-07-06 11:53:03
(1)前端项目自动化构建 1、创建myProject项目文件以及对应的文件夹 2、自动打包多个文件 (2)使用node进行web开发 1、搭建一个http的服务器,用于处理用户发送的http请求 2、request方法有两个参数:request、response 1)request:http.Inc ......
(1)前端项目自动化构建
1、创建myproject项目文件以及对应的文件夹
var projectdata ={ 'name':'myproject', 'filedata':[ { 'name':'css', 'type':'dir' },{ 'name':'js', 'type':'dir' },{ 'name':'images', 'type':'dir' },{ 'name':'index.html', 'type':'file', 'content' : '<html>\n\t<head>\n\t\t<title>title</title>\n\t</head>\n\t<body>\n\t\t<h1>hello</h1>\n\t</body>\n</html>' } ] }; var fs = require('fs'); if(projectdata.name){ // 创建项目文件夹 fs.mkdirsync(projectdata.name); var filedata = projectdata.filedata; if(filedata && filedata.length){ filedata.foreach(function(file){ //文件或文件夹路径 file.path = './'+projectdata.name +'/'+ file.name; //根据type类型创建文件或文件夹 file.content = file.content || ''; switch(file.type){ case 'dir': fs.mkdirsync(file.path); break; case 'file': fs.writefilesync(file.path,file.content); break; default: break; } }); } }
2、自动打包多个文件
var fs = require('fs'); var filedir = './myproject/dist'; fs.exists(filedir,function(isexists){ if(!isexists){ fs.mkdirsync(filedir); } fs.watch(filedir,function(ev,file){ //只要有一个文件发生了变化,我们就需要对文件夹下的所有文件进行读取、合并 fs.readdir(filedir,function(err,datalist){ var arr = []; datalist.foreach(function(file){ if(file){ //statsync查看文件属性 var info = fs.statsync(filedir + '/' +file); //mode文件权限 if(info.mode === 33206){ arr.push(filedir + '/' +file); } } }); //读取数组中的文件内容 var content = ''; arr.foreach(function(file){ var c = fs.readfilesync(file); content += c.tostring()+'\n'; }); //合并文件中的内容 fs.writefilesync('./myproject/js/index.js',content); }) }); });
(2)使用node进行web开发
1、搭建一个http的服务器,用于处理用户发送的http请求
//加载一个http模块 var http = require('http'); //通过http模块下的createserver创建并返回一个web服务器对象 var server = http.createserver(); //开启 http 服务器监听连接,只有调用了listen方法以后,服务器才开始工作 server.listen(8000,'localhost'); //服务器是否正在监听连接 server.on('listening',function(){ console.log("listening.........."); }); //每次接收到一个请求时触发,每个连接可能有多个请求(在 http keep-alive 连接的情况下)。 server.on('request',function(){ res.write('<p>hello</p>'); res.end(); });
2、request方法有两个参数:request、response
1)request:http.incomingmessage的一个实例,获取请求的一些信息,如头信息,数据等
httpvession:使用的http协议的版本
headers:请求头信息中的数据
url:请求的地址
method:请求的方式
2)response:http.serverresponse的一个实例,可以向请求的客户端输出返回响应
write(chunk,encoding):发送一个数据块到相应正文中
end(chunk,encoding):当所有的正文和头信息发送完成以后调用该方法告诉服务器数据已经全部发送完成了,这个方法在每次完成信息发送以后必须调用,并且是最后调用。
statuscode:该属性用来设置返回的状态码
setheader(name,value):设置返回头信息
writehead(statuscode,reasonphrase,headers)这个方法只能在当前请求中使用一次,并且必须在response.end()之前调用
3、使用fs模块实现行为表现分离
var http = require('http'); var url = require('url'); var fs = require('fs'); var server = http.createserver(); //html文件的路径 var htmldir = __dirname + '/html/'; server.on('request',function(request,response){ var urlstr = url.parse(request.url); //根据pathname匹配对应的html文件 switch(urlstr.pathname){ case '/': senddata(htmldir + 'index.html',request,response); break; case '/user': senddata(htmldir + 'user.html',request,response); break; case '/login': senddata(htmldir + 'login.html',request,response); break; default: //处理其他情况 senddata(htmldir + 'err.html',request,response ); break; } }); function senddata(file,request,response){ //读取文件,存在则返回对应读取的内容,不存在则返回错误信息 fs.readfile(file,function(err,data){ if(err){ response.writehead(404,{ 'content-type':'text/html;charset=utf-8' }); response.end('<h1>页面不存在</h1>') }else{ response.writehead(200,{ 'content-type':'text/html;charset=utf-8' }); response.end(data); } }) } server.listen(8000,'localhost');
推荐阅读
-
Spring实战学习笔记整理(4)-AOP(面向切面编程)
-
PowerMock学习笔记(二) 博客分类: 单元测试
-
PowerMock学习笔记(二) 博客分类: 单元测试
-
Laravel框架学习笔记(二)项目实战之模型(Models),laravelmodels_PHP教程
-
PHP学习笔记(二) 了解PHP的基本语法以及目录结构_PHP
-
PHP面向对象学习笔记之二 生成对象的设计模式
-
js零基础快速学习教程(知识与语法整理笔记)
-
python网络编程学习笔记(二):socket建立网络客户端
-
YUI学习笔记(二)简单的DOM事件(2) 博客分类: YUI YUI
-
Spring学习(二)---在IoC容器中装配Bean 博客分类: Spring 3.x 企业应用开发笔记 springbeanioc框架