nodejs(三)上之express
- express
- 简介
- Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用,和丰富的 HTTP 工具。
- 使用 Express 可以快速地搭建一个完整功能的网站
- 安装并运行
- sudo npm install express
- var express = require(“express”);
var app = express();//初始化 - 核心功能
- 路由
- get方法 — 根据请求路径来处理客户端发出的GET请求
- app.get(path,cb);
* path:为请求的路径
* cb :第二个参数为处理函数的回调,有两个参数request和response,代表请求信息和响应信息 - 前端页面代码
- <!DOCTYPE html>
<html lang=“en”>
<head>
<meta charset=“UTF-8”>
<title>Title</title>
</head>
<body>
<form action=“/list” method=“post”>
用户名:<input type=“text” name=“user”><br>
密码: <input type=“password”><br>
<input type=“submit” value=“发送”>
</form>
</body>
</html> - 服务端
- //处理get方式发送的请求
app.get(“/“, function (req,res) {
//返回一个静态文件
res.sendFile(__dirname+”/post.html”);
});
app.get(“/list”, function (req,res) {
//返回一个字符串
res.send(“get”+req.url);
});
app.post(“/list”, function (req,res) {res.send(“post”+req.url);
});
//all就是处理不管是任何方式发送的请求,*为任意路径
app.all(“*”, function (req,res) {
res.send(“Welcome to Express”);
});
//设置端口号
app.listen(8080); - 获取请求的参数
- 获取请求参数
* req.host:返回请求头里取的主机名(不含端口号)
* req.path:返回请求的url的路径名
* req.query:是一个可获取客户端get请求路径参数的对象属性,包含着被解析过的请求参数对象,默认为{}
* req.params:获取路由的parameters - 获取返回的参数
- 4.返回参数
* res.send();返回数据,默认会转为字符串,编码为utf8
* res.sendFile();返回文件
* res.sendStatus();返回状态码 - 例子
- //http://localhost:8080/query?user=tangcaiye
app.get(“/query”, function (req,res) {res.send(req.query);
});
//http://localhost:8080/article/2/tangcaiye
app.get(“/article/:id/:name”, function (req,res) {
res.send(req.params);
});app.all(‘/*’, function(req,res){
console.log(req.path);
console.log(req.host);
res.send(“没找到页面”);
});app.listen(8080);
- 中间件
- 概念
- 中间件就是处理HTTP请求的函数,用来完成各种特定的任务,比如检测用户是否登录,分析数据,以及其他在需要最终将数据发送给用户之前完成的任务
* 特点:
* 1.每个中间件都可以控制流程是否继续执行
* 2.每个中间件的req res都是用的同一个对象
* 3.如果出错了,转交错误处理中间件进行处理
* 4.最大的特点是,一个中间件处理完,可以把相应数据再传递给下一个中间件
* 5.如果调用回调函数的next参数表示将请求数据传递给下一个中间件 - 例子:
- //中央发了100快钱
app.use(function (req,res,next) {
req.money = 100;
next();
});
//市政府
app.use(function (req,res,next) {
req.money -= 20;
//如果next传了一个不为null的参数,说明有错,会中止其他中间件并执行错误处理中间件
next(“钱丢了”);
});
//村
app.use(function (req,res,next) {
req.money -= 50;
next();
});
//错误处理中间件
app.use(function (err,req,res,next) {
console.error(err);
res.end(err);
});app.all(‘/*’, function(req,res){
res.send(“”+req.money);
});app.listen(8080);
- 模板引擎
- 模板引擎-首先需要先安装才能用
* nam install ejs
* 1.指定渲染模板引擎
* app.set(“view engine”,”ejs”);
* 2.设置放模板文件的目录
* add.set(“views”,path.join(__dirname,”/“));
* 3.rander函数,对网页模板进行渲染,在渲染模板时locals可谓其模板传入变量值,在模板中就可以条用所传变量了
* res.rander(view,[local],callback); - 前端代码
- <!DOCTYPE html>
<html lang=“en”>
<head>
<meta charset=“UTF-8”>
<title>Title</title>
</head>
<body>
姓名:<%=name%><br>
年龄:<%=age%>
哪谁的年龄也是:<%=age%>岁
</body>
</html> - 服务器端代码
- app.set(“view engine”,”ejs”);
app.set(“views”,__dirname);//放在当前目录下
app.get(“/“, function (req,res) {
//默认模板文件后缀格式是pjs
res.render(“muban”,{
name:”tangcaiye”,
age:18
});
}); - cookie
- 安装cookie-parser模块
- npm install cookie-parser
- 代码
- var express = require(“express”);
var cookieParser = require(“cookie-parser”);var app = express();
app.use(cookieParser());app.get(“/“, function (req,res) {
//如果请求中cookie存在visited,则输出cookie
//否则,设置cookie字段visited,并设置过期时间
if (req.cookies.visited){
res.send(“已访问过”);
}else {
res.cookie(“visited”,”1”,{maxAge: 10*60*1000});
res.send(“第一次访问”);
}
});app.listen(8080);
- 参数说明
- expires:cookie的过期时间,GMT格式。如果没有指定或者设置为0,则产生新的cookie。
- maxAge:是设置过去时间的方便选项,其为过期时间到当前时间的毫秒值。
- api网址:
- https://www.zybuluo.com/XiangZhou/note/208532
nodejs(三)上之express的更多相关文章
- 【转载】nodejs,npm,express分别什么?
很多刚刚接触nodejs的初学者,都会经历一个很繁冗的环境安装过程. 一般主要要安装nodejs,npm和express三样东西.那么这三样东西分别是干什么的呢? 本篇文章就大致介绍一下这三样东西分别 ...
- # nodejs模块学习: express 解析
# nodejs模块学习: express 解析 nodejs 发展很快,从 npm 上面的包托管数量就可以看出来.不过从另一方面来看,也是反映了 nodejs 的基础不稳固,需要开发者创造大量的轮子 ...
- nodejs-使用multer实现多张图片上传,express搭建脚手架
nodejs-使用multer实现多张图片上传,express搭建脚手架 在工作中,我们经常会看到用户有多张图片上传,并且预览展示的需求.那么在具体实现中又该怎么做呢? 本实例需要nodejs基础,本 ...
- Node.js 笔记(一) nodejs、npm、express安装
Windows平台下的node.js安装 直接去nodejs的官网http://nodejs.org/上下载nodejs安装程序,双击安装就可以了 测试安装是否成功: 在命令行输入 node –v 应 ...
- nodejs 接收上传的图片
1.nodejs接收上传的图片主要是使用formidable模块,服务器是使用的express搭建. 引入formidable var formidable = require('./node_mod ...
- Node.js 笔记(一) nodejs、npm、express安装(转)
转载地址:http://blog.csdn.net/haidaochen/article/details/7257655 Windows平台下的node.js安装 直接去nodejs的官网http:/ ...
- Windows 7 搭建 nodejs、npm、express 环境
准备工作: 下载nodejs (exe format)(http://nodejs.org/) 下载npm(zip format)(http://nodejs.org/dist/npm/) 开始安装 ...
- 此文记录了我从研二下学期到研三上学期的找工历程,包括百度、腾讯、网易、移动、电信、华为、中兴、IBM八家企业的面试总结和心得--转
感谢电子通讯工程的研究生学长为大家整理了这么全面的求职总结,希望进入通信公司和互联网公司做非技术类岗位的学弟学妹们千万不要错过哦~ ---------------------------原文分割线-- ...
- Nodejs进阶:基于express+multer的文件上传
关于作者 程序猿小卡,前腾讯IMWEB团队成员,阿里云栖社区专家博主.欢迎加入 Express前端交流群(197339705). 正在填坑:<Nodejs学习笔记> / <Expre ...
随机推荐
- JavaScript 高程三读书笔记;
1. 在使用 <script> 嵌入 JavaScript 代码时,记住不要在代码中的任何地方出现 "</script>" 字符串. 例如,浏览器在加载下面 ...
- CSS3多列布局
通过 CSS3,您能够创建多个列来对文本进行布局 - 就像报纸那样! 在本章中,您将学习如下多列属性: column-count column-gap column-rule 浏览器支持 属性 浏览器 ...
- CodeForces 35D Animals
G - Animals Time Limit:2000MS Memory Limit:65536KB 64bit IO Format:%I64d & %I64u Submit ...
- 一款纯css3实现的发光屏幕旋转特效
今天给大家带来一款纯css3实现的发光屏幕旋转特效.该屏幕由纯css3实现带发光旋转特效,效果图如下: 在线预览 源码下载 实现的代码. html代码: <div class="s ...
- 2017年网站安全狗绕过WebShell上传拦截的新姿势
本文来源:https://www.webshell.ren/post-308.html 今天有一位朋友发一个上传点给我 我一看是南方cms 有双文件上传漏洞 本来可以秒的 但是看到了 安全狗 从图片可 ...
- C++中类所占的存储空间
#include <iostream> using namespace std; class A { int m_a; int get() { return m_a; } virtual ...
- 绝对详细!Nginx基本配置、性能优化指南
大多数的Nginx安装指南告诉你如下基础知识——通过apt-get安装,修改这里或那里的几行配置,好了,你已经有了一个Web服务器了!而且,在大多数情况下,一个常规安装的nginx对你的网站来说已经能 ...
- 【MySql】脚本备份数据库
#!/bin/bash #this is a script of mysql backup #Mysql="mysql" #MysqlDump="mysqldump&qu ...
- multimap 小例子
场景: 按DDX值倒序取前十的板块代码,用 map<float, string, greater<float> > mapBKDDX; 存储时,相同DDX值的板块只能存储第一个 ...
- css 五角星 (转)
1.前言 之前做的好几个项目中,都会遇到打分,评分,点赞这样的需求,写了很多次,每次需要再写的时候,就会翻出之前写过的代码,然后copy过来.总觉得这样的话没有进步,没有把知识放进脑袋里,所以,自己花 ...