CN101587435A - 一种实现mvc的方法 - Google Patents

Abstract

本发明提供一种实现MVC的方法，javascript作为控制器来实现MVC的方法，在JavaScriptMVC下，模型，视图－用于与用户的交互，用HTML来实现。模型－实现***中的业务逻辑，并且生成HTML代码片段，由JSP来实现。模型主要为视图提供部分代码片段，但是不负责整个页面显示的布局和页面之间切换的控制。控制器－是模型与视图之间沟通的桥梁，它决定取那些模型到页面上来展示。控制器是通过javascript来实现的。本发明通过javascriptMVC，使开发人员操作方便，提高开发效率，快捷地开发程序。由于javascriptMVC是建立在ajax之上的，实现局部刷新页面，也为用户提供更友好的界面，总之，用户体验性很好。

Description

一种实现MVC的方法

技术领域：

本发明涉及Web平台的应用开发环境，特别是涉及一种实现MVC的方法。

背景技术

随着网络技术的不断发展，当前信息化***的建立趋势，是采用B/S结构，用户界面通过WWW浏览器来实现，极少部分事物逻辑在前端实现，但主要事物逻辑在服务器端实现，形成所谓的三层结构MVC。

当前J2EE开发主要是采用MVC模式(Model-View-Controller，模型-视图-控制器模式)。它把软件***分为三个基本部分：模型(Model)，视图(View)和控制器(Controller)。MVC模式的目的就是实现Web***的职能分工：

视图-用于与用户的交互，通常用JSP来实现。

模型-实现***中的业务逻辑，通常可以用JavaBean或EJB来实现。

控制器-是模型与视图之间沟通的桥梁，它可以分派用户的请求并选择恰当的视图以用于显示。控制器是通过servlet来实现的。

这种模式存在的问题是：

用户视图之间的切换是页面全刷新，用户可用性不好。

由于控制器是采用servlet实现的，因此，修改的时候往往要重新启动服务器。

基于企业的应用现有的框架并不能完全适合，因此公司内部必须统一开发平台，提高公司的市场竞争力。

发明内容：

本发明为解决上述问题不足之处，提供一种实现MVC的方法，

基于javascript作为控制器来实现MVC模型，

视图-用于与用户的交互，用HTML来实现；

模型-实现***中的业务逻辑，并且生成HTML代码片段，由JSP来实现；

控制器-是模型与视图之间沟通的桥梁，它决定那些模型到页面上来展示。

所述模型-主要为视图提供部分代码片段，但是不负责整个页面显示的布局和页面之间切换的控制。

所述控制器是通过javascript来实现的。

第一步，用户在页面上进行具体操作，WEB服务器调用一个javascript，

第二步，通过AJAX，直接调用后台JAVA实现得到html的代码片段；

第三步，后台JAVA完成后，通过AJAX回调函数，执行一个javascript实现产生的html代码片段设置到对应的DOM上。所述第一步，具体包括

A1.先创建一个控制器对象controller；

A2.组装数据对象；

A3.设置controller的回调函数

A4.设置controller，模型url，domID。

所述第二步，具体包括

B1.判断用户是否登录；

B2.执行业务逻辑；

B3.执行模型url，得到若干的html的代码片段。

所述第三步，具体包括

C1.判断后台程序执行是否有异常，如果有，则提示具体错误信息；如果没有异常，执行下一步C2；

C2.判断用户是否超时了，如果超时，则弹出登录框，请用户重新登录，如果没有超时，执行下一步C3；

C3.判断后台程序执行业务逻辑是否有错误，如果有，则提示具体错误信息，否则执行下一步C4；

C4.根据controller里面设置的模型url，把这些模型url产生的html代码片段设置到对应的DOM上。

本发明的优点：

通过javascriptMVC，使开发人员操作方便，提高开发效率，快捷地开发程序。由于javascriptMVC是建立在ajax(AsynchronousJavaScript+XML)之上的，实现局部刷新页面，也为用户提供更友好的界面，总之，用户体验性很好。

附图说明：

图1是本发明一实施例用户在页面上操作的流程图。

具体实施方式：

本发明的中心思想是，javascript作为控制器来实现MVC的方法[简称JavaScriptMVC]，在JavaScriptMVC下，模型，视图和控制器功能如下：

视图-用于与用户的交互，用HTML来实现。

