![\"JSP](\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/08\/JSP-Architecture.jpg\")
<\/a><\/p>\nUnder JSP newsgroups, one encounters references to Model 1 and Model 2 architectures of JSP. Introduced originally in JSP 0.92 specifications, they are the basic approaches to structure web applications.<\/p>\n
In Model 1 architecture of JSP,<\/p>\n
- \n
- User requests for a JSP page.<\/li>\n
- JSP performs computations related to database, calculations, etc.<\/li>\n
- JSP gives output and processes it in HTML format.<\/li>\n<\/ol>\n
However, Model 2 architecture of JSP is solely based upon the Model-View-Controller Framework, and this is what we are concerned about. MVC is an object-oriented programming approach.<\/p>\n
Model-View-Controller Framework<\/h2>\n
To understand JSP processing better, we need to firstly understand the Model-View-Controller framework. MVC individualizes data, business logic, and presentation logic, and still keeps them together as if in a container. MVC implements the ‘Front Controller\u2019 pattern for the design and implementation. We will discuss the logical partitioning of the web application in 3 sections.<\/p>\n
Model<\/h3>\n
It deals with the business logic of the application and often referred to as an \u201cinner\u201d representation. Model contains the data of the application and, in turn, represents the state of the application. It contains classes that are connected to the database. The model stores the data given by the user as it is connected to it.<\/p>\n
For example, a chess game may have a model in which the array represents the board, numbers represent pieces, and some encoding of the rules.<\/p>\n
View<\/h3>\n
It is a user interface. It is a presentation layer for the qualified model with little or no programming logic. Its work is to read and display the information fetched by the controller. It is HTML, CSS, JSP etc. The user views the UI through it. For example, in chess, the view would be alternating colors on board and carved pieces.<\/p>\n
Controller<\/h3>\n
It acts as an interface between model and view, which recognizes incoming requests. It receives the request from the view layer and passes it to the model layer along with its own computations on the request. Again, the controller takes the generated response from the model and passes it to the view layer so that view can show it as output.<\/p>\n
![\"MVC](\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/08\/JSP-architecture-MVC-Controller.jpg\")
<\/a><\/p>\nIn Web applications of Model2 type, requests are in reference to a single URL, a servlet also called as controller through view. This servlet takes a look at the path information of the request to see what it needs to do. For e.g., there may be a complete table of names and actions of JSP pages so that each one of them can be handled. These handlers are the model of the web application. They have the access to databases or perform other calculations. JSP pages (the view) to present the output.<\/p>\n
Simply stating the flow of the process is as follows:<\/strong>
\nView——>>Controller——>>Model——>>Database<\/p>\nFrom view to controller to model that is connected to the database and following the path back from model to view via controller.<\/p>\n
Advantages of MVC<\/h2>\n
1)\u00a0 Firstly Its navigation is centrally controlled as the controller is the interface between view and model.
\n2) Secondly, Model 1 is easier to implement as compared to Model 2 architecture, but the former doesn\u2019t scale. Model 2 scales much better as the websites need to be interactive and easy to handle.
\n3) Thirdly, MVC is easy to test.
\n4) It’s easy to maintain.
\n5) Easy to extend as it allows specialists to write different parts of the application. Java programmers can write the model and controller, and User interface specialists can write JSP pages that do nothing but display output.<\/p>\nExample of MVC in JSP<\/h2>\n
This example gets the email id and password from the user and gives the welcome message as output following the Model-View-Controller model.<\/p>\n
mvc_example.jsp<\/h3>\n
<%@ page language=\"java\" contentType=\"text\/html; charset=ISO-8859-1\"\r\n pageEncoding=\"ISO-8859-1\"%>\r\n<html>\r\n<head>\r\n<title>mvc_example<\/title>\r\n<\/head>\r\n<body>\r\n<form action=\"mvc_servlet\" method=\"POST\">\r\nEmail: <input type=\"text\" name=\"email\">\r\n<br \/>\r\nPassword: <input type=\"text\" name=\"password\" \/>\r\n<input type=\"submit\" value=\"Submit\" \/>\r\n<\/form>\r\n<\/body>\r\n<\/html>\r\n<\/pre>\n
mvc_servlet.java<\/h3>\n
package demotest;\r\nimport java.io.IOException;\r\nimport javax.servlet.RequestDispatcher;\r\nimport javax.servlet.ServletException;\r\nimport javax.servlet.http.HttpServlet;\r\nimport javax.servlet.http.HttpServletRequest;\r\nimport javax.servlet.http.HttpServletResponse;\r\n\r\npublic class Mvc_servlet extends HttpServlet {\r\n private static final long serialVersionUID = 1L;\r\n public Mvc_servlet() {\r\n super();\r\n \/\/ TODO Auto-generated constructor stub\r\n }\r\n protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException,\r\n IOException {\r\n \/\/ TODO Auto-generated method stub\r\n String email = request.getParameter(\"email\");\r\n String password = request.getParameter(\"password\");\r\n\r\n TestBean testobj = new TestBean();\r\n testobj.setEmail(email);\r\n testobj.setPassword(password);\r\n request.setAttribute(\"myBean\", testobj);\r\n RequestDispatcher rd = request.getRequestDispatcher(\"mvc_success.jsp\");\r\n rd.forward(request, response);\r\n }\r\n\r\n}<\/pre>\nTestBean.java (Model Class)<\/strong><\/h3>\n
package demotest;\r\n\r\nimport java.io.Serializable;\r\n\r\npublic class TestBean implements Serializable {\r\n\r\n public String getEmail() {\r\n return email;\r\n }\r\n public void setEmail(String email) {\r\n this.email = email;\r\n }\r\n public String getPassword() {\r\n return password;\r\n }\r\n public void setPassword(String password) {\r\n this.password = password;\r\n }\r\n private String email = \"null\";\r\n private String password = \"null\";\r\n}<\/pre>\nmvc_success.jsp<\/strong><\/h3>\n
<%@ page language=\"java\" contentType=\"text\/html; charset=ISO-8859-1\"\r\n pageEncoding=\"ISO-8859-1\"%>\r\n <%@page import=\"demotest.TestBean\"%>\r\n<html>\r\n<head>\r\n<title>Success<\/title>\r\n<\/head>\r\n<body>\r\n<% \r\nTestBean testobj2=(TestBean)request.getAttribute(\"myBean\"); \r\nout.print(\"WelcomeUser, \"+testobj2.getEmail()); \r\n%>\r\n<\/body>\r\n<\/html>\r\n\r\n<\/pre>\n
Explanation:<\/strong><\/p>\n
The mvc_example.jsp acts as a view for our page that takes in the email and password of the user. The action performed on the form is passing it to the controller that will be an interface between it and model. Thus the request passes to mvc_servlet using the post method.<\/p>\n
mvc_servlet extends the Httpservlet. We are using doPost for POST method. It takes request and response as parameters. They take email and password. We have created an object called testobj that sets email, password. Request sets the attribute of the object as myBean. Then Requestdispatcher dispatches requests to mvc_success.jsp.<\/p>\n
TestBean is the model for our example that contains getters and setters to get and set the email and password user has entered. In this code, we define email and password in bean class as string type.<\/p>\n
mvc_success thus gets the attribute that was dispatched to it from mvc_servlet.java. TestBean object testobj2 has its value as Welcome and email id. thus the output prints a WelcomeUser and email id of the user.<\/p>\n
Now, let us look how the java server page processes i.e. from request to response as well as understanding the JSP engine.<\/p>\n
Output:<\/strong><\/p>\n
![\"MVC](\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/08\/MVC1.png\")
<\/a><\/p>\n![\"MVC](\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/08\/MVC2.png\")
<\/a><\/p>\nJSP Architecture<\/h2>\n
Following is the architecture of Java server pages:<\/p>\n
1. Firstly Client sends an http request to the server. As with a normal page, your browser sends an http request to the web browser. For e.g. authentication windows where you enter user id and password in the system and click the submit button, the client thus sends this information to the server to check whether it is valid or not.<\/p>\n
![\"\"](\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/08\/JSP-architecture_1.jpg\")
<\/a><\/p>\n2. Web server recognizes the request made by the client that is it for a JSP page or any other HTML extension page. If the request made by the client is for a JSP page, then the Web server forwards it to the JSP engine. JSP engine processes the page. This is by using URL or JSP page which ends with .jsp extension.<\/p>\n
![\"JSP](\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/08\/JSP-architecture_2.jpg\")
<\/a><\/p>\n3. Then comes the translation phase. This phase is of utmost importance as the JSP engine loads the JSP page, and converts it into servlet content i.e. all the template text converts to println() statements and all JSP elements convert to Java code. As in the diagram hello.jsp gets converted to helloServlet.java. It is important to note that jsp content gets converted to java code in the translation phase.<\/p>\n
![\"translation](\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/08\/JSP-architecture_3.jpg\")
<\/a><\/p>\n4. Translation phase is followed by the compilation phase. JSP engine compiles servlet into .class files that can execute. It forwards the initial request to the servlet engine. As shown in the diagram hello.jsp gets translated to helloServlet.java and then compiled to a class file called helloSevlet.class. This phase is also called the request processing phase as the request is getting processed here.<\/p>\n
![\"compilation](\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/08\/JSP-architecture_4.jpg\")
<\/a><\/p>\n5. Thereafter the servlet class is loaded by a part of the web container, namely servlet engine, and This class file is then executed. The output is finally produced in HTML format after execution. The output is sent in an HTTP response to the web server by the servlet engine. The diagrams show the complete process.<\/p>\n
![\"servlet](\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/08\/JSP-architecture_5.jpg\")
<\/a><\/p>\n6. Then The web server forwards the response to the client\u2019s browser. This HTTP response is in the form of static HTML content as it is more user friendly and easily understandable.<\/p>\n