Difference between revisions of "Java-Business-Application/C2/Servlet-Methods/English-timed"
From Script | Spoken-Tutorial
PoojaMoolya (Talk | contribs) (Created page with '{| border =1 | Time | Narration |- | 00.01 | Welcome to the spoken-tutorial on '''Servlet Methods.''' |- |00.06 | In this tutorial we will learn to |- | 00.08 | create a simp…') |
PoojaMoolya (Talk | contribs) |
||
(19 intermediate revisions by 3 users not shown) | |||
Line 1: | Line 1: | ||
{| border =1 | {| border =1 | ||
− | | Time | + | | '''Time''' |
− | | Narration | + | | '''Narration''' |
|- | |- | ||
− | | 00 | + | | 00:01 |
− | | Welcome to the spoken-tutorial on '''Servlet Methods.''' | + | | Welcome to the '''spoken-tutorial''' on '''Servlet Methods.''' |
|- | |- | ||
− | |00 | + | |00:06 |
− | | In this tutorial we will learn to | + | | In this tutorial, we will learn to: |
|- | |- | ||
− | | 00 | + | |00:08 |
− | | create a simple login form using '''JSP''' | + | |create a simple '''login form''' using '''JSP''' |
|- | |- | ||
− | | 00 | + | |00:13 |
− | | Pass parameters using '''doGet''' '''method''' | + | |Pass parameters using '''doGet''' '''method''' |
|- | |- | ||
− | | 00 | + | |00:16 |
− | | Pass parameters using '''doPost method''' | + | |Pass parameters using '''doPost method''' |
|- | |- | ||
− | | 00 | + | |00:20 |
− | | Difference between''' doGet '''and '''doPost''' methods | + | |Difference between '''doGet '''and '''doPost''' methods. |
|- | |- | ||
− | |00 | + | |00:25 |
− | |Here we are using | + | |Here we are using:'''Ubuntu '''Version '''12.04''' |
|- | |- | ||
− | | 00 | + | | 00:30 |
− | | | + | | '''Netbeans IDE''' 7.3 |
|- | |- | ||
− | | 00 | + | | 00:33 |
− | | | + | | '''JDK''' 1.7 |
|- | |- | ||
− | | 00 | + | | 00:36 |
− | | | + | | '''Firefox''' web-browser 21.0. |
|- | |- | ||
− | | 00 | + | | 00:39 |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
|You can use any web-browser of your choice. | |You can use any web-browser of your choice. | ||
|- | |- | ||
− | | 00 | + | | 00:43 |
− | | To follow this tutorial you must know | + | | To follow this tutorial, you must know: |
|- | |- | ||
− | | 00 | + | | 00:46 |
− | | Core Java using '''Netbeans IDE''' | + | |Core Java using '''Netbeans IDE''' |
|- | |- | ||
− | | 00 | + | |00:49 |
− | | '''HTML''' | + | |'''HTML''' |
|- | |- | ||
− | | 00 | + | |00:51 |
− | | Basics of '''Java Servlets '''and '''JSPs''' | + | |Basics of '''Java Servlets '''and '''JSPs'''. |
|- | |- | ||
− | | 00 | + | | 00:56 |
− | |If not, for relevant tutorials please visit our website. | + | |If not, for relevant tutorials, please visit our website. |
|- | |- | ||
− | | 01 | + | | 01:00 |
| We will begin by creating our web application- the '''Library Management System.''' | | We will begin by creating our web application- the '''Library Management System.''' | ||
− | |||
|- | |- | ||
− | | 01 | + | | 01:06 |
− | |First, we will create the ''' | + | |First, we will create the '''Home page.''' |
− | + | ||
|- | |- | ||
− | | 01 | + | | 01:09 |
− | |The ''' | + | |The '''Home page''' will contain a simple '''login form'''. |
− | + | ||
|- | |- | ||
− | | 01 | + | | 01:14 |
− | |It will allow authenticated users to login to the '''Library Management System.''' | + | |It will allow authenticated users to '''login''' to the '''Library Management System.''' |
|- | |- | ||
− | | 01 | + | | 01:20 |
| Now, let us switch to '''Netbeans IDE.''' | | Now, let us switch to '''Netbeans IDE.''' | ||
|- | |- | ||
− | | 01 | + | | 01:23 |
− | | Let us go to the '''index '''''dot '''''jsp '''page | + | | Let us go to the '''index ''' '''dot''' '''jsp''' page that we had already modified earlier. |
|- | |- | ||
− | | 01 | + | | 01:30 |
| I have modified this page to create our '''home page.''' | | I have modified this page to create our '''home page.''' | ||
|- | |- | ||
− | | 01 | + | | 01:35 |
| We keep the '''title '''as '''Home Page.''' | | We keep the '''title '''as '''Home Page.''' | ||
|- | |- | ||
− | | 01 | + | | 01:38 |
− | | Inside the body, we have a '''table | + | | Inside the body, we have a '''table''' with '''border''' equal to '''1.''' |
|- | |- | ||
− | | 01 | + | | 01:44 |
|You can have a look at the code here. | |You can have a look at the code here. | ||
|- | |- | ||
− | | 01 | + | | 01:47 |
− | | Inside the '''table | + | | Inside the '''table''', we have included a heading '''Welcome to Library Management System.''' |
|- | |- | ||
− | | 01 | + | | 01:54 |
− | | Next, we have '''paragraph tag '''that includes | + | | Next, we have a '''paragraph tag''' that includes ''' "This is the home page for Library Management System".''' |
|- | |- | ||
− | | 02 | + | | 02:03 |
− | | Then | + | | Then we have a '''hyperlink''' which links to a '''page''' called '''visitorHomePage dot jsp.''' |
|- | |- | ||
− | | 02 | + | | 02:11 |
| We will create this page later. | | We will create this page later. | ||
|- | |- | ||
− | | 02 | + | | 02:13 |
− | | Next,we have a very simple''' login form.''' | + | | Next, we have a very simple '''login form.''' |
|- | |- | ||
− | | 02 | + | | 02:18 |
|This form allows a '''registered user''' to '''login''' . | |This form allows a '''registered user''' to '''login''' . | ||
|- | |- | ||
− | | 02 | + | | 02:22 |
− | | Before creating the '''form ''' you will have to create a '''servlet '''named '''GreetingServlet.''' | + | | Before creating the '''form ''', you will have to create a '''servlet '''named '''GreetingServlet.''' |
|- | |- | ||
− | | 02 | + | | 02:28 |
− | | | + | | So, pause the tutorial here and create a new '''servlet''' as explained in the earlier tutorial. |
|- | |- | ||
− | | 02 | + | | 02:35 |
− | | Note that the '''servlet | + | | Note that the '''servlet''' name is '''GreetingServlet'''and |
|- | |- | ||
− | | 02 | + | | 02:39 |
− | | | + | |the '''URL pattern''' should be '''GreetingServletPath.''' |
|- | |- | ||
− | | 02 | + | | 02:44 |
− | | This''' form''' has two input elements - '''Username and Password.''' | + | | This''' form''' has two '''input elements''' - '''Username''' and '''Password.''' |
|- | |- | ||
− | | 02 | + | | 02:50 |
|It also has a '''Submit button''' that says '''Sign In.''' | |It also has a '''Submit button''' that says '''Sign In.''' | ||
|- | |- | ||
− | | 02 | + | | 02:55 |
− | | Next, we have a '''paragraph tag ''' that includes a link to '''addUser.jsp.''' | + | | Next, we have a '''paragraph tag''' that includes a '''link''' to '''addUser.jsp.''' |
|- | |- | ||
− | | 03 | + | | 03:03 |
− | |This is the''' registration page''' for those '''users''' who have not yet registered. | + | |This is the '''registration page''' for those '''users''' who have not yet registered. |
|- | |- | ||
− | | 03 | + | | 03:09 |
− | | Now, let us go to our GreetingServlet.java. | + | | Now, let us go to our '''GreetingServlet.java. ''' |
|- | |- | ||
− | | 03 | + | | 03:14 |
− | | Note that '''GreetingServlet.java '''is created in the same package '''org.spokentutorial.''' | + | | Note that '''GreetingServlet.java''' is created in the same package '''org.spokentutorial.''' |
|- | |- | ||
− | | 03 | + | | 03:23 |
| Now, this '''servlet '''will be able to access the '''form data '''from the '''request object.''' | | Now, this '''servlet '''will be able to access the '''form data '''from the '''request object.''' | ||
|- | |- | ||
− | | 03 | + | | 03:30 |
| This '''servlet '''will act as a '''controller.''' | | This '''servlet '''will act as a '''controller.''' | ||
− | |||
|- | |- | ||
− | | 03 | + | | 03:33 |
− | |Do you recall that we had come across '''controller '''earlier? | + | |Do you recall that we had come across '''controller''' earlier? |
|- | |- | ||
− | | 03 | + | | 03:38 |
| Now, we will see what the '''servlet '''does as a '''controller.''' | | Now, we will see what the '''servlet '''does as a '''controller.''' | ||
|- | |- | ||
− | | 03 | + | | 03:42 |
|The '''form data''' will reside in the '''request object.''' | |The '''form data''' will reside in the '''request object.''' | ||
− | |||
|- | |- | ||
− | | 03 | + | | 03:46 |
− | |The first task is to retrieve the '''form''' data parameters. | + | |The first task is to retrieve the '''form''' '''data''' parameters. |
|- | |- | ||
− | | 03 | + | | 03:51 |
|This is done using the '''getParameter method '''on the '''request object.''' | |This is done using the '''getParameter method '''on the '''request object.''' | ||
|- | |- | ||
− | | 03 | + | | 03:57 |
| So, let us switch to '''Netbeans IDE.''' | | So, let us switch to '''Netbeans IDE.''' | ||
|- | |- | ||
− | | 04 | + | | 04:02 |
− | | Type inside the''' doGet method | + | | Type inside the''' doGet method''': |
|- | |- | ||
− | | 04 | + | | 04:04 |
− | |'''PrintWriter space out equal to response dot getWriter. | + | |'''PrintWriter space out equal to response dot getWriter().''' |
|- | |- | ||
− | | 04 | + | | 04:14 |
− | | Next, we will retrieve the '''form data '''parameters. | + | | Next, we will retrieve the '''form data''' '''parameters'''. |
|- | |- | ||
− | | 04 | + | | 04:18 |
− | | So that on the next line | + | | So that on the next line, type: |
|- | |- | ||
− | | 04 | + | | 04:20 |
− | |'''String ''space '''username''' | + | | '''String''' space '''username''' equal to '''request''' dot '''getParameter ''' within brackets and double quotes '''userName''' and '''semicolon'''. |
|- | |- | ||
− | | 04 | + | | 04:35 |
− | |Note that this '''userName '''is the name we have included in the '''form tag '''for '''User Name.''' | + | |Note that this '''userName '''is the name we have included in the '''form tag''' for '''User Name.''' |
|- | |- | ||
− | | 04 | + | | 04:43 |
− | | Similarly, we will retrieve the | + | | Similarly, we will retrieve the password also. |
|- | |- | ||
− | | 04 | + | | 04:48 |
− | |So on the next line, type | + | |So, on the next line, type: '''String ''' space '''password''' equal to '''request''' dot '''getParameter ''' within brackets and double quotes '''password''' semicolon. |
|- | |- | ||
− | | 05 | + | | 05:03 |
− | | Next, we will print the ''' | + | | Next, we will print the '''UserName '''in the '''output'''. |
|- | |- | ||
− | | 05 | + | | 05:08 |
− | | So, on the next line type | + | | So, on the next line, type: |
|- | |- | ||
− | | 05 | + | | 05:10 |
− | |'''out ''dot '''println''' within brackets and double quotes ''' Hello from GET Method plus username.''' | + | |'''out''' dot '''println''' within brackets and double quotes ''' Hello from GET Method''' plus '''username.''' |
|- | |- | ||
− | |05 | + | |05:21 |
− | | Now, to run this project, right-click on '''MyFirstProject. ''' | + | | Now, to '''run''' this '''project''', right-click on '''MyFirstProject. ''' |
|- | |- | ||
− | | 05 | + | | 05:27 |
| Click on '''Clean and Build.''' | | Click on '''Clean and Build.''' | ||
|- | |- | ||
− | | 05 | + | | 05:29 |
− | | Again right click on '''MyFirstProject ''', click on '''Run.''' | + | | Again right-click on '''MyFirstProject ''', click on '''Run.''' |
|- | |- | ||
− | | 05 | + | | 05:35 |
| So, the '''server '''is up and running. | | So, the '''server '''is up and running. | ||
|- | |- | ||
− | | 05 | + | | 05:38 |
|It has deployed '''MyFirstProject.''' | |It has deployed '''MyFirstProject.''' | ||
|- | |- | ||
− | | 05 | + | | 05:41 |
− | |We have got our ''' | + | |We have got our '''Home page '''displayed in the '''browser'''. |
|- | |- | ||
− | | 05 | + | | 05:45 |
− | | Observe that the ''' | + | | Observe that the title of the '''page''' is '''Home Page.''' |
|- | |- | ||
− | | 05 | + | | 05:50 |
| We can see a very simple '''login form''' here. | | We can see a very simple '''login form''' here. | ||
|- | |- | ||
− | | 05 | + | | 05:54 |
| Let me enter the '''Username '''and '''Password.''' | | Let me enter the '''Username '''and '''Password.''' | ||
|- | |- | ||
− | | 05 | + | | 05:58 |
| I will type '''arya '''as the '''Username.''' | | I will type '''arya '''as the '''Username.''' | ||
|- | |- | ||
− | | 06 | + | | 06:02 |
| And '''arya*123 '''as the '''Password.''' | | And '''arya*123 '''as the '''Password.''' | ||
|- | |- | ||
− | |06 | + | |06:06 |
| Then click on '''Sign In.''' | | Then click on '''Sign In.''' | ||
|- | |- | ||
− | | 06 | + | | 06:09 |
| We can see that we have got the output '''Hello from GET Method''' '''arya'''. | | We can see that we have got the output '''Hello from GET Method''' '''arya'''. | ||
|- | |- | ||
− | | 06 | + | | 06:15 |
− | | Now, the '''user '''was able to login here because we have not included any validation inside the code. | + | | Now, the '''user '''was able to '''login''' here because we have not included any validation inside the code. |
|- | |- | ||
− | | 06 | + | | 06:24 |
| We will do this in the later tutorial. | | We will do this in the later tutorial. | ||
|- | |- | ||
− | | 06 | + | | 06:28 |
| Now, have a look at the '''URL '''here. | | Now, have a look at the '''URL '''here. | ||
|- | |- | ||
− | | 06 | + | | 06:31 |
− | |It is '''localhost | + | |It is '''localhost ''' colon '''8080 ''' slash '''MyFirstProject ''' slash '''GreetingServletPath ''' question mark '''userName ''' equal to '''arya''' and '''password ''' equal to '''arya *123'''. |
|- | |- | ||
− | | 06 | + | | 06:49 |
− | |Now, '''form data '''is separated from the page | + | |Now, the '''form data '''is separated from the '''page''' information by a question mark. |
|- | |- | ||
− | |06 | + | |06:56 |
− | | We can see that '''username '''and '''password '''that we had entered in the form | + | | We can see that the '''username '''and '''password '''that we had entered in the '''form''' are inside the URL also. |
|- | |- | ||
− | | 07 | + | | 07:05 |
− | | Now | + | | Now let us try to do the same, using '''POST Method.''' |
|- | |- | ||
− | | 07 | + | | 07:10 |
| So, switch back to the '''IDE.''' | | So, switch back to the '''IDE.''' | ||
|- | |- | ||
− | | 07 | + | | 07:12 |
− | | Copy the code we had written for '''doGet | + | | Copy the code we had written for '''doGet method '''and paste in the '''doPost method.''' |
|- | |- | ||
− | | 07 | + | | 07:20 |
| Now, change the '''println''' statement to '''Hello from POST Method.''' | | Now, change the '''println''' statement to '''Hello from POST Method.''' | ||
|- | |- | ||
− | |07 | + | |07:27 |
− | | Now, let us open '''index | + | | Now, let us open '''index dot jsp.''' |
|- | |- | ||
− | | 07 | + | | 07:31 |
− | | Here, we must change the '''method attribute '''of the '''form tag '''to '''POST.''' | + | | Here, we must change the '''method attribute''' of the '''form tag '''to '''POST.''' |
|- | |- | ||
− | | 07 | + | | 07:37 |
|You can have a look at this code now. | |You can have a look at this code now. | ||
|- | |- | ||
− | | 07 | + | | 07:42 |
− | |We have '''form action | + | |We have '''form action ''' equal to '''GreetingServletPath''' '''method ''' equal to '''POST.''' |
|- | |- | ||
− | | 07 | + | | 07:49 |
− | | Now, we will run this Project again | + | | Now, we will '''run''' this '''Project''' again. |
|- | |- | ||
− | | 07 | + | | 07:53 |
− | | So, | + | | So, right-click on '''MyFirstProject '''and click on '''Run'''. |
|- | |- | ||
− | | 07 | + | | 07:58 |
− | | We have got | + | | We have got the output similar to the one we got when we used the '''GET method.''' |
|- | |- | ||
− | | 08 | + | | 08:04 |
− | | So let us type ''' | + | | So, let us type '''UserName '''and '''Password '''again. |
|- | |- | ||
− | | 08 | + | | 08:08 |
| Then click on '''Sign In.''' | | Then click on '''Sign In.''' | ||
|- | |- | ||
− | | 08 | + | | 08:12 |
| Note that we have got '''Hello from POST Method arya.''' | | Note that we have got '''Hello from POST Method arya.''' | ||
|- | |- | ||
− | | 08 | + | | 08:17 |
| Now, take a look at the '''URL.''' | | Now, take a look at the '''URL.''' | ||
|- | |- | ||
− | | 08 | + | | 08:19 |
− | |It is '''localhost | + | |It is '''localhost colon 8080 slash MyFirstProject slash GreetingServlet Path'''. |
|- | |- | ||
− | | 08 | + | | 08:25 |
− | | Here we do not see the '''form data '''in the '''URL '''of the '''request.''' | + | | Here, we do not see the '''form data '''in the '''URL '''of the '''request.''' |
|- | |- | ||
− | | 08 | + | | 08:30 |
− | | This is the major difference between '''doGet '''and '''doPost | + | | This is the major difference between '''doGet '''and '''doPost methods.''' |
|- | |- | ||
− | | 08 | + | | 08:35 |
− | | Now, let us learn when to use '''GET '''and when to use '''POST | + | | Now, let us learn when to use '''GET '''and when to use '''POST methods.''' |
|- | |- | ||
− | | 08 | + | | 08:42 |
− | |'''GET | + | |'''GET method '''is used when: |
|- | |- | ||
− | | 08 | + | | 08:44 |
− | | the '''form '''is small and hence the '''data '''is less. | + | |the '''form '''is small and hence the '''data '''is less. |
|- | |- | ||
− | | 08 | + | | 08:48 |
− | | the '''user''' wants the contents of the data to be visible in the '''URL.''' | + | |the '''user''' wants the contents of the data to be visible in the '''URL.''' |
|- | |- | ||
− | | 08 | + | | 08:53 |
− | |'''POST | + | |'''POST method '''is used when: |
|- | |- | ||
− | | 08 | + | | 08:55 |
− | | the '''form '''is large and hence the '''data '''is more. | + | |the '''form '''is large and hence the '''data '''is more. |
|- | |- | ||
− | | 09 | + | | 09:00 |
− | | the '''user''' does not want the contents of the data to be visible in the '''URL.''' | + | |the '''user''' does not want the contents of the data to be visible in the '''URL.''' |
|- | |- | ||
− | | 09 | + | | 09:06 |
|ex: '''passwords''' | |ex: '''passwords''' | ||
|- | |- | ||
− | | 09 | + | | 09:08 |
| Let us summarize. | | Let us summarize. | ||
|- | |- | ||
− | | 09 | + | | 09:10 |
|In this tutorial we have learnt to: | |In this tutorial we have learnt to: | ||
|- | |- | ||
− | | 09 | + | | 09:12 |
− | | create a simple login form using '''JSP''' | + | |create a '''simple login form''' using '''JSP''' |
|- | |- | ||
− | | 09 | + | | 09:16 |
− | | Pass parameters using '''doGet''' '''method''' | + | |Pass parameters using '''doGet''' '''method''' |
|- | |- | ||
− | | 09 | + | | 09:19 |
− | | Pass parameters using '''doPost method''' | + | |Pass parameters using '''doPost method''' |
|- | |- | ||
− | | 09 | + | | 09:22 |
− | | Difference between''' doGet '''and '''doPost''' methods | + | |Difference between''' doGet '''and '''doPost''' methods. |
|- | |- | ||
− | | 09 | + | | 09:26 |
| Please make sure that you have completed this tutorial before proceeding further. | | Please make sure that you have completed this tutorial before proceeding further. | ||
|- | |- | ||
− | | 09 | + | | 09:32 |
| Watch the video available at the following link. | | Watch the video available at the following link. | ||
|- | |- | ||
− | | 09 | + | | 09:35 |
− | | It summarizes the Spoken Tutorial Project | + | | It summarizes the Spoken Tutorial Project. |
|- | |- | ||
− | | 09 | + | | 09:38 |
− | |If you do not have good bandwidth you can download and watch it | + | |If you do not have good bandwidth, you can download and watch it. |
|- | |- | ||
− | |09 | + | |09:42 |
− | | The Spoken Tutorial Project Team | + | | The Spoken Tutorial Project Team: |
|- | |- | ||
− | | 09 | + | | 09:45 |
− | | Conducts workshops using spoken tutorials | + | | Conducts workshops using spoken tutorials. |
|- | |- | ||
− | | 09 | + | | 09:48 |
− | | Gives certificates for those who pass an online test | + | | Gives certificates for those who pass an online test. |
|- | |- | ||
− | | 09 | + | | 09:52 |
− | | For more details please write to contact at spoken hyphen tutorial dot org | + | | For more details please write to: contact at spoken hyphen tutorial dot org. |
|- | |- | ||
− | | 09 | + | | 09:58 |
− | | Spoken Tutorial Project is a part of the Talk to a Teacher Project | + | | Spoken Tutorial Project is a part of the "Talk to a Teacher" Project. |
|- | |- | ||
− | | 10 | + | | 10:02 |
− | | It is supported by the National Mission on Education through ICT, MHRD, Government of India | + | | It is supported by the National Mission on Education through ICT, MHRD, Government of India. |
|- | |- | ||
− | | 10 | + | | 10:09 |
| More information on this mission is available at http://spoken-tutorial.org/NMEICT-Intro | | More information on this mission is available at http://spoken-tutorial.org/NMEICT-Intro | ||
|- | |- | ||
− | | 10 | + | | 10:19 |
− | | The Library Management System has been contributed by a leading software MNC | + | | The '''Library Management System''' has been contributed by a leading software MNC through their "Corporate Social Responsibility Programme". |
− | + | ||
|- | |- | ||
− | | 10 | + | | 10:28 |
|They have also validated the content for this spoken tutorial. | |They have also validated the content for this spoken tutorial. | ||
|- | |- | ||
− | | 10 | + | | 10:32 |
− | |This is Arya Ratish from IIT Bombay signing off. | + | |This is Arya Ratish from IIT Bombay, signing off. Thank you for joining. |
− | + | ||
− | + | ||
− | Thank you for joining. | + | |
|} | |} |
Latest revision as of 16:50, 9 March 2017
Time | Narration |
00:01 | Welcome to the spoken-tutorial on Servlet Methods. |
00:06 | In this tutorial, we will learn to: |
00:08 | create a simple login form using JSP |
00:13 | Pass parameters using doGet method |
00:16 | Pass parameters using doPost method |
00:20 | Difference between doGet and doPost methods. |
00:25 | Here we are using:Ubuntu Version 12.04 |
00:30 | Netbeans IDE 7.3 |
00:33 | JDK 1.7 |
00:36 | Firefox web-browser 21.0. |
00:39 | You can use any web-browser of your choice. |
00:43 | To follow this tutorial, you must know: |
00:46 | Core Java using Netbeans IDE |
00:49 | HTML |
00:51 | Basics of Java Servlets and JSPs. |
00:56 | If not, for relevant tutorials, please visit our website. |
01:00 | We will begin by creating our web application- the Library Management System. |
01:06 | First, we will create the Home page. |
01:09 | The Home page will contain a simple login form. |
01:14 | It will allow authenticated users to login to the Library Management System. |
01:20 | Now, let us switch to Netbeans IDE. |
01:23 | Let us go to the index dot jsp page that we had already modified earlier. |
01:30 | I have modified this page to create our home page. |
01:35 | We keep the title as Home Page. |
01:38 | Inside the body, we have a table with border equal to 1. |
01:44 | You can have a look at the code here. |
01:47 | Inside the table, we have included a heading Welcome to Library Management System. |
01:54 | Next, we have a paragraph tag that includes "This is the home page for Library Management System". |
02:03 | Then we have a hyperlink which links to a page called visitorHomePage dot jsp. |
02:11 | We will create this page later. |
02:13 | Next, we have a very simple login form. |
02:18 | This form allows a registered user to login . |
02:22 | Before creating the form , you will have to create a servlet named GreetingServlet. |
02:28 | So, pause the tutorial here and create a new servlet as explained in the earlier tutorial. |
02:35 | Note that the servlet name is GreetingServletand |
02:39 | the URL pattern should be GreetingServletPath. |
02:44 | This form has two input elements - Username and Password. |
02:50 | It also has a Submit button that says Sign In. |
02:55 | Next, we have a paragraph tag that includes a link to addUser.jsp. |
03:03 | This is the registration page for those users who have not yet registered. |
03:09 | Now, let us go to our GreetingServlet.java. |
03:14 | Note that GreetingServlet.java is created in the same package org.spokentutorial. |
03:23 | Now, this servlet will be able to access the form data from the request object. |
03:30 | This servlet will act as a controller. |
03:33 | Do you recall that we had come across controller earlier? |
03:38 | Now, we will see what the servlet does as a controller. |
03:42 | The form data will reside in the request object. |
03:46 | The first task is to retrieve the form data parameters. |
03:51 | This is done using the getParameter method on the request object. |
03:57 | So, let us switch to Netbeans IDE. |
04:02 | Type inside the doGet method: |
04:04 | PrintWriter space out equal to response dot getWriter(). |
04:14 | Next, we will retrieve the form data parameters. |
04:18 | So that on the next line, type: |
04:20 | String space username equal to request dot getParameter within brackets and double quotes userName and semicolon. |
04:35 | Note that this userName is the name we have included in the form tag for User Name. |
04:43 | Similarly, we will retrieve the password also. |
04:48 | So, on the next line, type: String space password equal to request dot getParameter within brackets and double quotes password semicolon. |
05:03 | Next, we will print the UserName in the output. |
05:08 | So, on the next line, type: |
05:10 | out dot println within brackets and double quotes Hello from GET Method plus username. |
05:21 | Now, to run this project, right-click on MyFirstProject. |
05:27 | Click on Clean and Build. |
05:29 | Again right-click on MyFirstProject , click on Run. |
05:35 | So, the server is up and running. |
05:38 | It has deployed MyFirstProject. |
05:41 | We have got our Home page displayed in the browser. |
05:45 | Observe that the title of the page is Home Page. |
05:50 | We can see a very simple login form here. |
05:54 | Let me enter the Username and Password. |
05:58 | I will type arya as the Username. |
06:02 | And arya*123 as the Password. |
06:06 | Then click on Sign In. |
06:09 | We can see that we have got the output Hello from GET Method arya. |
06:15 | Now, the user was able to login here because we have not included any validation inside the code. |
06:24 | We will do this in the later tutorial. |
06:28 | Now, have a look at the URL here. |
06:31 | It is localhost colon 8080 slash MyFirstProject slash GreetingServletPath question mark userName equal to arya and password equal to arya *123. |
06:49 | Now, the form data is separated from the page information by a question mark. |
06:56 | We can see that the username and password that we had entered in the form are inside the URL also. |
07:05 | Now let us try to do the same, using POST Method. |
07:10 | So, switch back to the IDE. |
07:12 | Copy the code we had written for doGet method and paste in the doPost method. |
07:20 | Now, change the println statement to Hello from POST Method. |
07:27 | Now, let us open index dot jsp. |
07:31 | Here, we must change the method attribute of the form tag to POST. |
07:37 | You can have a look at this code now. |
07:42 | We have form action equal to GreetingServletPath method equal to POST. |
07:49 | Now, we will run this Project again. |
07:53 | So, right-click on MyFirstProject and click on Run. |
07:58 | We have got the output similar to the one we got when we used the GET method. |
08:04 | So, let us type UserName and Password again. |
08:08 | Then click on Sign In. |
08:12 | Note that we have got Hello from POST Method arya. |
08:17 | Now, take a look at the URL. |
08:19 | It is localhost colon 8080 slash MyFirstProject slash GreetingServlet Path. |
08:25 | Here, we do not see the form data in the URL of the request. |
08:30 | This is the major difference between doGet and doPost methods. |
08:35 | Now, let us learn when to use GET and when to use POST methods. |
08:42 | GET method is used when: |
08:44 | the form is small and hence the data is less. |
08:48 | the user wants the contents of the data to be visible in the URL. |
08:53 | POST method is used when: |
08:55 | the form is large and hence the data is more. |
09:00 | the user does not want the contents of the data to be visible in the URL. |
09:06 | ex: passwords |
09:08 | Let us summarize. |
09:10 | In this tutorial we have learnt to: |
09:12 | create a simple login form using JSP |
09:16 | Pass parameters using doGet method |
09:19 | Pass parameters using doPost method |
09:22 | Difference between doGet and doPost methods. |
09:26 | Please make sure that you have completed this tutorial before proceeding further. |
09:32 | Watch the video available at the following link. |
09:35 | It summarizes the Spoken Tutorial Project. |
09:38 | If you do not have good bandwidth, you can download and watch it. |
09:42 | The Spoken Tutorial Project Team: |
09:45 | Conducts workshops using spoken tutorials. |
09:48 | Gives certificates for those who pass an online test. |
09:52 | For more details please write to: contact at spoken hyphen tutorial dot org. |
09:58 | Spoken Tutorial Project is a part of the "Talk to a Teacher" Project. |
10:02 | It is supported by the National Mission on Education through ICT, MHRD, Government of India. |
10:09 | More information on this mission is available at http://spoken-tutorial.org/NMEICT-Intro |
10:19 | The Library Management System has been contributed by a leading software MNC through their "Corporate Social Responsibility Programme". |
10:28 | They have also validated the content for this spoken tutorial. |
10:32 | This is Arya Ratish from IIT Bombay, signing off. Thank you for joining. |