npm 包 brisk-control 使用教程

阅读时长 6 分钟读完

什么是 brisk-control?

brisk-control 是一个用于快速搭建网站的 npm 包,它基于 Node.js 和 Express,提供了一套易于使用的 MVC 结构,可以让前端开发者快速搭建 Web 应用程序。

安装 brisk-control

在使用 brisk-control 之前,首先需要安装 Node.js,这里不再赘述。

安装 brisk-control 模块只需使用 npm 命令:

npm install brisk-control --save

使用 brisk-control

安装完 brisk-control 之后,在项目根目录下创建一个 app.js 文件,然后在文件头部引入 brisk-control:

其中,__dirname 表示当前目录的绝对路径, brisk(__dirname) 会返回 Express 实例。

创建控制器

在 brisk-control 中,控制器负责处理 Web 应用程序的逻辑,将请求参数传递给 Model 进行处理,然后将 Model 处理的数据显示在 View 中。因此,在使用 brisk-control 之前,我们需要创建一个控制器。

在项目目录下的 controllers 文件夹下创建一个名为 todoController.js 的文件作为示例。在该控制器中定义了两个方法:

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

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

其中,getIndex 方法渲染了 index.ejs 视图,addTodo 方法将用户提交的 todo 添加到数据库中。

需要注意的是,req.models.todo 是在 Model 层进行的数据库操作。我们在后文中会详细介绍。

创建模型

在 brisk-control 中,模型负责与数据库进行交互,进行数据读取、数据操作等操作。

在项目目录下的 models 文件夹下创建名为 todoModel.js 的文件作为示例。该模型中定义了一个 todo 对象:

该模型使用 Sequelize 对象创建了一个 todo 表,表中有一个 name 字段,该字段为一个字符串,不能为空。

需要注意的是,Sequelize 是一个 SQL ORM 库,可以方便地连接不同的数据库。

创建视图

视图是 brisk-control 的表现层,负责将模型处理的数据以 Web 页面形式呈现给用户。

在项目目录下的 views 文件夹下创建名为 index.ejs 的文件作为示例:

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

这个视图将所有的待办事项列在页面上,并提供了一个输入框和一个添加按钮,用户可以通过输入框添加新的待办事项。

运行 Web 应用程序

在项目目录下运行 node app.js 命令,然后使用浏览器访问 http://localhost:3000

这时,您就可以看到一个简单的待办事项 Web 应用程序了。

总结

通过上述的教程,我们可以看出 brisk-control 的 MVC 模型基本思路,而它在实现上还加以了大量封装,让开发者能够更加专注于业务逻辑,快速构建 Web 应用程序。如果您是一个前端工程师,可以考虑使用 brisk-control 来学习和构建 Web 应用程序,让 Web 开发更加容易和愉快。

示例代码

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

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

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

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

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

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

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

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

纠错
反馈