Express框架

最新推荐文章于 2024-06-02 19:16:21 发布

南张门

最新推荐文章于 2024-06-02 19:16:21 发布

阅读量648

点赞数 1

分类专栏： Node.js 文章标签： express 前端框架

本文链接：https://blog.csdn.net/haochangdi123/article/details/78391221

版权

1 Express框架的概况

● 原生Node开发，会发现有很多问题。比如：
■ 呈递静态页面很不方便，需要处理每个HTTP请求，还要考虑304问题
■ 路由处理代码不直观清晰，需要写很多正则表达式和字符串函数
■ 不能集中精力写业务，要考虑很多其他的东西
● EXPRESS框架致力于解决上述问题。它非常像前端框架jQuery，改变了我们书写程序的习惯。
● EXPRESS的哲学是在你的想法和服务器之间充当薄薄的一层。这并不意味着他不够健壮，或者没有足够的有用特性，而是尽量少干预你，让你充分表达自己的思想，同时提供一些有用的东西。

2 Express的安装

● npm install express 即可安装最新版本的Express，如果想把express添加到项目的package.json文件中，可以使用–save参数。
● Express4.x与3.x版本的差别非常大，我们讲解4.x
● Express官网：英语官网：http://expressjs.com/
中文官网：http://www.expressjs.com.cn/
它的API非常简单易懂

3 Express的整体感知

1路由能力

// 引用express模块
var express = require("express");
// 调用express模块
var app = express();

// 通过get方式请求默认地址时，返回给客户端‘你好’
app.get("/",function(req,res){
   
    res.send("你好");
});
// 通过get方式请求haha地址时
app.get("/haha",function(req,res){
   
    res.send("这是haha页面，哈哈哈哈哈哈");
});

// 通过get方式请求/teacher/:gonghao地址,:gonghao为变量名称，可以通过req.params.gonghao（请求参数中的gonghao）得到
app.get("/teacher/:gonghao",function(req,res){
   
    res.send("老师信息，工号" + req.params.gonghao);
});

// 监听的地址，默认为127.0.0.1，端口号这里设置为3000
app.listen(3000);

结果：
‘http://127.0.0.1:3000’页面：
这里写图片描述
‘/haha’页面：

‘/teacher/gonghao’页面：

如果请求的是没有定义过的页面：

03—案例1

2静态资源能力

目录结构:
这里写图片描述
01.js:

var express = require("express");
var app = express();

//app.use的意思是不论是get/post请求, __dirname为绝对路径,也就是01.js所在的文件夹的绝对位置,
__dirname+"/public"的意思和'./public'的意思是一样的
app.use(express.static(__dirname+"/public"));

//如果app.use查找的地址没有就会往下走
app.get("/haha",function(req,res){
   
    res.send("haha ");
});

//如果都没有就会返回Cannot GET /。。
app.listen(3000);

foo.txt:

这里是Express获取的静态资源

结果：
访问的地址没有定义：
这里写图片描述

访问http://127.0.0.1:3000/foo.txt：其实会直接去__dirname+”/public”目录下找foo.txt
这里由于没有编码设置，所以出现了乱码
这里写图片描述

访问‘/haha’
这里写图片描述
03—案例02

3使用模板能力

注意先要引入ejs模块
安装 npm install ejs –save

目录结构：
这里写图片描述
haha.ejs:

<!doctype html>
<html lang="en">

最低0.47元/天解锁文章

南张门

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
Express框架

1 Express框架的概况● 原生Node开发，会发现有很多问题。比如： ■ 呈递静态页面很不方便，需要处理每个HTTP请求，还要考虑304问题 ■ 路由处理代码不直观清晰，需要写很多正则表达式和字符串函数 ■ 不能集中精力写业务，要考虑很多其他的东西 ● EXPRESS框架致力于解决上述问题。它非常像前端框架jQuery，改变了我们书写程序的习惯。 ●
复制链接

扫一扫

专栏目录