express学习 nodejs

Express

Express简介

  • 一个简洁、灵活
  • node.js Web应用开发框架,
  • 提供一系列强大的功能，比如：模板解析、静态文件服务、中间件、路由控制等等
  • 可以使用插件或整合其他模块来帮助你创建各种 Web和移动设备应用
  • 目前最流行的基于Node.js的Web开发框架
  • 支持Ejs、jade等多种模板，可以快速地搭建一个完整功能的网站

Express创建

var express = require(‘express‘);

var app = express();

app.get(‘/‘, function (request, response) {

response.send(‘Hello World!‘);

});

app.listen(80);

get请求

get根据请求路径来处理客户端发出的GET请求。

格式：app.get(path,function(request, response));

path为请求的路径，第二个参数为处理请求的回调函数，有两个参数分别是request和response，代表请求信息和响应信息。

var express = require(‘express‘);

var app = express();

app.get(‘/‘, function(request, response) {

response.send(‘Welcome to the homepage!‘);

});

app.get(‘/about‘, function(request, response) {

response.send(‘Welcome to the about page!‘);

});

app.get("*", function(request, response) {

response.send("404 error!");

});

app.listen(80);

Middleware中间件

中间件简介：

中间件(middleware)就是处理HTTP请求的函数，用来完成各种特定的任务，比如检查用户是否登录、分析数据、以及其他在需要最终将数据发送给用户之前完成的任务。

最大的特点：一个中间件处理完，可以把相应数据再传递给下一个中间件。

例 1：一个不进行任何操作、只传递request对象：

function Middleware(request, response, next) {

next();

}

All函数

app.all()函数可以匹配所有的HTTP动词，也就是说它可以过滤所有路径的请求（相当于所有请求都必须先通过此该中间件）。

格式：app.all(path,function(request, response));

例 1： 使用all设置响应头

var express = require("express");

var app = express();

app.all("*", function(request, response, next) {

response.writeHead(200, { "Content-Type": "text/html;charset=utf-8" });

next();

});

app.get("/", function(request, response) {

response.end("欢迎来到首页!");

});

app.get("/about", function(request, response) {

response.end("欢迎来到about页面!");

});

app.get("*", function(request, response) {

response.end("404");

});

app.listen(80);

Use方法

1、use调用中间件

use是express调用中间件的方法。

格式：app.use([path], function(request, response, next){});

例 1：use调用两个

var express = require(‘express‘);

var app = express();

app.use(function(request, response, next){

console.log("method："+request.method+"，"+"url："+request.url);

next();

});

app.use(function(request, response){

response.writeHead(200, { "Content-Type": "text/html;charset=utf-8" });

response.end(‘连续调用两个中间件‘);

});

app.listen(80);

代码详情:

先调用第一个中间件，在控制台输出一行信息，然后通过next()，调用第二个中间件，输出HTTP回应。由于第二个中间件没有调用next方法，所以request对象就不再向后传递了。

2、根据请求的网址，返回不同的网页内容

例 2：通过request.url属性，判断请求的网址，从而返回不同的内容

var express = require("express");

var app = express();

app.use(function(request, response, next) {

if(request.url == "/") {

response.send("Welcome to the homepage!");

}else {

next();

}

});

app.use(function(request, response, next) {

if(request.url == "/about") {

response.send("Welcome to the about page!");

}else {

next();

}

});

app.use(function(request, response) {

response.send("404 error!");

});

app.listen(80);

req相关操作

  • req.host    请求头里取的主机名(不包含端口号)；
  • req.path    请求的URL的路径名
  • req.url      请求的url
  • req.query   获取get请求路径的对象参数值

req.param

req.param和属性query一样，通过req.param我们也可以获取被解析过的请求参数对象的值。

例1： 获取请求根路径的参数值，如/?n=Lenka，方法如下：

var express = require(‘express‘);

var app = express();

app.get("/", function(req, res) {

console.log(req.param("n")); //Lenka

res.send("使用req.param属性获取请求根路径的参数对象值!");

});

app.listen(80);

例2：我们也可以获取具有相应路由规则的请求对象，假设路由规则为 /user/:name/，请求路径/user/mike，如下：

app.get("/user/:name/", function(req, res) {

console.log(req.param("name")); //mike

res.send("使用req.param属性获取具有路由规则的参数对象值!");

});

send()方法向浏览器发送一个响应信息，并可以智能处理不同类型的数据。

1.当参数为一个String时，Content-Type默认设置为"text/html"。

res.send(‘Hello World‘); //Hello World

2.当参数为Array或Object时，Express会返回一个JSON。

res.send({ user: ‘tobi‘ }); //{"user":"tobi"}

