16.Express框架安装使用

最新推荐文章于 2024-07-06 00:11:00 发布

FatPuffer

最新推荐文章于 2024-07-06 00:11:00 发布

阅读量234

点赞数

分类专栏： nodejs 文章标签： express javascript 前端

本文链接：https://blog.csdn.net/qq_42517220/article/details/126730350

版权

nodejs 专栏收录该内容

24 篇文章 0 订阅

订阅专栏

1.简介

Express是一个基于Node.js的平台，快速、开放、极简的 web 开发框架，他提供一些列强大的特性，帮助你创建各种 web 和移动设备应用。
官网地址：http://expressjs.jser.us/4x_zh-cn/api.html

2.安装使用

1.安装

cnpm install express --save

2.使用

const express = require("express");

const app = express();


app.get('/', function(request, response){
    response.send("hello nodejs");
})

app.get('/news', function(request, response){
    response.send("获取新闻列表成功");
})

app.get('/news/:id', function(request, response){
    let id = request.params["id"]
    let query = request.query  // {page: 10, offset: 0}
    console.log(query);
    response.send(`获取新闻${id}详情成功`);
})

app.listen(3000, 'localhost')

3.在Express框架中使用ejs模板引擎

1.安装ejs

cnpm install ejs --save

2.使用

// app.js

const express = require("express");

const app = express();

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


app.get('/', function(request, response){
    let renderData = {
        "index": "首页",
        "content": "<h3>欢迎来到首页<h3>"
    }
    // 此处不需要写称：./views/index.ejs
    response.render("index", {"data": renderData});
})


app.listen(3000, 'localhost')

<!-- index.ejs -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><%=data.index%></title>
</head>
<body>
    <!-- 解析模板语法 -  -->
    <p><%-data.content%></p>
</body>
</html>

在这里插入图片描述

3.公共模板引入方法

<%- include('xxx.ejs')%>

4.指定模板位置，默认模板位置在`views`

// __dirname：当前目录
app.set('views', __dirname + '/views')

5.修改ejs模板文件后缀名为`html`

1.在app.js的头上定义ejs，代码如下
```
const ejs = require('ejs');
```
2.注册html模板引擎代码如下
```
app.engine('html', ejs.__express);
```
3.将模板引擎换成html代码如下
```
app.set('view engine', 'html');
```
4.修改模板文件的后缀为.html

4.利用Express.static托管静态文件

1.如果你的静态资源存放在多个目录下，你可以多次调用`express.static`中间件：

// public/css/base.css
app.use(express.static('public'))

2.在`ejs`模板引擎中进行引用

<head>
	<link rel="stylesheet" href="css/base.css">
</head>

3.虚拟静态目录

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

http://localhost:3000/static/images/logo.png

FatPuffer

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
16.Express框架安装使用

express框架安装
复制链接

扫一扫

专栏目录

16.Express框架安装使用

1.简介

2.安装使用

1.安装

2.使用

3.在Express框架中使用ejs模板引擎

1.安装ejs

2.使用

3.公共模板引入方法

4.指定模板位置，默认模板位置在views

5.修改ejs模板文件后缀名为html

4.利用Express.static托管静态文件

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

2.在ejs模板引擎中进行引用

3.虚拟静态目录

“相关推荐”对你有帮助么？

4.指定模板位置，默认模板位置在`views`

5.修改ejs模板文件后缀名为`html`

1.如果你的静态资源存放在多个目录下，你可以多次调用`express.static`中间件：

2.在`ejs`模板引擎中进行引用