在Web開發(fā)中，Node.js和Express是非常流行的技術(shù)，Node.js是一個(gè)基于Chrome V8引擎的JavaScript運(yùn)行環(huán)境，而Express是一個(gè)基于Node.js的Web應(yīng)用框架，它們可以幫助我們快速地搭建一個(gè)高性能的Web應(yīng)用，在本教程中，我們將學(xué)習(xí)如何使用Node.js和Express處理HTML頁面。

創(chuàng)新互聯(lián)建站堅(jiān)持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：網(wǎng)站建設(shè)、做網(wǎng)站、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時(shí)代的邯鄲網(wǎng)站設(shè)計(jì)、移動(dòng)媒體設(shè)計(jì)的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！

1、安裝Node.js和Express

我們需要在本地計(jì)算機(jī)上安裝Node.js，訪問Node.js官網(wǎng)（https://nodejs.org/）下載并安裝適合您操作系統(tǒng)的版本，安裝完成后，打開命令行工具，輸入以下命令檢查Node.js是否安裝成功：

node v

接下來，我們需要安裝Express，在命令行工具中輸入以下命令：

npm install express save

2、創(chuàng)建一個(gè)簡單的Express應(yīng)用

創(chuàng)建一個(gè)名為app.js的文件，并在其中輸入以下代碼：

const express = require('express');
const app = express();
const port = 3000;
app.get('/', (req, res) => {
  res.sendFile(__dirname + '/index.html');
});
app.listen(port, () => {
  console.log(Example app listening at http://localhost:${port});
});

這段代碼創(chuàng)建了一個(gè)簡單的Express應(yīng)用，監(jiān)聽3000端口，并在根路徑（/）上返回index.html文件。

3、創(chuàng)建HTML頁面

在與app.js相同的目錄下，創(chuàng)建一個(gè)名為index.html的文件，并在其中輸入以下代碼：

  
  
  


  
Hello, Node.js and Express!

4、運(yùn)行Express應(yīng)用

在命令行工具中，切換到包含app.js的目錄，然后輸入以下命令啟動(dòng)Express應(yīng)用：

node app.js

5、查看HTML頁面

打開瀏覽器，訪問http://localhost:3000，您將看到顯示“Hello, Node.js and Express!”的頁面，這表明我們已經(jīng)成功地使用Node.js和Express處理了HTML頁面。

6、添加更多路由和HTML頁面

要添加更多路由和HTML頁面，只需在app.js文件中添加更多的app.get()調(diào)用，我們可以添加一個(gè)名為about的路由，指向一個(gè)名為about.html的頁面：

app.get('/about', (req, res) => {
  res.sendFile(__dirname + '/about.html');
});

在與app.js相同的目錄下創(chuàng)建一個(gè)名為about.html的文件，并在其中輸入以下代碼：

  
  
  


  
About Us
  
This is a simple Node.js and Express application for handling HTML pages.

現(xiàn)在，訪問http://localhost:3000/about，您將看到關(guān)于頁面，同樣，您可以根據(jù)需要添加更多路由和HTML頁面。

本文題目：Node.js+Express處理HTML頁面
鏈接URL：http://www.dlmjj.cn/article/djpodpi.html