res.send([1,2,3]); //[1,2,3]

3.当参数为一个Number时，并且没有上面提到的任何一条在响应体里，Express会帮你设置一个响应体，比如：200会返回字符"OK"。

res.send(200); // OK

res.send(404); // Not Found

res.send(500); // Internal Server Error

模板引擎

express默认渲染模板：ejs和jade。

EJS

1. ejs模板安装方法

npm install ejs

2. 目录下安装好了之后，如何调用呢，如下所示：

//指定渲染模板文件的后缀名为ejs

app.set(‘view engine‘, ‘ejs‘);

3. 修改ejs模板支持渲染html形式的文件，并engine注册模板引擎的函数，处理指定的后缀名文件。

// 修改模板文件的后缀名为html

app.set( ‘view engine‘, ‘html‘ );

// 运行ejs模块

app.engine( ‘.html‘, require( ‘ejs‘ ).__express );

静态文件（CSS、jS、images）

如果要在网页中加载静态文件（css、js、img），就需要另外指定一个存放静态文件的目录，当浏览器发出非HTML文件请求时，服务器端就会到这个目录下去寻找相关文件。

1. 项目目录下添加一个存放静态文件的目录为public。

2. 在public目录下在添加三个存放js、css、img的目录，相应取名为javascripts、stylesheets、images。

3. 然后就可以把相关文件放到相应的目录下了。

4. 比如，浏览器发出如下的样式表请求：

<link href="/stylesheets/bootstrap.min.css" rel="stylesheet" media="screen">

5、在启动文件里告诉它这个静态文件路径，如下所示：

app.use(express.static(require(‘path‘).join(__dirname, ‘public‘)));

注： 使用use函数调用中间件指定express静态访问目录，express.static ：指定静态文件的查找目录，public：存放静态文件的总目录。

Session？

1、  安装express-session

2、  配置（app.js）

var session = require(‘express-session‘);
app.use(session({
    secret:‘secret‘,
    resave:true,
    saveUninitialized:false,
    cookie:{
        maxAge:1000*60*60*24  //过期时间设置(单位毫秒)
    }
}));

路由？

路由——为不同的访问路径，指定不同的处理方法。

例：

module.exports = function ( app ) {

app.get(‘/home‘,function(req,res){

if(req.session.user){

res.render(‘home‘);

}else{

req.session.error = "请先登录"

res.redirect(‘login‘);

}

});

}

如何访问页面？

render函数，对网页模板进行渲染。

格式：res.render(view, [locals], callback);

按指定url跳转？

redirect方法允许网址的重定向，跳转到指定的url并且可以指定status，默认为302方式。

格式：res.redirect([status], url);

如：跳转到登陆页res.redirect("login");

 

访问视图：

1、 get

 

 

 

2、 post

post方法 —— 根据请求路径来处理客户端发出的Post请求。

格式：app.post(path,function(req, res));

例：

app.post(‘/login‘,function(req,res){
var user={username:‘admin‘, password:‘admin‘}

if(req.body.username==user.username&&req.body.password==user.password)
{
    res.send("恭喜你登录成功");
}else{
    res.send("用户名或密码错误，请重新登录");
}

});

body基本用法

1、body简介

body属性解析客户端的post请求参数，通过它可获取请求路径的参数值。

格式：req.body.参数名；

例：login.html页面，为登陆按钮增加点击事件：

<input type="button"
onclick="login();" value="登 陆">

