从头开始构建ExpressJS应用程序

从头开始构建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   

从头开始构建ExpressJS应用程序

注意: npm 以两种方式安装软件包: 本地安装(默认)全局安装 。本地安装的软件包仅对当前项目有效,而全局安装的软件包是全局可用的,一旦安装便可在系统的任何地方使用。

应用程序的脚手架: 下图显示了应用程序的脚手架。如果观察到应用程序的基本结构正在创建中。正在创建公共目录、路径、路由、视图等,并形成应用程序的结构。

从头开始构建ExpressJS应用程序

项目文件夹: 项目文件夹由不同的文件/文件夹组成,可以在图像中看到。比较脚手架结构和项目结构可以清楚地看到,结构模式中创建的文件/文件夹存在于项目文件夹中,这是构建应用程序的目的。

从头开始构建ExpressJS应用程序

说明: 解释项目中的文件/文件夹。

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  

Python教程

Java教程

Web教程

数据库教程

图形图像教程

大数据教程

开发工具教程

计算机教程