Node.js搭建Express应用程序

最新推荐文章于 2025-05-22 20:20:33 发布

原创最新推荐文章于 2025-05-22 20:20:33 发布 · 677 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Node.js #express #mongodb #Webstorm

Node.js 专栏收录该内容

1 篇文章

订阅专栏

本文指导如何搭建一个基于Node.js的Express应用程序，包括Node.js与WebStorm的安装，Express应用框架的生成，MongoDB数据库的配置与使用，以及通过WebStorm支持ES6并操作数据库，最后演示了应用的运行流程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、安装node.js

Node.js安装包及源码下载地址： https://nodejs.org/en/download/

安装完成后在环境变量PATH中添加Node.js的安装路径

2、安装WebStorm

WebStorm下载地址 https://www.jetbrains.com/webstorm/

激活时选择License server 填入http://idea.imsxm.com/点击Active即可

3、Express应用框架

（1）打开WebStorm的命令行工具Terminal，使用 npm install express-generator -g 命令安装Express全局变量

（2）使用 express myapp 命令生成Express应用框架 myapp

（3）进入 myapp 目录 cd myapp ，安装所有依赖包 npm install --save

（4）安装断言依赖包 npm install assert --save

（5）安装MongoDB依赖包 npm install mongodb --save

4、数据库：MongoDB

（1）下载安装

MongoDB下载地址 https://www.mongodb.org/downloads/#production

安装完成后在环境变量PATH中添加 MongoDB的安装路径到bin

> cd MongoDB安装目录\Server

> md data

> md log

（3）启动MongoDB数据库

双击bin目录下的mongod.exe即可启动MongoDB服务

或者 CMD 输入如下命令启动MongoDB服务

mongod.exe --dbpath="D:\MongoDB\Server\data"  --logpath="D:\MongoDB\Server\log\mongodb.log" -storageEngine="mmapv1" --port=27017  --journal

启动服务后，打开浏览器（推荐IE）输入地址 127.0.0.1:27017 显示如下信息，说明MongoDB服务成功开启

（4）可视化工具 RoboMongo

下载地址 https://robomongo.org/download

打开RoboMongo，建立连接，右键点击连接，选择Open Shell

> show dbs // 显示当前数据库

> use cgzs // 切换到/创建数据库 cgzs

5、设置WebStorm支持ES6 WebStorm安装Babel

File —> Default Settings... —> Languages & Frameworks —> JavaScript ，JavaScript language version选择 ECMAScript 6

6、在应用项目中操作数据库

（1）视图，views目录下的模板引擎 index.jade

extends layout

block content
  form(action='/login',method='post')
    ul
      li
        label(for='username')='用户名：'
        input#username(type='text',name='username')
      li
        label(for='password')='密码：'
        input#password(type='password',name='password')
      li
        input(type='reset',value='重置')
        input(type='submit',value='登录')

（2）处理请求 app.js

app.post('/login', function(req, res){
  var user  = {
      'username': req.body.username,
      'password': req.body.password
  };
  var MongoClient = require('mongodb').MongoClient;
  var assert  = require('assert');
  var url = 'mongodb://localhost:27017/cgzs';
  MongoClient.connect(url, function(err, db){
    assert.equal(null, err);
    insertDocument(db, function(){
      db.close();
    });
  });
  var insertDocument  = function(db, callback){
    db.collection('users').insertOne(user, function(err, result){
      assert.equal(err, null);
      callback();
    });
  };
  res.render('success', {user:user});
});

（2）在views目录下创建 success.jade用以成功向数据库插入数据后，跳转页面显示用户名

extends layout

block content
    h1 #{user.username}

7、运行

（1）在WebStorm的Terminal中 cd myapp 进入项目，使用 npm start 命令运行项目

（2）打开浏览器，输入网址 http://127.0.0.1:3000 回车

（3）输入用户名和密码，点击登录

（4）页面跳转到success.html，显示用户名。数据库中users表插入用户名和密码。