npm 包 express-skeleton 使用教程

阅读时长 6 分钟读完

简介

Express 是 Node.js 开发的高度自定义的 Web 应用框架,我们可以使用它快速搭建 Web 服务器,构建 RESTful API,以及实现 MVC 模式等。而 express-skeleton 是一个基于 Express 框架的应用模板,它提供了一个开箱即用的应用程序骨架,方便开发者迅速搭建一个 Web 应用。

在本篇文章中,我将介绍如何使用 npm 包 express-skeleton 搭建一个基础的 Web 应用。

安装

在使用 express-skeleton 之前,我们需要先安装它。使用 npm 进行安装,执行以下命令:

创建应用

安装完毕之后,我们可以使用以下命令在指定目录中创建一个应用程序:

执行命令后,会在 myapp 文件夹中生成一些必要的文件和目录,如下:

-- -------------------- ---- -------
------
--- ----
-   --- ---
--- -------
-   --- -------
-   --- ------------
-   --- ------------
-       --- ---------
--- -------
-   --- --------
-   --- --------
--- ------
-   --- ---------
-   --- ---------
-   --- ----------
--- ------
--- ------------
--- ---------

这里我们创建了一个名为 myapp 的应用程序。应用程序的目录结构非常清晰,并且拥有可用的视图和路由文件。同时,创建的应用已经包含 node.js 的原始 http 模块的默认运行配置(简单易用的开发服务器),并支持了许多常见的调试工具。接下来,我们可以进行一些简单的配置。

配置应用

在 myapp 目录中,打开 package.json 文件。该文件是当前应用程序的配置文件,里面包含一些关键信息,例如应用名称、版本号等等。一些可选配置选项非常适合开发人员进行更改,其中一些包括应用程序的端口号和主机名。

-- -------------------- ---- -------
-
  ------- --------
  ---------- --------
  ---------- -----
  ---------- -
    -------- ----- ----------
  --
  --------------- -
    ---------------- ---------
    -------- ---------
    ---------- ----------
    -------------- ---------
    --------- ---------
    ------ --------------
  --
  ------------------ -
    ---------- ---------
  -
-

在这个示例的 package.json 配置文件中,我们可以看到相关的依赖项。例如 express,它是 express-skeleton 中的主要依赖项;还有 pug,这是一个视图引擎,用于生成 HTML 视图,并在客户端浏览器上显示。我们可以按需添加所需的模块,以满足在我们的应用中所需要开发的需求。

运行应用

要运行应用,通过命令行进入应用程序根目录,并输入以下命令:

路由配置

路由是将 URL 路径映射到处理请求的特定代码的技术。在 express-skeleton 中,路由分为两种类型:基本路由和参数路由。下面我们将分别介绍这两种路由。

基本路由

我们可以打开 myapp/routes/index.js 文件,这是一个处理基本路由的示例文件。应该注意到,在这个示例文件中,有两个路由被定义了: "/" 和 "/users"。

-- -------------------- ---- -------
--- ------- - -------------------
--- ------ - -----------------

-- --- ---- ----- --
--------------- ------------- ---- ----- -
  ------------------- - ------ --------- ---
---

-- --- ----- -------- --
-------------------- ------------- ---- ----- -
  ----------------- ---- - -----------
---

-------------- - -------

在这个示例中,基本路由仅仅是简单地返回静态内容。

参数路由

下面我们看一看参数路由,以及如何在 express-skeleton 中使用它们。通过在路由路径中添加冒号(:),我们可以定义一个规则,该规则将匹配到参数数据,并使其可用于服务器端处理。

下面我们添加一个新路由,名为 /user/:id,可以查看指定 ID 的用户:

此时,我们就可以通过访问以下链接,查看指定用户的信息:

在这个示例中,参数 id 获取方式如下:

视图文件

在 express-skeleton 中,你可以通过使用 pug 模板引擎来动态渲染 HTML 模板。pug 语言是一个强大的模板语言,能够简单而高效地组织内容,并最终输出可读的 HTML。

我们可以打开 myapp/views/index.pug 文件来进行修改。该文件是模板输出的 HTML 文件模板。打开文件,可以看到它的内容如下:

在这里,我们可以简单地根据需要增加或修改模板内容。例如,我们可以将模板文件更改以下,使其包含列表和一个链接:

-- -------------------- ---- -------
------- ------

----- -------
  --- -----
  --
  ---- ----- - -- -----
    --
      ---------------- - --------- ---------
  - ------- -- --------

这个模板具有一个 users 变量,它是在路由中获取的。在这个模板中,我们检查每个用户,如果有用户,则生成链接,链接到该用户的详细信息。

总结

到此为止,我们已经介绍了使用 express-skeleton 模板来创建 Node.js Web 应用程序的基础知识。如果您对 Node.js 和 Express 框架方面的知识还不熟悉,请进行相关的学习。这篇文章只是演示了如何使用 express-skeleton 插件,并不涵盖它们的每一个方面。但是,相信本文所涉及的内容对于已经熟悉 Node.js 或希望使用这个框架开发 Web 应用程序的人来说,都是非常有益的。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/600555e781e8991b448d2f30

纠错
反馈