一种实现MVC的方法.pdf

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

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上。

一种实现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片段。