CN101587435A - Method for realizing MVC - Google Patents

Abstract

The invention provides a method used for realizing MVC by taking JavaScript as a controller. Models and view-interaction with a user are realized by HTML under JavaScript MVC. Models-realization of service logic in a system and generation of HTML code snippets are realized by JSP. The models mainly provide part of code snippets for the view but do not take charge of the arrangement of entire page display and the control of page switching. The controller, which is realized through JavaScript, is a bridge between the models and the view and determines which models are shown on the page. Through JavaScript MVC, the method ensures convenient operation of developers and increases the development efficiency to develop program quickly. Moreover, because JavaScript MVC is based on Ajax, local page refreshing is realized and friendlier interfaces can be provided for users to ensure excellent user experience.

Description

A kind of method that realizes MVC

Technical field:

The present invention relates to the Application development environ-ment of Web platform, particularly relate to the method for a kind of MVC of realization.

Background technology

Along with the continuous development of network technology, the trend of setting up of current information system is to adopt the B/S structure, user interface realizes by the WWW browser, few part things logic realizes at front end, but mainly the things logic realizes at server end, forms so-called three-decker MVC.

Current J2EE exploitation mainly is to adopt MVC pattern (Model-View-Controller, model-view-director mode).It is divided into three essential parts to software systems: model (Model), view (View) and controller (Controller).The purpose of MVC pattern is exactly to realize the function division of labor of Web system:

View-be used for is mutual with the user's, realizes with JSP usually.

Service logic in model-realization system can realize with JavaBean or EJB usually.

Controller-be the bridge of linking up between model and the view, the request that it can assign users also selects appropriate view to show being used for.Controller is realized by servlet.

The problem that this pattern exists is:

Switching between the User is that the page refreshes entirely, and user availability is bad.

Because controller is to adopt servlet to realize, therefore, often will restart server in the time of modification.

Can not be suitable fully based on the existing framework of the application of enterprise, so the necessary unitized overall development platform of intra-company, the company's market competitive power improved.

Summary of the invention:

The present invention provides the method for a kind of MVC of realization for addressing the above problem weak point,

Realize the MVC model based on javascript as controller,

View-be used for is mutual with the user's, realizes with HTML;

Service logic in model-realization system, and generate the HTML code fragment, realize by JSP;

Controller-be the bridge of linking up between model and the view, it determines those models to show to the page.

Described model-be mainly view the partial code fragment is provided, but the control of switching between the layout that not responsible full page shows and the page.

Described controller is realized by javascript.

The first step, the user carries out concrete operations on the page, javascript of WEB server calls,

In second step,, directly call the code snippet that background java realizes obtaining html by AJAX;

In the 3rd step, after background java is finished,, carry out a javascript and realize that the html code snippet that produces is set on the corresponding DOM by the AJAX call back function.The described first step specifically comprises

A1. create a controller object controller earlier;

A2. assemble data object;

A3., the call back function of controller is set

A4., controller is set, model url, domID.

In described second step, specifically comprise

B1. judge whether the user logins;

B2. carry out service logic;

B3. execution model url obtains the code snippet of some html.

In described the 3rd step, specifically comprise

C1. it is unusual to judge whether the background program execution has, if having, then points out concrete error message; If not unusual, carry out next step C2;

C2. judge whether the user is overtime,, then eject login frame, please the user login again,, carry out next step C3 if do not have overtimely if overtime;

C3. judge that whether background program is carried out service logic wrong, if having, then points out concrete error message, otherwise carry out next step C4;

C4. the model url that is provided with according to the controller the inside is set to the html code snippet of these models url generation on the corresponding DOM.

Advantage of the present invention:

By javascriptMVC, make the developer easy to operate, improve development efficiency, development sequence quickly.Because javascriptMVC is based upon on the ajax (AsynchronousJavaScript+XML), the page is refreshed in the realization part, and also for the user provides more friendly interface, in a word, user experience is fine.

Description of drawings:

Fig. 1 is the process flow diagram that one embodiment of the invention user operates on the page.

Embodiment:

Central idea of the present invention is, javascript realizes the method [being called for short JavaScriptMVC] of MVC as controller, under JavaScriptMVC, and model, view and controller function are as follows:

View-be used for is mutual with the user's, realizes with HTML.

