Express 框架

xiaoxiao2021-02-28  31

了解完原生nodejs,现在我们来学习它的开发框架express框架,到现在已经有express6版本了,我们从以下三个方面整体感知express框架,之后再着重介绍他的API

路由能力

在使用之前应先安装express包,安装Express框架,就是使用npm的命令。 npm install –save express –save参数,表示自动修改package.json文件,自动添加依赖项。 (–这是两个横杠)

1 var express = require("express"); 2 3 var app = express(); 4 5 app.get("/",function(req,res){ 6 res.send("你好"); 7 }); 8 9 app.get("/haha",function(req,res){ 10 res.send("这是haha页面,哈哈哈哈哈哈"); 11 }); 12 13 app.get(/^\/student\/([\d]{10})$/,function(req,res){ 14 res.send("学生信息,学号" + req.params[0]); 15 }); 16 17 app.get("/teacher/:gonghao",function(req,res){ 18 res.send("老师信息,工号" + req.params.gonghao); 19 }); 20 21 app.listen(3000);

静态文件伺服能力:

app.use(express.static("./public")); 其实这里是省略写法,省略了"/",完整写法: app.use("/",express.static("./public")); 在express框架中“/”,可以省略不写, express.static("./public"),这个封装了function(req,res)回调函数, 整句话表示在浏览器输入127.0.0.1:3000:/就会跳到public文件下显示静态页面

模板引擎:

1 var express = require("express"); 2 3 var app = express(); 4 5 app.set("view engine","ejs"); 6 //设置模板引擎为ejs,还有另外一种是jade 7 app.get("/",function(req,res){ 8 res.render("haha",{ 9 "news" : ["我是小新闻啊","我也是啊","哈哈哈哈"] 10 }); //render(a,b);a是要渲染的页面相对路径,b是向页面传递的参数 11 }); 12 13 app.listen(3000);
转载请注明原文地址: https://www.6miu.com/read-600371.html

最新回复(0)