使用 Deno 构建一个简单的在线教育网站

在线教育成为了近年来的热门话题，面对这个庞大的市场，如何构建一个稳定且易于扩展的网站是每个技术人员必备的技能。本文将介绍如何使用 Deno 构建一个简单的在线教育网站。我们将使用 TypeScript + Oak + MongoDB 来完成这个项目。

前置准备

在开始之前，您需要安装 Deno，并准备好 MongoDB 数据库。如果您不熟悉 Deno 和 MongoDB，建议您先阅读相关文档。

项目目录结构

首先我们创建一个新目录作为我们的项目根目录。在其中创建三个目录分别是 src、static、views，以及一个名为 deps.ts 的文件。

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

接下来，我们将依次解释这些目录和文件的作用。

src

src 目录将包含所有的服务器端代码。除了 app.ts 的入口文件之外，我们还将在 src 中创建 controller 和 model 目录，用于存放路由控制器和数据模型。

static

static 目录包含所有的前端代码，例如 CSS、JavaScript 和图片等文件。

views

views 目录包含所有的视图模板、错误页面和局部视图。

deps.ts

deps.ts 文件是 Deno 中的依赖文件，在该文件中我们将声明和导入所有的依赖项和第三方模块。

依赖

在 deps.ts 导入我们的第三方依赖项。

-- -------

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

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

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

数据模型

我们将使用 MongoDB 作为我们的数据库。在 src/model 目录中，我们将创建一个 BaseModel 类用于 Mongo 数据库操作方法的实现。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

路由控制器

在 src/controller 目录中，我们将创建一个 BaseController 类，以及一些为具体数据模型定义的路由控制器。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

入口文件

最后是 src/app.ts 中的代码，这是我们应用程序的入口点。

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

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

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

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

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

视图模板

在 views 目录中，我们将创建所有的视图模板文件和局部视图文件。在本示例中我们使用了 Pug 作为我们的视图引擎。 在视图模板中，您可以使用 Pug 的标记语言结构我们的 HTML 结构。

运行示例

请注意，在示例代码中涉及到 MongoDB 数据库连接字符串的地方，您需要根据实际情况进行修改。在项目根目录下，可以执行以下命令运行应用程序：

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

然后，在浏览器中输入 http://localhost:8000 就可以访问网站了。

总结

本文中我们演示了如何使用 Deno 进行构建简单的在线教育网站。我们使用了 TypeScript、Oak、MongoDB 和 Pug 等技术栈。由于 Deno 是服务器端 JavaScript 和 TypeScript 运行时平台，所以它与最新的 JavaScript 规范相符，可以提供更好的数据灵活性和性能，从而保持我们的服务器端程序更清晰、更简洁、更易维护。

来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/64a801ee48841e98944a2581

阅读全文

