如何做网站的教程网页制作与设计教程

1.NVM介绍与使用

1.介绍

nvm 全称 Node Version Manager 顾名思义它是用来管理 node 版本的工具，方便切换不同版本的Node.js

2.使用

nvm 的使用非常的简单，跟 npm 的使用方法类似

3.下载安装

首先先下载 nvm，下载地址 https://github.com/coreybutler/nvm-windows/releases ，

选择 nvm-setup.exe 下载即可

4.常用命令

命令	说明
nvm list available	显示所有可以下载的 Node.js 版本
nvm list	显示已安装的版本
nvm install 18.12.1	安装 18.12.1 版本的 Node.js
nvm install latest	安装最新版的 Node.js
nvm uninstall 18.12.1	删除某个版本的 Node.js
nvm use 18.12.1	切换 18.12.1 的 Node.js

2.express框架介绍

1.express介绍

express 是一个基于 Node.js 平台的极简、灵活的 WEB 应用开发框架，官方网址： https://www.expressjs.com.cn/

简单来说，express 是一个封装好的工具包，封装了很多功能，便于我们开发 WEB 应用(HTTP 服务)

2. express使用

2.1 express 下载

express 本身是一个 npm 包，所以可以通过 npm 安装

npm init
npm i express

2.2 express 初体验

 1.创建JS文件

//1. 导入 express
const express = require('express');
//2. 创建应用对象
const app = express();
//3. 创建路由规则
app.get('/home', (req, res) => {res.end('hello express server');
});
//4. 监听端口 启动服务
app.listen(3000, () =>{console.log('服务已经启动, 端口监听为 3000...');
});

2. 命令行下执行该脚本

1. node <文件名>
# 或者
nodemon <文件名>

3.然后在浏览器就可以访问 http://127.0.0.1:3000/home

3.express 路由

  3.1.什么是路由

官方定义： 路由确定了应用程序如何响应客户端对特定端点的请求

    3.2 路由的使用

路由的是有 请求方法， 路径 和 回调函数 组成

app.<method>(path，callback)

代码示例

// 1.导入express框架
const express = require('express')// 2.创建express对象
const app = express()// 3.创建get请求路由
app.get('/login', (req, res) => {res.send('登录页面')
})// 4.创建post请求路由
app.post('/registry', (req, res) => {res.send('注册页面')
})// 5.首页路由
app.get('/', (req, res) => {res.send('首页')
})// 6. 匹配所有的方法
app.all('/search', (req, res) => {res.send('1 秒钟为您找到相关结果约 100,000,000 个');
})// 7. 自定义404路由
app.all('*', (req, res) => {res.send('404页面')
})app.listen('8080', () => {console.log('服务器启动成功')
})

 3.3 获取请求参数

express 框架封装了一些 API 来方便获取请求报文中的数据，并且兼容原生 HTTP 模块的获取方式

代码示例

const express = require('express')
const app = express()
app.get('/request', (req, res) => {// 原生操作// console.log(req.method);// console.log(req.url);// console.log(req.httpVersion);// console.log(req.headers);// express操作console.log(req.path);console.log(req.query); // 查询字符串 相对重要// 获取 ipconsole.log(req.ip);// 获取请求头console.log(req.get('host'));res.send