本节知识点
- express的安装
- express的入门
- express的常用api
- express的概括
(一) Express介绍
express和Node的关系类似 Js和Jquery的关系，Express把一些功能都封装好，供我们使用要不然源生的写法很麻烦.
(二) Express安装
Express的安装依赖于npm
$ npm install express --save
这样Express就安装好了
(三) Express简单使用
var express = require("express"); //加载模块
var app = express(); //调用模块
app.use(express.static("./public")) //加载静态文件冒号里面写的是静态文件夹的地址 ./表示根目录
app.listen(3000); //端口号可以修改
这样一个简单的Express简单DEMO，他提供了加载静态的服务
这里特别注意的就是要是使用了静态文件那么静态文件里面的文件夹名称不能和外面的重复，要不然外面的> 他不会运行直接就运行静态文件夹里面的了
这几句代码必须有。(静态文件可以没有)
(四) Express常用api介绍
app.use(express.static("./public"))
- 这个就表示加载静态文件夹。
- 这里千万注意静态文件夹下面的文件或者文件夹不能和外面的文件夹重名，否则外面的不执行
- 要是括号里面加第一个参数变成
app.use("/static",express.static("./public"))
- 这就表示所有的静态文件夹前面都变成了/static/XXX要是图片就变成/static/images/xxx.jpg
- 这样所有的静态文件都需要做修改了。非常麻烦不建议使用
app.all(path,function(req,res){})
app.all("*",function(req,res){}) //表示全部匹配
- 这个就表示不管是post还是get请求，他都能捕获。然后实行回调函数方法
- 这里要特别提示,在Node里面URL的读取是按照代码写的顺序由上到下匹配，也就是说要是第一个匹配到了后面的就不在匹配了，除非加next表示向下执行
- 例如一上来利用参数模糊匹配，然后从数据口读取数据要是没有数据就向下匹配路由。
- 所以一般都是把精确路由写在上面，模糊路由写在下面。这样能节省资源
app.get("/login",function(req,res){})
- 这个就表示用户发送了get请求到/login里面。然后执行回调函数
app.post("/admin",function(req,res){})
- 这个就表示用户发送了post请求到/admin里面。然后执行回调函数
app.get("/:user/:id",function(req,res){
console.log(req.params.user);
console.log(req.params.id);
})
- 这个就是获取用户输入的路由地址。：user 里面的user可以换成任意其他的。重点看res.params.xxx
- 这个就是模糊匹配
路由 http://127.0.0.1:3000/admin?id=1000&user=haha
app.get("/admin",function(req,res){
console.log(req.query.id); //注意这里是req
console.log(req.query.username);
})
这样就获取到路由上面的参数 结果是 1000 和haha
app.get("/:username/:id",function(req,res,next){
var username = req.params.username;
//检索数据库，如果username不存在，那么next()
if(检索数据库){
console.log("1");
res.send("用户信息");
}else{
next();
}
});
app.get("/admin/login",function(req,res){
console.log("2");
res.send("管理员登录");
});
- 这个就表示优先看路径里面/xxx/xxx的匹配要是数据库里面没数据，就向下匹配。要是不写next则下面的不会执行
app.listen(3000)
- 这个就表示监听3000端口必须要有，3000能修改成80端口
var ejs = require('ejs'); //加载ejs模块
// 视图的根目录
app.engine('html', ejs.__express); //把模板引擎的ejs匹配到html说白了就是把模板的后缀名要求是html格式
app.set('views','./views'); //设置模板文件夹的路径
app.set('view engine','html'); //设置模板格式
//配套接收到请求后一个渲染
res.render("index",{"news":"哈哈"}) //这个就是把这个变强渲染到index页面
这里要说明一下ejs模板。现在基本上没有前后端不分了，基本上都靠JSON包渲染数据。但是这个技术有的时候也会用
下面简单介绍一下。ejs模板记住这3个足够了
<% 语句%>
<%=变量%>
<%-变量%>这个就是不解析直接输出字符串格式比如json包
app.set("title","测试页面");
- 这个就表示设置值
app.use("/apple",function(req,res){})
- 这个就表示use匹配到 /apple ,/apple/admin, /apple/admin/images他都能匹配到
//地址要是http://www.baidu.com/admin/new
app.use("/admin",function(req,res){
res.write(req.originalUrl + "\n"); //结果就是/admin/new
res.write(req.baseUrl + "\n"); //结果就是/admin
res.write(req.path + "\n"); //结果就是/new
res.end("你好");
});
- 这个就是use下面的基本用法
res.send("哈哈");
- 表示发送数据给页面。然后关闭连接。这样客户端不再等待
app.use(function(req,res){
res.status(404).send("没有这个页面！");
})
- 这个就是404页面。用来防止找不到页面。一般都放在路由的最后位置，千万不能放在路由首位
res.json(data);
res.jsonp(); //支持跨域
- 这个就是直接把json包发送给页面。这样请求就关闭了
res.sendFile(绝对路径)
- 这个一般用户直接发送静态文件
res.redirect(路径或网址)
res.redirect('http://www.baidu.com'); //重定向到百度
res.redirect('/foo/bar'); //重定向到/foo/bar下面
- 这个就表示重定向
res.status(状态码)
- 这个就表示最后的结果。404就是找不到。200表示成功，304表示重定向
下面的就和Express无关了。他属于Node源生。一般用的比较多
var path = require("path");
var dir = path.join(__dirname,"/views/index.html")
- 这个就表示获取到绝对地址。__dirname表示文件夹的位置 ../表示父级，./表示同级的__filename表示文件路径
var extname = path.extname(文件名称)；
- 获取到文件的后缀名例如.jpg或者.html等等