模型-实现***中的业务逻辑，并且生成HTML代码片段，由JSP来实现。模型主要为视图提供部分代码片段，但是不负责整个页面显示的布局和页面之间切换的控制。

控制器-是模型与视图之间沟通的桥梁，它决定那些模型到页面上来展示。控制器是通过javascript来实现的。

视图和模型的逻辑比较简单。而控制逻辑比较复杂，下面将结合附图做详细说明。

如图1所示，用户在页面上操作的具体步骤：

101.用户在页面上进行具体操作，调用一个javascript，实现功能如下：

1011.先创建一个控制器对象controller

1012.组装数据对象

1013.设置controller的回调函数

1014.设置controller若干个(模型url，domID)

102.通过AJAX，直接调用后台JAVA，实现功能如下：

1021.判断用户是否登录；

1022.执行业务逻辑；

1023.执行模型url，得到html的代码片段；

103.后台JAVA方法完成后，通过AJAX回调函数功能，执行一个javascript方法，实现功能如下：

1031.判断后台程序执行是否有异常，如果异常，则提示具体错误信息。如果没有异常，执行下一步1032；

1032.判断用户是否超时了，如果超时，则弹出登录框，请用户重新登录；如果没有超时，执行下一步1033；

1033.判断后台程序执行业务逻辑是否有错误，如果有，则提示具体错误信息；否则执行下一步1034；

1034.根据controller里面设置的模型url，把这些模型url产生的html代码片段设置到对应的DOM上。这个就完成页面布局的变化。

如果controller注册回调函数，那么就执行这个回调函数。

该操作包括增加，修改，删除，返回列表，查看。

更具体的例子，操作为放弃

function addUser(){

      var user＝{

            name：$(″name″).vlaue，

            address：$(″address″).value

      }；

      var controller＝new JSController()；

      controller.backCallFunc＝function(map){

           alert(“增加员工成功”)；

      }；

      var url＝″/os/list.jsp″；

      controller.addOneUrl(url，″commentDiv″)；

      JSService.addUser(user，controller)；

假设用户在页面点击增加新用户，就执行addUser方法，addUser完成如下功能：

组装数据成成一个javascript对象，

创建一个javascript控制器对象，命名为controller

给controller设置回条函数。

给controller设置(url，domID)，可以设置多个。

调用JSService方法addUser，通过ajax技术，就是等价调用java方法addUser。

后台java方法addUser执行以下内容：

判断用户是否登陆。

增加新用户。

根据controller内容已经设置url地址，执行这些url，得到这些url执行结果：html片段。

Claims (7)

1.一种实现MVC的方法，其特征在于；

基于javascript作为控制器来实现MVC模型，

视图-用于与用户的交互，用HTML来实现；

模型-实现***中的业务逻辑，并且生成HTML代码片段，由JSP来实现；

控制器-是模型与视图之间沟通的桥梁，它决定那些模型到页面上来展示。

2.根据权利要求1所述的方法，其特征在于：所述模型主要为视图提供部分代码片段，但是不负责整个页面显示的布局和页面之间切换的控制。

3.根据权利要求1所述的方法，其特征在于：所述控制器是通过javascript来实现的。

4.根据权利要求1所述的方法，其特征在于：包括如下步骤：

第一步，用户在页面上进行具体操作，WEB服务器调用一个javascript，

第二步，通过AJAX，直接调用后台JAVA实现得到html的代码片段；

第三步，后台JAVA完成后，通过AJAX回调函数，执行一个javascript实现产生的html代码片段设置到对应的DOM上。

5.根据权利要求4所述的方法，其特征在于：所述第一步，具体包括

A1.先创建一个控制器对象controller；

A2.组装数据对象；

A3.设置controller的回调函数

A4.设置controller，模型url，domID。

6.根据权利要求4所述的方法，其特征在于：所述第二步，具体包括

B1.判断用户是否登录；

B2.执行业务逻辑；

B3.执行模型url，得到html的代码片段。

7.根据权利要求4所述的方法，其特征在于：所述第三步，具体包括

C1.判断后台程序执行是否有异常，如果有，则提示具体错误信息；如果没有异常，执行下一步；

C2.判断用户是否超时了，如果超时，则弹出登陆框，请用户重新登陆，如果没有超时，执行下一步；

C3.判断后台程序执行业务逻辑是否有错误，如果有，则提示具体错误信息，否则执行下一步；

C4.根据controller里面设置的模型url，把这些模型url产生的html代码片段设置到对应的DOM上。

Images