猜你喜欢

  • 使用 React Router 实现 SPA 应用时如何防止路由跳转时页面抖动？

    随着前端技术的发展，单页面应用（SPA）越来越流行，而 React Router 是用于构建 SPA 的常用库之一。然而，对于使用 React Router 实现的 SPA 应用，我们常常会遇到一个问...

    1 年前
  • 为什么我要选择 Tailwind CSS

    什么是 Tailwind CSS Tailwind CSS 是一种用于构建现代、可定制且高效的用户界面的实用工具集。它是一个 CSS 框架，但与 Bootstrap、Material Design 等...

    1 年前
  • 如何使用 Objective-C 与 RESTful API 构建 iOS 应用

    在构建 iOS 应用时，使用 Objective-C 与 RESTful API 是一种非常流行的方式。这种方式能够轻松实现数据的传输，而且客户端与服务器之间的通信也变得更加简单有效。

    1 年前
  • 使用 Deno 构建 GraphQL API

    什么是 Deno Deno 是一个安全的运行时环境，可以用来运行 JavaScript 和 TypeScript。它与 Node.js 相似，但有许多不同之处，例如它不需要使用 npm 进行包管理，而...

    1 年前
  • 解决 Cypress 在 IE 浏览器中无法运行的问题

    Cypress 是一个现代的、著名的前端测试工具。它非常流行、易于使用，能够方便地进行交互式 UI 测试。但是，它在 IE 浏览器中无法运行，这给前端开发人员带来了很大的麻烦，因为 IE 浏览器仍然是...

    1 年前
  • 网页开发之响应式设计

    随着移动设备的普及，越来越多的用户选择使用手机、平板电脑等移动设备浏览网页。这给互联网技术带来了新的挑战，如何让网页能够兼容各种屏幕大小，以实现最佳的用户体验呢？这就需要用到响应式设计。

    1 年前
  • 在 ECMAScript 2017 中使用 Proxy 构造函数进行对象代理

    随着现代前端开发的不断发展，JavaScript 作为一门动态语言和脚本语言，也在不断地创新和进化。其中，ECMAScript 2017 中引入了 Proxy 构造函数，它可以用于创建一个代理对象，从...

    1 年前
  • 如何使用 Express.js 处理 XML 数据

    在前端开发中，我们经常需要处理各种种类的数据，其中包括 XML 数据。XML 是一种数据格式，用于描述和传输数据，而 Express.js 则是一个使用 Node.js 构建的 Web 开发框架。

    1 年前
  • # TypeScript 中如何使用 "readonly" 修饰符

    TypeScript 中如何使用 "readonly" 修饰符 在 TypeScript 中，我们可以使用 "readonly" 修饰符来定义只读属性。只读属性只能在初始化时被赋值，无法被修改。

    1 年前
  • 给 Serverless Framework 和 FaaS 替换指南

    前言 Serverless 是指一种构建和部署应用程序的方式，它通过将应用程序的部署和管理任务交给第三方服务提供商来实现，这些服务提供商负责维护和缩放应用程序所需的基础设施。

    1 年前
  • ECMAScript 2019 中的函数默认参数：为函数参数提供默认值

    ECMAScript 2019 中的函数默认参数：为函数参数提供默认值 ES2019(ES10)是 ECMAScript 标准的最新版本，它引入了许多新的特性和语法，其中一个是函数默认参数。

    1 年前
  • Docker 镜像下载不了该怎么办？

    在使用 Docker 进行应用部署的时候，我们常常需要下载完成一些必须的镜像文件以便顺利运行应用。可是有时候我们下载的镜像文件却无法成功，那么我们该怎么办呢？本文将为您解答这一问题，并提供详细的学习指...

    1 年前
  • 如何在 ES7 中使用 Set 来存储集合

    在前端开发中，经常需要处理集合数据，比如去重、筛选等。ES7 中新增了 Set 数据结构，可以方便地存储和操作集合数据。本文将介绍如何在 ES7 中使用 Set 来存储集合。

    1 年前
  • RxJS 实践：使用 takeLast 和 last 操作符获取最后 N 个值

    RxJS 是一款针对异步数据流的响应式编程库，它可以帮助开发者更方便地管理异步事件流。在 RxJS 中，我们可以使用 takeLast 和 last 操作符来获取最后 N 个数据，本文将介绍如何使用 ...

    1 年前
  • Next.js 中使用 styled-components 进行 css-in-js 处理

    在前端开发中，CSS 是必不可少的一部分。然而，使用原生的 CSS 有时会变得很复杂，因为样式随着项目的增长而变得越来越难以管理。为了解决这个问题，出现了一种新的方式，即 CSS-in-JS。

    1 年前
  • 在 ES12 中使用 Math.signbit 方法判断浮点数符号位

    在 JavaScript 中，判断一个数字的符号位一直都是一个令人头疼的问题。我们可以使用 Math.sign 方法来判断一个数字的正负性，但是它无法直接返回数字的符号位。

    1 年前
  • Mongoose 的 Hook 机制，记录你的睡眠时间

    1. 什么是 Mongoose 的 Hook 机制 Mongoose 是 Node.js 中一个优秀的 MongoDB 库，它的 Hook 机制可以让我们在数据库操作之前或之后执行一些自定义代码，以此...

    1 年前
  • 如何使用 Promise.allSettled 返回所有结果

    在前端开发过程中, 往往需要对多个异步请求进行处理, 而 Promise.allSettled 可以方便地用于处理多个异步请求, 并且返回所有结果。本文将详细介绍 Promise.allSettled...

    1 年前
  • 如何使用 Fastify 和 Express.js 共同开发 Web 应用程序

    随着互联网的不断发展，Web 应用程序已经成为我们日常生活中不可或缺的一部分。作为前端开发人员，我们需要不断学习新的技术和工具来应对不断变化的 Web 应用程序开发环境。

    1 年前
  • Angular 6 中使用图表库 ngx-charts

    在 Web 应用程序中，数据可视化是至关重要的。图表是展示数据最常用的方式之一，可以帮助用户更直观地理解和分析数据。在前端开发中，使用现成的图表库可以极大地减少开发量和提升开发效率。

    1 年前

相关推荐

    暂无文章