function login(){

var
username = $(‘#username‘).val();

var
data = { "username": username };

$.ajax({

url:‘/login‘,

type:‘POST‘,

data:data

});

}

 

2、安装和引用express的两个中间件body-parser和multer(中间件body-parser和multer用于处理和解析post请求的数据)

 

2.1 安装

npm install body-parser

npm install multer

2.2 引用和调用

var bodyParser = require(‘body-parser‘);

var multer = require(‘multer‘);

......

app.use(bodyParser.json());

app.use(bodyParser.urlencoded({ extended:
true }));

app.use(multer());

。

 

 

 

 

 

 

APP.js文件：

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

var path=require("path");
var favicon = require(‘serve-favicon‘);

//设置模板文件的存储位置
app.set(‘views‘, path.join(__dirname, ‘views‘));

//设置视图模板引擎为ejs，还有其他模板引擎，如：jade
//app.set(‘view engine‘, ‘ejs‘);

//修改ejs模板支持渲染html形式的文件，并engine注册模板引擎的函数，处理指定的后缀名文件。
app.set( ‘view engine‘, ‘html‘ );
app.engine( ‘.html‘, require( ‘ejs‘ ).__express );

// 设置favicon图标
//app.use(favicon(__dirname + ‘/public/favicon.ico‘));

app.listen(8888,function(){
   console.log("启动成功");
});

//app.all("*", function(request, response, next) {
//    response.writeHead(200, { "Content-Type": "text/html;charset=utf-8" });
//    next();
//});

var  fs=require("fs");
app.get(‘/‘, function(req, res) {
    console.log(req.url);
    res.render("/views/home");
});
时间： 2024-11-03 07:59:39

express学习 nodejs的相关文章

windows mean(mongodb+express+angularjs+nodejs) 一键安装脚本

最近在和几个同事研究mean(mongodb+express+angularjs+nodejs),这个框架看了个皮毛,但是安装部分基本上已经掌握了,目前还没有找到好的一键部署方案,所以我给同事们做了一个基础部署的脚本,本来想的很好,但是一次次的测试也比较浪费时间,基本功能完成之后,就没有再进一步的优化,先放出来大家看看吧,用某前辈的话说:这个东西不算脚本,只能算"顺溜",一步步完成安装和配置. 系统环境: nodejs版本: node-v5.6.0-x64.msi mongodb版本:

初步学习nodejs，业余用node写个一个自动创建目录和文件的小脚本，希望对需要的人有所帮助

初步学习nodejs,业余用node写个一个自动创建目录和文件的小脚本,希望对需要的人有所帮助,如果有bug或者更好的优化方案,也请批评与指正,谢谢,代码如下: 1 var fs = require('fs'); 2 var tel = [ 3 "1/2/4/6/a.tpl.html", 4 "1/2/4/7/9/c.tpl.html", 5 "1/3/5/8/b.tpl.html"]; 6 var demo = function (mulu)

学习Nodejs之mysql

学习Nodejs连接mysql数据库: 1.先安装mysql数据库 npm install mysql 2.测试连接数据库: var sql = require("mysql"); var db = sql.createConnection({host:"localhost",ure:"root",password:"",database:"test"}); db.query("select *

学习NodeJS第三天：打造Nodejs的调试环境（中）

2012-12-07 因追加<学习 NodeJS 第三天:打造 Nodejs 的调试环境(下)>的缘故,特此将原来的<下>篇改为<中>篇,如标题所示. 上一期我们为大家介绍了安装 Eclipse 调试插件的情况,这对于还不熟悉 Eclipse 开发平台的用户是至关重要的,希望可以通过一步步的图片加文字说明,把 Nodejs 困难的地方变简单和清晰.友好和轻松. 现在正式进入要调试程序肯定要有调试代码.下面就是我们第一个测试的代码,很小的行数: var sys = req

学习nodejs -01

nodejs是一个通过v8引擎解析javascript的服务器平台,并不是js框架.V8是为google开源的js引擎,chrome就是用的他,据大牛们介绍,V8直接把js编译成机器码,而不是脚本解释执行,所以运行速度非常快. Nodejs之后我就简称Node了,使用c++写的.基于事件驱动,非阻塞IO模型,也就是异步操作,轻量级容易上手,下面我就开始把官网的例子演示一边,之后在慢慢研究.我使用的工具是webStrome,个人感觉用他写代码是一种享受啊. 下面是我以后学习的开发环境 代码是直接从

学习nodejs -02

断言:学java的时候学过断言,但一直用的很少,node中也有 var assert = require('assert') console.info('.......start app.......'); var actual = 1; var expect = '1' var a; //判断是否为真 assert(a, 'is not valid'); assert.ok(0,'is not effective'); //arg[0]为真实值,arg[1]期望值,arg[2]可选错误信息 /

学习nodejs -03

使用模块 第一种应用: //module/AppUtils.js exports.random = function () { return Math.random(); } exports.showAuthor = function () { return "chenlong"; } //app.js var ut = require('./module/AppUtils'); console.info('.......start app.......'); var rn = ut.

linux上安装nodejs(想在linux上学习nodejs的可以来看看)

说明: 使用CentOS系统,进行nodejs安装,nodejs版本-v0.8.7. 1,先下载nodejs: # wget http://nodejs.org/dist/v0.8.7/node-v0.8.7.tar.gz 2,解压文件 # tar xvf node-v0.8.7.tar.gz 3,进入解压目录 # cd node-v0.8.7 4,检查所需要配置 # ./configure 出现错误提示: Exception: Call to '(echo | $(echo ${CXX_hos

express学习（三）—— cookie和session

express学习(三)-- cookie和session cookie存在浏览器中,最大只能保存4K数据,不安全 session存在服务器中,不能独立(先读取cookie再读取session),较安全 cookie 工具 发送cookie: 基本的东西先写好: const express = require('express'); var server=express(); // cookie server.use('/',function(req,res){ res.cookie('名字',