什么是mvc模式?如何用mvc编写一个数据查询系统?

在使用node的时候有很多的书写习惯与方法,今天就结合mvc来写一个因数查询案例,在讲之前先来了解以下mvc模式。MVC全名是Model View Controller,是模型(model)-视图(view)-控制器(controller)的缩写,一种软件设计典范,用一种业务逻辑、数据、界面显示分离的方法组织代码,将业务逻辑聚集到一个部件里面,在改进和个性化定制界面及用户交互的同时,不需要重新编写业务逻辑。MVC被独特的发展起来用于映射传统的输入、处理和输出功能在一个逻辑的图形化用户界面的结构中。

MVC 编程模式:MVC 是一种使用 MVC(Model View Controller 模型-视图-控制器)设计创建 Web 应用程序的模式:Model(模型)表示应用程序核心(比如数据库记录列表)。View(视图)显示数据(数据库记录)。Controller(控制器)处理输入(写入数据库记录)。MVC 模式同时提供了对 HTML、CSS和 JavaScript 的完全控制。Model(模型)是应用程序中用于处理应用程序数据逻辑的部分。通常模型对象负责在数据库中存取数据。View(视图)是应用程序中处理数据显示的部分。通常视图是依据模型数据创建的。

Controller(控制器)是应用程序中处理用户交互的部分。通常控制器负责从视图读取数据,控制用户输入,并向模型发送数据。

MVC 分层有助于管理复杂的应用程序,因为您可以在一个时间内专门关注一个方面。例如,您可以在不依赖业务逻辑的情况下专注于视图设计。同时也让应用程序的测试更加容易。

MVC 分层同时也简化了分组开发。不同的开发人员可同时开发视图、控制器逻辑和业务逻辑。


什么是mvc模式?如何用mvc编写一个数据查询系统?_第1张图片

接下来就用实际案例来所以说如何使用。第一步:创建一个app.js文件。引入express框架和views。设置view的app.set('view engine','ejs');使用const controller = require('./controller/controller.js');引入我们创建好的controller文件。


第二步:创建public文件是我只好相应的index.html文件。默认情况下public的index文件是一个文件的首页。在index中创建2个。在script中我们使用window.location.pathname = '/'+number.value;这一句来实现跳转。


什么是mvc模式?如何用mvc编写一个数据查询系统?_第2张图片

第三步:在controller.js中使用模块化的暴露exports.showResult来暴露出一个函数,在app.js中引入。在函数中使用letnumber = req.params.number;let start = new Date();来对我么能获取到的数据进行处理。我们要注意不牵扯计算  ,只负责接受app.js文件的数据和传递数据。所有我们还需要model来计算。


什么是mvc模式?如何用mvc编写一个数据查询系统?_第3张图片

第四步:在model中进行计算。也是通过暴露将计算函数发送给controller文件。在controll中会将计算好的值存储在一个我事先创建好文件夹中,如过再计算就会先遍历文件夹,如果以前算过,直接将以前的值返回给前台就是了,不需要2次计算,加快反应时间。


什么是mvc模式?如何用mvc编写一个数据查询系统?_第4张图片

第五步:点击点我查询按钮。就会去到相应的路由(app.get('/:number',controller.showResult)),在函数中设置res.render('showResult',{result,t

: new Date - start,});这样点击去到对应的视图,传过去的值也能渲染出来。


什么是mvc模式?如何用mvc编写一个数据查询系统?_第5张图片

你可能感兴趣的:(什么是mvc模式?如何用mvc编写一个数据查询系统?)