简介
Express 是 Node.js 开发的高度自定义的 Web 应用框架,我们可以使用它快速搭建 Web 服务器,构建 RESTful API,以及实现 MVC 模式等。而 express-skeleton 是一个基于 Express 框架的应用模板,它提供了一个开箱即用的应用程序骨架,方便开发者迅速搭建一个 Web 应用。
在本篇文章中,我将介绍如何使用 npm 包 express-skeleton 搭建一个基础的 Web 应用。
安装
在使用 express-skeleton 之前,我们需要先安装它。使用 npm 进行安装,执行以下命令:
npm install -g express-skeleton
创建应用
安装完毕之后,我们可以使用以下命令在指定目录中创建一个应用程序:
express-skeleton myapp
执行命令后,会在 myapp 文件夹中生成一些必要的文件和目录,如下:
-- -------------------- ---- ------- ------ --- ---- - --- --- --- ------- - --- ------- - --- ------------ - --- ------------ - --- --------- --- ------- - --- -------- - --- -------- --- ------ - --- --------- - --- --------- - --- ---------- --- ------ --- ------------ --- ---------
这里我们创建了一个名为 myapp 的应用程序。应用程序的目录结构非常清晰,并且拥有可用的视图和路由文件。同时,创建的应用已经包含 node.js 的原始 http 模块的默认运行配置(简单易用的开发服务器),并支持了许多常见的调试工具。接下来,我们可以进行一些简单的配置。
配置应用
在 myapp 目录中,打开 package.json 文件。该文件是当前应用程序的配置文件,里面包含一些关键信息,例如应用名称、版本号等等。一些可选配置选项非常适合开发人员进行更改,其中一些包括应用程序的端口号和主机名。
-- -------------------- ---- ------- - ------- -------- ---------- -------- ---------- ----- ---------- - -------- ----- ---------- -- --------------- - ---------------- --------- -------- --------- ---------- ---------- -------------- --------- --------- --------- ------ -------------- -- ------------------ - ---------- --------- - -
在这个示例的 package.json 配置文件中,我们可以看到相关的依赖项。例如 express,它是 express-skeleton 中的主要依赖项;还有 pug,这是一个视图引擎,用于生成 HTML 视图,并在客户端浏览器上显示。我们可以按需添加所需的模块,以满足在我们的应用中所需要开发的需求。
运行应用
要运行应用,通过命令行进入应用程序根目录,并输入以下命令:
npm start
路由配置
路由是将 URL 路径映射到处理请求的特定代码的技术。在 express-skeleton 中,路由分为两种类型:基本路由和参数路由。下面我们将分别介绍这两种路由。
基本路由
我们可以打开 myapp/routes/index.js 文件,这是一个处理基本路由的示例文件。应该注意到,在这个示例文件中,有两个路由被定义了: "/" 和 "/users"。
-- -------------------- ---- ------- --- ------- - ------------------- --- ------ - ----------------- -- --- ---- ----- -- --------------- ------------- ---- ----- - ------------------- - ------ --------- --- --- -- --- ----- -------- -- -------------------- ------------- ---- ----- - ----------------- ---- - ----------- --- -------------- - -------
在这个示例中,基本路由仅仅是简单地返回静态内容。
参数路由
下面我们看一看参数路由,以及如何在 express-skeleton 中使用它们。通过在路由路径中添加冒号(:),我们可以定义一个规则,该规则将匹配到参数数据,并使其可用于服务器端处理。
下面我们添加一个新路由,名为 /user/:id,可以查看指定 ID 的用户:
router.get('/users/:id', function(req, res, next) { res.send('User ID is ' + req.params.id); });
此时,我们就可以通过访问以下链接,查看指定用户的信息:
http://localhost:3000/users/123456
在这个示例中,参数 id 获取方式如下:
req.params.id
视图文件
在 express-skeleton 中,你可以通过使用 pug 模板引擎来动态渲染 HTML 模板。pug 语言是一个强大的模板语言,能够简单而高效地组织内容,并最终输出可读的 HTML。
我们可以打开 myapp/views/index.pug 文件来进行修改。该文件是模板输出的 HTML 文件模板。打开文件,可以看到它的内容如下:
extends layout block content h1= title p Welcome to #{title}
在这里,我们可以简单地根据需要增加或修改模板内容。例如,我们可以将模板文件更改以下,使其包含列表和一个链接:
-- -------------------- ---- ------- ------- ------ ----- ------- --- ----- -- ---- ----- - -- ----- -- ---------------- - --------- --------- - ------- -- --------
这个模板具有一个 users 变量,它是在路由中获取的。在这个模板中,我们检查每个用户,如果有用户,则生成链接,链接到该用户的详细信息。
总结
到此为止,我们已经介绍了使用 express-skeleton 模板来创建 Node.js Web 应用程序的基础知识。如果您对 Node.js 和 Express 框架方面的知识还不熟悉,请进行相关的学习。这篇文章只是演示了如何使用 express-skeleton 插件,并不涵盖它们的每一个方面。但是,相信本文所涉及的内容对于已经熟悉 Node.js 或希望使用这个框架开发 Web 应用程序的人来说,都是非常有益的。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/600555e781e8991b448d2f30