express

express相关的网站
*http://expressjs.com/
*http://www.expressjs.com.cn/
*https://github.com/pugjs/pug
*https://pug.bootcss.com/api/g...

web开发有这么常用的四款mvc (model(数据层) view(视图层) controller(控制层))框架,我们今天说一下express

*express
*koa
*阿里的egg框架
*thinkjs

express()

Express 是一个自身功能极简,完全是由路由和中间件构成一个的 web 开发框架

安装

创建一个目录

$ mkdir myapp
$ cd myapp  

通过 npm init 命令为你的应用创建一个 package.json 文件。

$ npm init  

然后需要我们自己在目录下创建一个app.js 文件
接下来安装 Express 并将其保存到依赖列表中:

$ npm install express --save  

Hello world 实例

app.js

var express = require('express');//引入模块
var app = express();//调用函数app.get('/', function (req, res) {res.send('Hello World!');
});//请求Hello World!var server = app.listen(3000, function () {var host = server.address().address;var port = server.address().port;console.log('Example app listening at http://%s:%s', host, port);
});  //启动

运行下面命令

$ node app.js  

然后在浏览器中打开 http://localhost:3000/ 并查看输出结果。

express 应用生成器

通过应用生成器工具 express 可以快速创建一个应用的脚手架。
命令行安装

$ npm install express-generator -g  

在当前工作目录下创建一个命名为 myapp1 的应用。(和myapp同级)

$ express myapp  

安装依赖包:

$ cd myapp
$ npm install  

启动这个应用(MacOS 或 Linux 平台):

$ DEBUG=myapp npm start  

Windows 平台使用如下命令:

set DEBUG=myapp & npm start  

然后在浏览器中打开 http://localhost:3000/ 网址就可以看到这个应用了

express路由

路由是指如何定义应用的端点(URIs)以及如何响应客户端的请求

我们可以在routes这个文件夹下创建一个文件order.js来详细的说一下路由的用法。
order.js

var express = require('express');
var router = express.Router();router.get('/', function(req, res, next) {res.render('order',{msg:'我的订单'});
});
router.get('/list', function(req, res, next) {res.send('订单列表');
});module.exports = router;

app.js

var order = require('./routes/order');//引入roder.js
app.use('/order', order);

Express 模板引擎(本博客开头有网址关于 pug(jade)的)

模板引擎有这么几类pug(jade) ejs handlerbars(扩展模块)
需要在应用中进行如下设置才能让 Express 渲染模板文件:
*views, 放模板文件的目录,比如: app.set('views', './views')
*view engine, 模板引擎,比如: app.set('view engine', 'jade')

然后安装相应的模板引擎 npm 软件包。

$ npm install jade --save
$ npm install ejs --save

需要那种就在app.set('view engine', 'jade')里将'jade'改成那种。
在 views 目录下生成名为 order.jade 的 Jade 模板文件,内容如下:

doctype html
htmlheadtitle 订单bodyh1 #{msg}

然后使用路由渲染它:

router.get('/',function(req,res,nest){res.render('orders',{msg:'订单首页'})
})

Express 托管静态文件

通过 Express 内置的 express.static 可以方便地托管静态文件,例如图片、CSS、JavaScript 文件等。

将静态资源文件所在的目录作为参数传递给 express.static 中间件就可以提供静态资源文件的访问了。例如,假设在 public 目录放置了图片、CSS 和 JavaScript 文件,你就可以:

app.use(express.static('public'));

如果你的静态资源存放在多个目录下面,你可以多次调用 express.static 中间件:

app.use(express.static('public'));
app.use(express.static('files'));

你就可以通过带有 “/static” 前缀的地址来访问 public 目录下面的文件了。

http://localhost:3000/static/images/kitten.jpg
http://localhost:3000/static/css/style.css
http://localhost:3000/static/js/app.js
http://localhost:3000/static/images/bg.png
http://localhost:3000/static/hello.html

中间件

中间件(Middleware) 是一个函数,它可以访问请求对象(request object (req)), 响应对象(response object (res)), 和 web 应用中处于请求-响应循环流程中的中间件,一般被命名为 next 的变量。

中间件的功能包括:

*执行任何代码。
*修改请求和响应对象。
*终结请求-响应循环。
*调

中间件种类:

*应用级中间件
*路由级中间件
*错误处理中间件
*内置中间件
*第三方中间件

应用级中间件

应用级中间件绑定到 app 对象 使用 app.use() 和 app.METHOD(), 其中, METHOD 是需要处理的 HTTP 请求的方法,例如 GET, PUT, POST 等等,全部小写。例如:

