从头开始构建ExpressJS应用程序
脚手架是创建应用程序的骨架结构。它允许用户创建自己的公共目录、路由、视图等。一旦应用程序的结构建立好,用户就可以开始构建它。
Express是用于构建Web应用程序和API的Node.js的开源Web开发框架。要在Node.js环境中安装 express ,请使用NPM(Node Package Manager)。
语法:
npm install express --save
在Node中使用express,使用以下语法:
var express = require('express');
先决条件: 事先应安装Node.js。
入门: 使用 express-generator 包来安装 ‘express’ 命令行工具。 express-generator 用于创建应用程序的结构。
安装express-generator:
步骤:
1. 在终端中导航到要构建应用程序的文件夹。
2. 现在在终端中,使用以下命令安装 express-generator 。
npm install express-generator -g
注意: npm 以两种方式安装软件包: 本地安装(默认) 和 全局安装 。本地安装的软件包仅对当前项目有效,而全局安装的软件包是全局可用的,一旦安装便可在系统的任何地方使用。
应用程序的脚手架: 下图显示了应用程序的脚手架。如果观察到应用程序的基本结构正在创建中。正在创建公共目录、路径、路由、视图等,并形成应用程序的结构。
项目文件夹: 项目文件夹由不同的文件/文件夹组成,可以在图像中看到。比较脚手架结构和项目结构可以清楚地看到,结构模式中创建的文件/文件夹存在于项目文件夹中,这是构建应用程序的目的。
说明: 解释项目中的文件/文件夹。
1. bin: bin文件夹中的www文件是我们应用程序的主配置文件。
2. public: public文件夹包含要公开使用的文件,如JavaScript文件、CSS文件、图像等。
3. Routes: routes文件夹包含包含导航到地图不同区域的方法的文件。其中包含各种js文件。
4. views: view文件夹包含构成应用程序视图部分的各种文件。
示例: 主页、注册页面等。
注意: 在撰写本文时,文件的扩展名是 .jade 请将这些文件扩展名更改为 .pug ,因为jadeproject已经更改为pug。
In the app.js file, change the following code:
app.set('view engine', 'jade'); (most probably in line 15)
to :
app.set('view engine', 'pug');
This will change the view engine to pug.
5. app.js : app.js文件是所有其他文件的头文件。必须在此处加载已安装的各种软件包。除此之外,它还有许多其他用途,如处理路由器、中间件等。
6. package.json: package.json文件是任何Node.js项目和express.js应用程序的清单文件。它包含项目的元数据,如应用中使用的软件包及其版本(称为依赖项),以及各种脚本,如启动和测试(从终端运行为’npm start’),应用的名称,应用的描述,应用的版本等。
运行Scaffold应用程序: 使用以下命令安装package.json文件中提到的所有依赖项,以便运行应用程序:
npm install
依赖安装完成后,运行以下命令启动ExpressJs应用程序:
npm start