node.js 初学笔记整理
node.js
概念问题:
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。
npm是一个node的包管理工具 ,也是一个网站 ,还是一条命令。Node.js 的包管理器 npm,成为世界上最大的开放源代码的生态系统。
1.用node编写http服务器
方法综述:
* 1、引入 http 模块
* 2、创建服务器
var http=require("http");
接下来我们使用 http.createServer() 方法创建服务器,并使用 listen 方法绑定 8888 端口。 函数通过 request, response 参数来接收和响应数据。
/*
req(request):返回url信息
res(response):浏览器返回相应信息
*/
http.createServer(function(req,res){
/*
* 如果状态是200,文件类型是html,字符集是utf-8
* */
res.writeHead(200,{"Content-Type":"text/html;charset=utf-8"});
res.write("http://localhost:8888");
res.end();
}).listen(8888);
a.杰哥代码示范:
var http=require("http");
http.createServer(function(req,res){
res.writeHead(200,{"Content-Type":"text/html;charset=utf-8"});
res.write("首页");
res.end();
}).listen(8888);
b.春娥老师代码示范
//引入核心模块
const http = require("http");
//创建一个服务器
const server = http.createServer((req,res)=>{
//req参数代表客户端数据信息
//res参数代表服务器数据信息
res.writeHead(200,{"Content-Type":"text/html;charset=UTF8"});//指定中文编码
/*res.write("hello node");//向客户端发送数据
res.write("今天天气很热");
res.write("明天天气也很热");
res.end();//表示服务器相应已经结束*/
res.end("今天天气有点热
明天xxx");
})
server.listen(8000);
2.Express框架的应用
express :是一个简单而灵活的node.js框架
a.express的安装
代码指令:npm install --save express
如果网慢有时候也可以使用cnpm淘宝镜像;但尽量使用npm;
!!附:npm install //安装依赖
发送文件的时候,应该把node_modules文件夹删除 接收以后可用npm install重新获取安装
3.Nodejs 自启动工具 supervisor
优点:每次更新程序,自动更新、不必重启服务器、
a.安装代码指令:npm install -g supervisor (全局安装,安装一次永久可用)
b.使用时 用supervisor代替node命令启动应用程序 即可生效
(1)杰哥代码示范
var express=require("express");
var app=new express();
//路由
app.get("/",function(req,res){
//res.send("首页");
res.render("index",{name:"张三2"});
});
//新闻页面
app.get("/news",function(req,res){
//res.send("新闻页面22");
var list=[
{id:1,title:"新闻ejs1",isNews:true},
{id:2,title:"新闻ejs2",isNews:false},
{id:3,title:"新闻ejs3",isNews:false}
];
res.render("news",{list:list});
});
console.log("http://localhost:8888");
app.listen(8888,"localhost");
4.ejs的使用和静态资源托管
a. 安装指令:npm install --save ejs
b. app.set("view engine","ejs"); //设置默认模板引擎 (默认方法,通常情况下推荐用此方法)
c.创建文件夹views 注意:此处文件夹名必须为views 不可更改
然后在文件夹下面创建一个html文件 重命名为:“index.ejs” 格式
如需要更改名字 可使用代码:
如:将名字改为pages 使用代码:app.set("views","pages")
console.log(_diename) 找到view的绝对路径
app.set("views",__dirname+"/pages"); //更换模板目录
附:不使用ejs后缀,更改为html的方法: (可借助此方法访问html文档,传参方式此处为了解,后面将会学习 传参方法如:在html中<%=name%> )
var bodyParser=require("body-parser");
var app=new express();
app.engine("html",ejs._express);
app.set("view engine","html");
5.Express中间件
功能:1.执行任何代码
2.修改请求和响应对象
3.终结请求-响应循环
4.调用堆栈中的下一个中间件
路由中间件:
app.use(function(req,res,next){
next();
}) 终止执行请求,一般放在路由的前面
路由中间件 杰哥经典案例:
app.use(function(req,res,next){
if(localstorage['islogin']){
next();
}else{
}
}) //如果localstorage存在,继续执行后面代码 否则,终止执行
6.内置中间件 配置静态资源
app.use("/", express.static("static"));
//获取static文件夹下的内容
7.错误处理中间件
app.use(function(req,res,next){
res.status(404).render('404',{});
});
8.第三方中间件
npm install body-parser-save //安装中间件
var bodyParser = require('body-parser') //设置中间件
9.get post请求 (8. 9 处内容暂未掌握,实例及其内容 下次分析)
* GET 请求的参数在 URL 中,在 Express 中,可以直接使用 req.query 对象。
* POST 请求在 express 中不能直接获得,可以使用 body-parser 模块。使用后,将可以用 req.body 得到参数。
* All 可以请求get和post
10.ejs模板引擎
常用标签:
<%%>:流程控制标签
<%=%> :输出标签(原文输出HTML标签)
<%-%> :输出标签(HTML会被浏览器解析)
示例:
<%=name%>
<%- include ../public/left%>
<ul>
<% for(var i = 0 ; i < news.length ; i++){ %>
<li><%= news[i] %></li>
<% } %>
</ul>
<%if type==1 %>
vip会员
<%else if type==0%>
普通会员
<%/if%>