var app = express();// 没有挂载路径的中间件,应用的每个请求都会执行该中间件
app.use(function (req, res, next) {console.log('Time:', Date.now());next();
});// 挂载至 /user/:id 的中间件,任何指向 /user/:id 的请求都会执行它
app.use('/user/:id', function (req, res, next) {console.log('Request Type:', req.method);next();
});// 路由和句柄函数(中间件系统),处理指向 /user/:id 的 GET 请求
app.get('/user/:id', function (req, res, next) {res.send('USER');
});

在下面的例子中,为指向 /user/:id 的 GET 请求定义了两个路由。第二个路由虽然不会带来任何问题,但却永远不会被调用,因为第一个路由已经终止了请求-响应循环

// 一个中间件栈,处理指向 /user/:id 的 GET 请求
app.get('/user/:id', function (req, res, next) {console.log('ID:', req.params.id);next();
}, function (req, res, next) {res.send('User Info');
});// 处理 /user/:id, 打印出用户 id
app.get('/user/:id', function (req, res, next) {res.end(req.params.id);
});

如果需要在中间件栈中跳过剩余中间件,调用 next('route') 方法将控制权交给下一个路由。 注意: next('route') 只对使用 app.VERB() 或 router.VERB() 加载的中间件有效。

路由级中间件

路由级中间件和应用级中间件一样,只是它绑定的对象为 express.Router()。

var router = express.Router();

路由级使用 router.use() 或 router.VERB() 加载。

var app = express();
var router = express.Router();// 没有挂载路径的中间件,通过该路由的每个请求都会执行该中间件
router.use(function (req, res, next) {console.log('Time:', Date.now());next();
});// 一个中间件栈,显示任何指向 /user/:id 的 HTTP 请求的信息
router.use('/user/:id', function(req, res, next) {console.log('Request URL:', req.originalUrl);next();
}, function (req, res, next) {console.log('Request Type:', req.method);next();
});// 一个中间件栈,处理指向 /user/:id 的 GET 请求
router.get('/user/:id', function (req, res, next) {// 如果 user id 为 0, 跳到下一个路由if (req.params.id == 0) next('route');// 负责将控制权交给栈中下一个中间件else next(); //
}, function (req, res, next) {// 渲染常规页面res.render('regular');
});// 处理 /user/:id, 渲染一个特殊页面
router.get('/user/:id', function (req, res, next) {console.log(req.params.id);res.render('special');
});// 将路由挂载至应用
app.use('/', router);
错误处理中间件

错误处理中间件和其他中间件定义类似,只是要使用 4 个参数,而不是 3 个,其签名如下: (err, req, res, next)。

app.use(function(err, req, res, next) {console.error(err.stack);res.status(500).send('Something broke!');
});
内置中间件

express.static(root, [options])

express.static 是 Express 唯一内置的中间件。它基于 serve-static,负责在 Express 应用中提托管静态资源。

参数 root 指提供静态资源的根目录。
下面的例子使用了 express.static 中间件,其中的 options 对象经过了精心的设计。

var options = {dotfiles: 'ignore',etag: false,extensions: ['htm', 'html'],index: false,maxAge: '1d',redirect: false,setHeaders: function (res, path, stat) {res.set('x-timestamp', Date.now());}
}app.use(express.static('public', options));
第三方中间件

通过使用第三方中间件从而为 Express 应用增加更多功能。

安装所需功能的 node 模块,并在应用中加载,可以在应用级加载,也可以在路由级加载。

进程管理器

在编写程序时,我们发现,每次更改文件之后,都需要在命令行内停止当前的服务,然后输入 npm start ,很麻烦。我们需要一款自动刷新的工具

pm2

安装:

npm install pm2 -gd

启动

pm2 start ./bin/www --watch
PS D:\node.js\code\0505\myapp2> pm2 start ./bin/www --watch
┌──────────┬────┬──────┬───────┬────────┬─────────┬────────┬─────┬───────────┬────────┬──────────┐
│ App name │ id │ mode │ pid   │ status │ restart │ uptime │ cpu │ mem       │ user   │ watching │
├──────────┼────┼──────┼───────┼────────┼─────────┼────────┼─────┼───────────┼────────┼──────────┤
│ www      │ 0  │ fork │ 17480 │ online │ 0       │ 0s     │ 0%  │ 24.1 MB   │ lenovo │ enabled  │
└──────────┴────┴──────┴───────┴────────┴─────────┴────────┴─────┴───────────┴────────┴──────────┘Use `pm2 show <id|name>` to get more details about an app

当显示 status 为 online 时,说明程序启动成功

现在可以打开 http://localhost:3000 就可以看到运行的程序了

停止应用:

pm2 stop 0

重启

pm2 restart 0

显示程序信息

pm2 show 0

删除程序

pm2 delete 0

查看程序列表

pm2 list

这就是一些express的基本内容,喜欢的点个赞再走呗。

