码迷,mamicode.com
首页 > 其他好文 > 详细

Express应用

时间:2020-06-04 12:06:46      阅读:110      评论:0      收藏:0      [点我收藏+]

标签:html   lock   count   服务   read   对象   render   匹配   log   

# express

## 简介

    web开发应用

## 下载

    npm install express   

## 中间件

    中间件方法和请求处理函数

    app.get(‘请求路径‘,‘处理函数‘);

    app.post(‘请求路径‘,‘处理函数‘);

## 处理get请求参数

    req.query

## 处理post请求参数

    使用中间件  body-parser

    通过req.body

典型模板

const express = require(‘express‘);

//创建网站服务器

const app = express();

app.get(‘/‘, (req, res) => {

res.send(‘hello world!‘);

});

app.get(‘/news‘, (req, res) => {

//send():会检测响应内容的类型,自动设置状态码

res.send(‘whats up?!‘);

});

app.listen(7788);

console.log(‘app is running!‘);


Cannot set headers after they are sent to the client

res.send() //不支持重复提交!

// 入口全部响应

app.get(‘*‘, (req, res, next) => {

console.log(++count);

next();  //支持跳转

});

app.get(‘/req1‘, (req, res, next) => {

console.log(1111);

res.send(‘hello‘);

console.log(2222);

next();

res.send(‘world‘);

console.log(3333);

next();

});


//中间件:app.use()匹配

app.use((req, res, next) => {

console.log(123);

});

app.get(‘/req1‘, (req, res, next) => {

res.send(req.query.a + ‘—‘ + req.query.b);

});

app.post(‘/post‘, (req, res) => {

console.log(req.body);

res.send(req.body);

});

// 获取文件内容

fs.readFile(‘./2.js‘, ‘utf8‘, (err, data) => {

if (err != null) {

next(err);

        } else {

res.send(data);

        }

    })

//处理错误中间件

app.use((err, req, res, next) => {

res.status(500).send(err.message);

});


express.Router()  获取路由:改变根路径地址

/home作为根目录,进行跳转

http://localhost:8899/home/index


//实现将模块对象统一管理

const express = require(‘express‘);

const app = express();

//创建路由对象

const home = express.Router();

//二级路由  /home/index

home.get(‘/‘, (req, res) => {

res.send(‘home‘);

});

home.get(‘/index‘, (req, res) => {

res.send(‘welcome‘);

});

app.use(‘/home‘, home);

app.listen(8899);

多个根目录:

const app = express();

const home = require(‘./route/home‘);

const admin = require(‘./route/admin‘);

app.use(‘/admin‘, admin);

app.use(‘/home‘, home);


//其他路由

const express = require(‘express‘);

const admin = express.Router();

admin.get(‘/index‘, (req, res, next) => {

res.send(‘/admin/index‘);

next();

});

module.exports = admin;


??访问静态资源问题

//express 访问静态资源

//app.use(express.static(‘public‘));

app.use(‘/static‘, express.static(‘public‘));


模板引擎应用

render && view


//配置模板引擎

app.engine(‘art‘, require(‘express-art-template‘));

//设置模板存放的目录

app.set(‘views‘, path.join(__dirname, ‘views‘));

//设置默认的模板扩展名

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


app.get(‘/index‘, (req, res) => {

res.render(‘index‘);

});

app.get(‘/news‘, (req, res) => {

res.render(‘news‘, {

msg: ‘hello world‘

    });

});

//对应views目录下存在如下文件 news.art  index.art

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Document</title>

</head>

<body>

<ul>

<li>{{msg}}</li>

<li>{{msg}}</li>

<li>{{msg}}</li>

</ul>

<p>{{msg}}</p>

</body>

</html>

// 设置目标值

let dataObj = {

msg: ‘hello world‘

};

//或者

app.locals.msg = ‘hello‘;


文件所在当前路径+文件名

//let pathName = path.join(__dirname, ‘./2.js‘);

Express应用

标签:html   lock   count   服务   read   对象   render   匹配   log   

原文地址:https://www.cnblogs.com/macro-renzhansheng/p/13042565.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!