node使用express

最新推荐文章于 2024-03-26 22:32:57 发布

selectDele

最新推荐文章于 2024-03-26 22:32:57 发布

阅读量223

点赞数

分类专栏： node.js 文章标签： nodejs

本文链接：https://blog.csdn.net/selectDele/article/details/110489610

版权

node.js 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

创建node项目

得到package.json文件

npm init -y

安装

npm install express

使用

服务器app.js

//1、引入模块
const express = require('express');
//2、创建web服务器,核心app对象，包含路由
const app = express();
//3、配置  声明所使用的模块引擎（ps：使用render方法必须）；需要先安装art-template和express-art-template包
app.engine('html', require('express-art-template'));
//4、路由
app.get('/', (req, res) => {
    //end()     响应字符串（乱码）
    //send()    响应字符串(自动识别)
    //render()  响应字符串（自动识别，只能打开指定文件字符串并响应，注：必须配合模板引擎使用）
    // res.end("hello world!.<a href='www.baidu.com' alt=''>百度</a>");
    // res.setHeader('Content-type', 'text/html;charset=utf-8');
    // res.send("hello world!.<a href='www.baidu.com' alt=''>百度</a>");

    //渲染页面
    res.render('test1.html', {
        username: '小明',
        age: 27,
        arr: [
            { id: 1, name: '和谐' },
            { id: 2, name: '安全' },
            { id: 3, name: '民主' }
        ]
    })
});

app.get('/user', (req, res) => {
    res.render('test1.html', {
        username: '小江',
        age: 27,
        arr: [
            { id: 1, name: '和谐1' },
            { id: 2, name: '安全2' },
            { id: 3, name: '民主3' }
        ]
    })
})
//5、启动服务
app.listen(8080, () => {
    console.log('启动成功，访问 http://localhost:8080');
});

web端views目录下的test1.html页面

<!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>
    <div>{{username}}</div>
    <div>{{age}}</div>
    <div>
        {{each arr as item index}}
        {{index}} {{item.name}}
        {{/each}}
    </div>
    <a href='/user'>点我跳转</a>
</body>

</html>

目录结构

修改代码之后，自动reload

安装nodemon

npm install -g nodemon

启动项目使用

nodemon app.js

https://www.npmjs.com/package/nodemon

第二种方式创建模板项目

1.全局安装 express 的脚手架工具 express-generator

npm install express-generator -g

2.创建应用

express --view=pug myapp

3.初始化

$ cd myapp
$ npm install

链接：https://www.expressjs.com.cn/starter/generator.html

selectDele

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
node使用express

创建node项目得到package.json文件npm init -y安装npm install express使用服务器app.js//1、引入模块const express = require('express');//2、创建web服务器,核心app对象，包含路由const app = express();//3、配置声明所使用的模块引擎（ps：使用render方法必须）；需要先安装art-template和express-art-template包a.
复制链接

扫一扫