正文

掌握Express.js：轻松搭建Node.js动态网站全攻略

/0 浏览量
0604

Express.js简介

Express.js是一个简洁而灵活的Node.js Web应用框架，它能够快速地创建服务器并搭建网站。由于其易用性和模块化的设计，Express.js在开发者中非常受欢迎。本文将带你深入了解Express.js，帮助你轻松搭建自己的Node.js动态网站。

安装Node.js

在开始使用Express.js之前，确保你的电脑上已经安装了Node.js。可以从Node.js官网下载并安装。

创建项目

  1. 打开终端，进入你想要创建项目的目录。
  2. 运行npm init命令，根据提示创建一个package.json文件。
  3. 在package.json文件中，你可以看到scripts字段，其中可以定义启动脚本，例如： 
    
"scripts": {
  "start": "node index.js"
}

安装Express.js

  1. 在项目目录中，运行npm install express --save命令安装Express.js。
  2. 现在你的项目目录中应该有一个node_modules文件夹和一个package-lock.json文件。

创建Express.js应用

  1. 在项目目录中创建一个名为index.js的文件。

  2. 在index.js文件中，引入Express.js并创建一个应用实例：

    const express = require('express');
const app = express();


app.get('/', (req, res) => {
  res.send('Hello World!');
});


app.listen(3000, () => {
  console.log('Server is running on http://localhost:3000');
});

路由和中间件

  1. 路由：Express.js使用路由来定义URL与处理函数之间的关系。例如，app.get('/about', (req, res) => {...})表示当用户访问/about路径时，执行对应的处理函数。
  2. 中间件：中间件是Express.js的核心概念之一，它允许你在请求处理流程中插入自定义逻辑。例如，你可以使用中间件来处理请求体、设置响应头等。

数据库和模板引擎

  1. 数据库：为了存储数据，你可以使用如MongoDB、MySQL等数据库。在Express.js应用中，你可以使用如Mongoose、Sequelize等ORM库来简化数据库操作。
  2. 模板引擎：为了渲染页面，你可以使用如EJS、Pug等模板引擎。在Express.js应用中，你可以通过设置模板引擎来渲染页面。

示例：创建一个简单的博客网站

以下是一个使用Express.js、Mongoose和EJS创建的简单博客网站的示例：

const express = require('express');
const mongoose = require('mongoose');
const ejs = require('ejs');

const app = express();

// 设置模板引擎
app.set('view engine', 'ejs');

// 连接数据库
mongoose.connect('mongodb://localhost:27017/blog', {
  useNewUrlParser: true,
  useUnifiedTopology: true,
});

// 创建文章模型
const Article = mongoose.model('Article', {
  title: String,
  content: String,
});

// 获取所有文章
app.get('/articles', async (req, res) => {
  const articles = await Article.find();
  res.render('articles', { articles });
});

// 添加文章
app.post('/articles', async (req, res) => {
  const article = new Article({
    title: req.body.title,
    content: req.body.content,
  });
  await article.save();
  res.redirect('/articles');
});

// 启动服务器
app.listen(3000, () => {
  console.log('Server is running on http://localhost:3000');
});

总结

通过本文的介绍，相信你已经对Express.js有了初步的了解。Express.js是一个非常强大的框架，可以帮助你快速搭建Node.js动态网站。在后续的学习中，你可以继续深入研究Express.js的各种功能，如路由、中间件、数据库操作等。祝你学习愉快！

-- 展开阅读全文 --