知识点：
(1)路由
- app.get 或者 app.post，来访问
var express = require("express");
var app = express();
app.get('网址',function(req,res) {
res.send();
res.render();
})
如果想处理这个网址的任何method的请求，那么写all
app.all("/",function(){
});
这里的网址，不分大小写，也就是说，你路由是
app.get("/AAb",function(req,res){
res.send("你好");
});
实际上小写的访问也行。
所有的GET参数，? 后面的都已经被忽略。 锚点#也被忽略
你路由到/a ， 实际/a?id=2&sex=nan 也能被处理。
- 正则表达式 /^ $/
/^\/student\/([\d]{6})$/ 表示/student/后面有6为数字的验证
正则表达式可以被使用。正则表达式中，未知部分用圆括号分组，然后可以用req.params[0]、[1]得到。
冒号是更推荐的写法。
1 app.get("/student/:id",function(req,res){
2 var id = req.params["id"];
3 var reg= /^[\d]{6}$/; //正则验证 \d表示数字
4 if(reg.test(id)){ //用reg去匹配id，必须是6位的数字
5 res.send("学生学号" + id);
6 }else{
7 res.send("请检查格式");
8 }
9 });
- req.params[0]
req.body
req.query
req.param()
参数在url中时
/path/:id,参数在req.params.id中
/path?id=xx,参数在req.query.id中
用json body 或者form 表单传参时参数在req.body中
--
--
app.get(/^\/student\/([\d]{6})$/,function(req,res){
res.send("学生信息，学号" + req.params[0]);
}); //输出结果为 学生信息，学号xxxxxx
- app.get("/teacher/:gonghao",function(req,res) {
res.send();
})
app.get("/teacher/:gonghao",function(req,res) {
res.send("老师信息，工号" + req.params.gonghao);
}) //输出信息为 老师信息，工号xxxxx
(2)静态文件服务
- app.use(express.static("路径")); // 只能是文件夹，不能是js,html,css
- app.use("/test",express.static("路径")); // 添加路由
var express = require("express");
var app = express();
app.use("/test",express.static("./路径")) // 这里只能用文件夹，不能用js.html.css文件
app.listen(3002);
(3)与模板引擎的配合
(1)views文件夹中是ejs文件
- ejs模板 //<% %>外面的部分会被直接渲染，里面是逻辑。
- cnpm install ejs --save //安装ejs外部插件
xxxx.ejs部分：
<ul>
<% for(var i=0; i<news.length; i++){ %>
<li> <%= news[i]%></li>
<% } %>
</ul>
xxxx.js部分:
注意：这里需要安装ejs模板引擎后才能使用
var express = require("express");
var app = express();
app.set("view engine", "ejs"); //app.set //engine:引擎
app.listen(3003);
app.get('/', function(req, res) {
res.render("haha.ejs",{ //res.render
news: ["第一场","第二场","第三场"]
});
});
- 例2
02.ejs部分：
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<form action="#" method="post">
学号<input type="text" name="name"> <br>
<input type="submit">
</form>
</body>
</html>
03.js部分：
var express = require("express");
var app = express();
app.set("view engine","ejs"); //设置模板引擎
app.get("/",function(req,res) {
res.render("02.ejs");
}); //得到模板引擎的页面
app.post("/",function(req,res) {
//将数据添加进数据库
res.send("成功");
}); //提交数据
app.listen(3008);
(2)views文件夹中是html文件
app.engine('.html',require('ejs').renderFile);
app.set("view engine","html");
完整代码：
var express = require('express');
var app = express();
app.engine('.html',require('ejs').renderFile);
app.set("view engine","html");
app.set("views","test"); //把默认的views文件夹，换成test文件夹
app.get('/',function(req,res){
res.render("index2.html"); //是test文件夹里面的index2.html
});
app.listen(3009);
(4)中间件：
- app.get()的执行顺序，当路由同一个页面的时候，只执行第一个app.get
- app.get("/",function(req,res,next)){
console.log("111111111");
next(); //添加next后下面的同一个路由地址的app.get才会被执行
}
var express= require("express");
var app = express();
app.get('/',function(req,res) {
console.log("1111111");
});
app.get('/',function(req,res) {
console.log("222222");
});
app.listen(3000); //执行的结果是11111111
var express= require("express");
var app = express();
app.get('/',function(req,res,next) {
console.log('1111111');
next();
});
app.get('/',function(req,res) {
console.log("2222222");
});
app.listen(3000); //执行结果1111111，2222222
- app.use("/test")：能够匹配到127.0.0.1：3000/test/1111/2222/333
- app.get("/test")：只能匹配到127.0.0.1：3000/test
（5） res.render()内容渲染
res.render("xxx.html")会默认渲染views文件夹下的xxx.html。
如果不想使用views文件夹，想自己设置文件夹名字，那么app.set("views","aaaa");
app.set("view engine","html")；
app.set("views","文件夹名");
//区别两者的写法
完整例子：
var express = require('express');
var app = express();
app.engine('.html',require('ejs').renderFile);
app.set("view engine","html");
app.set("views","public");
app.get('/',function(req,res){
res.render("index.html");
});
app.listen(3009);
(6)get请求
- 用req.query对象来识别参数字符串,是一个对象
var express = require("express");
var app = express();
app.engine(".html",require("ejs").renderFile);
app.set("view engine","html");
app.set("views","test");
app.get('/pp',function(req,res){
console.log(req.query);
//得到参数，返回对象，如http://127.0.0.1:3000/pp/?name=123&age=22返回{ name: '123', age: '22' }
res.render("test.html");
});
app.listen(3000);
● GET请求的参数在URL中，在原生Node中，需要使用url模块来识别参数字符串。
在Express中，不需要使用url模块了。可以直接使用req.query对象。
● POST请求在express中不能直接获得，
必须使用body-parser模块。使用后，将可以用req.body得到参数。
但是如果表单中含有文件上传，那么还是需要使用formidable模块。
(7)post请求
- 用req.body对象来识别post提交的字符串
(1)安装body-parser (parse解析)
cnpm install body-parser
(2)
var express = require("express");
var bodyParser = require("body-parser");
var app = express();
app.engine(".html",require("ejs").renderFile);
app.set("view engine","html");
app.get("/",function(req,res){
res.render("post.html");
});
app.use(bodyParser.urlencoded({ extended: false }));
app.post("/",function(req,res){
console.log(req.body);
res.send("成功");
});
app.listen(3000);
网友评论