Service logic in model-realization system, and generate the HTML code fragment, realize by JSP.Model is mainly view the partial code fragment is provided, but the control of switching between the layout that not responsible full page shows and the page.

Controller-be the bridge of linking up between model and the view, it determines those models to show to the page.Controller is realized by javascript.

The logic of view and model is fairly simple.And the steering logic more complicated elaborates below in conjunction with accompanying drawing.

As shown in Figure 1, user's concrete steps of on the page, operating:

101. the user carries out concrete operations on the page, call a javascript, realizes that function is as follows:

1011. create a controller object controller earlier

1012. assembling data object

1013. the call back function of controller is set

1014. be provided with controller several (model url, domID)

102. by AJAX, directly call background java, realize that function is as follows:

1021. whether judge the user logins;

1022. execution service logic;

1023. execution model url obtains the code snippet of html;

103. after the background java method is finished,, carry out a javascript method, realize that function is as follows by AJAX call back function function:

1031. it is unusual to judge whether the background program execution has, if unusual, then points out concrete error message.If not unusual, do not carry out next step 1032;

1032. judge whether the user is overtime, if overtime, then eject login frame, please the user login again; If do not have overtime, carry out next step 1033;

1033. judge that whether background program is carried out service logic wrong, if having, then points out concrete error message; Otherwise carry out next step 1034;

1034. according to the model url that the controller the inside is provided with, the html code snippet that these models url is produced is set on the corresponding DOM.This just finishes the variation of page layout.

If controller registered callbacks function is so just carried out this call back function.

This operation comprises increase, revises, and deletion, return-list is checked.

Example is operating as and abandons more specifically

function?addUser(){

var?user＝{

name：$(″name″).vlaue，

address：$(″address″).value

}；

var?controller＝new?JSController()；

controller.backCallFunc＝function(map){

Alert (" increasing employee's success ");

}；

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

controller.addOneUrl(url，″commentDiv″)；

JSService.addUser(user，controller)；

Suppose that the user clicks the new user of increase at the page, just carry out the addUser method, addUser finishes following function:

Cheng Chengyi javascript object of assembling data,

Create a javascript controller object, called after controller

To controller the receipt function is set.

(url domID), can be provided with a plurality of in setting to controller.

Calling JSService method addUser, by the ajax technology, is exactly that equivalence is called java method addUser.

Backstage java method addUser carries out following content:

Judge whether the user lands.

Increase new user.

According to the controller content url address has been set, has carried out these url, obtained these url execution results: the html fragment.

Claims (7)

1. a method that realizes MVC is characterized in that;

Realize the MVC model based on javascript as controller,

View-be used for is mutual with the user's, realizes with HTML;

Service logic in model-realization system, and generate the HTML code fragment, realize by JSP;

Controller-be the bridge of linking up between model and the view, it determines those models to show to the page.

2. method according to claim 1 is characterized in that: described model is mainly view the partial code fragment is provided, but the control of switching between the layout that not responsible full page shows and the page.

3. method according to claim 1 is characterized in that: described controller is realized by javascript.

4. method according to claim 1 is characterized in that: comprise the steps:

The first step, the user carries out concrete operations on the page, javascript of WEB server calls,

In second step,, directly call the code snippet that background java realizes obtaining html by AJAX;

In the 3rd step, after background java is finished,, carry out a javascript and realize that the html code snippet that produces is set on the corresponding DOM by the AJAX call back function.

5. method according to claim 4 is characterized in that: the described first step specifically comprises

A1. create a controller object controller earlier;

A2. assemble data object;

A3., the call back function of controller is set

A4., controller is set, model url, domID.

6. method according to claim 4 is characterized in that: in described second step, specifically comprise

B1. judge whether the user logins;

B2. carry out service logic;

B3. execution model url obtains the code snippet of html.

7. method according to claim 4 is characterized in that: in described the 3rd step, specifically comprise

C1. it is unusual to judge whether the background program execution has, if having, then points out concrete error message; If not unusual, carry out next step;

C2. judge whether the user is overtime,, then eject landing frame, please the user land again,, carry out next step if do not have overtimely if overtime;

C3. judge that whether background program is carried out service logic wrong, if having, then points out concrete error message, otherwise carry out next step;

C4. the model url that is provided with according to the controller the inside is set to the html code snippet of these models url generation on the corresponding DOM.

Images