express web的一款mvc框架相关推荐

  1. 如何简单区分web前后端与MVC框架

    https://www.jianshu.com/p/d331fc703bf3 转载于:https://www.cnblogs.com/CD3245/p/11328675.html

  2. Scott的ASP.net MVC框架系列文章之四:处理表单数据(2)

    前几周我发表了一系列文章介绍我们正在研究的ASP.NET MVC框架.ASP.NET MVC框架为你提供了一种新的开发Web应用程序的途径,这种途径可以让应用程序变得更加层次清晰,而且更加有利于对代码 ...

  3. Django——WEB三层架构与MVC

    而我发此文的目的有二:一者,让初学者能够听到一家之言,是为解惑:二者,更希望抛砖引玉,得到专家的批判. 许多学生经常问我,MVC到底和WEB三层架构有啥关系? 开始时,我也只能给他们一些模糊的回答.时 ...

  4. mvc java框架_java常用MVC框架说明与对比

    开发中各个层次的框架用户接口层:Struts.JSF.WebWork.SpringMVC.Jquery.Extjs 业务层:Spring 数据库持久层:Hibernate.Mybatis MVC模型封 ...

  5. 多款优秀的 JS MVC 框架对比

    2019独角兽企业重金招聘Python工程师标准>>> 正如之前说的,产品生产有功能时代转入体验时代,产品为王,体验为王,已经是时代趋势.体验经济的到来,说明前端的技术要求越来越高, ...

  6. Web 的全栈工程师必修课 - 关于 MVC 框架

    本章我们将围绕 MVC 这个老而弥坚的架构模式展开方方面面的介绍,对于基于 Web 的全栈工程师来说,它是我们知识森林中心最茂密的一片区域,请继续打起精神,积极学习和思考. 无论是在 Web 全栈还是 ...

  7. Java Web学习总结(30)——Service层在MVC框架中的意义和职责

    mvc框架由model,view,controller组成,执行流程一般是:在controller访问model获取数据,通过view渲染页面. mvc模式是web开发中的基础模式,采用的是分层设计, ...

  8. ASP.NET Core 入门教程 2、使用ASP.NET Core MVC框架构建Web应用

    原文:ASP.NET Core 入门教程 2.使用ASP.NET Core MVC框架构建Web应用 一.前言 1.本文主要内容 使用dotnet cli创建基于解决方案(sln+csproj)的项目 ...

  9. Web前端要学什么框架呢?推荐这几款

    经过行业的发展,Web前端行业愈加成熟,企业对Web前端人员要求也越来越高,对于想要进入前端行业的人而言挑战比以前更大了.学习Web框架可以加快Web开发速度,节约时间.就目前来说,Web前端要学什么 ...

最新文章

  1. java org.jb2011报错_Java中getResourceAsStream()用法总结(转)
  2. beamer插入图片_beamer中暗背景插入图片
  3. GridSearchCV.grid_scores_和mean_validation_score报错
  4. 阿里云,我的一些看法
  5. mysql 数据库授权(给某个用户授权某个数据库)
  6. springboot 禁用tomcat_Spring Boot 面试的十个问题
  7. Oracle使用sqlplus登录用户尽量使用nolog登录
  8. 7001.ubuntu18.04搭建go语言开发环境
  9. iPhone 13系列电池容量最高4350mAh 较iPhone 12提升近20%
  10. java中的四个跳转语句_Java中的流程控制语句 (基础篇四)
  11. 特征提取与检测(五) : LBP特征
  12. 类实现接口,必须实现接口的全部方法么?
  13. 广东计算机科学导论考试试卷,计算机科学导论试题A答案
  14. Raucous Rockers_usaco3.4.4
  15. python数据采集2-HTML解析
  16. 汇率实时行情查询接口
  17. 如何设计一个高并发的秒杀架构?
  18. php ajax 实现三级省市区联动
  19. Excel数据透视表经典教程五《功能选项卡》
  20. idc数据中心托管服务器需要注意的事项有哪些

热门文章

  1. 世界顶尖精密仪器技术都掌握在哪些国家?
  2. 一文尽览5G全产业链及新机遇
  3. 不可思议的数字:互联网每天到底能产生多少数据?
  4. 中国AI企业吸金旺但90%亏损 今年将迎倒闭潮
  5. 卡耐基梅隆大学提出新型「自适应」技术,可提高「个性化神经机器翻译」质量...
  6. 未来城市的无人机送货系统是怎样的?
  7. 毕业三年薪水翻三倍!?你想要吗?
  8. 超越halcon速度的二值图像的腐蚀和膨胀,实现目前最快的半径相关类算法(附核心源码)。...
  9. Linux内核同步:RCU
  10. 【JavaScript从入门到精通】第一课 初探JavaScript魅力-01