什么是 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:
const brisk = require('brisk-control'); const app = brisk(__dirname);
其中,__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
对象:
exports.definition = function(db) { return db.define('todo', { name: { type: db.Sequelize.STRING, allowNull: false } }); };
该模型使用 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