Express-node.js框架学习笔记

知识点:

(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部分:
    <% for(var i=0; i
  • <%= news[i]%>
  • <% } %>
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部分:


    
    Title


学号
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);

你可能感兴趣的:(Express-node.js框架学习笔记)