HTML + Servlet Program using Eclipse


    How to add a HTML file into your Servlet using Eclipse?

1) Create the following Servlet file in Eclipse (don’t know how to create a servlet in Eclipse? Refer to our post: “ Servlet in Eclipse IDE“)

import javax.servlet.*;
import javax.servlet.http.*;

public class MyServlet extends HttpServlet
	public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException 
		response.setContentType("text/html"); // informing the client that which format of data/response will be send
		PrintWriter out= response.getWriter(); 
		//All data entered into a "TEXT" field of form, is stored as "STRING"
		//Hence if we enter "1" in a "TEXT" field of form, it will be stored as "ONE"
		//To convert it to "INT", we use a predefined function called= "parseInt()"
		int a1= Integer.parseInt(request.getParameter("n1")); 
		// using "getParameter()" to retrieve data entered by user in "n1" field
		int a2= Integer.parseInt(request.getParameter("n2")); 
		if (request.getParameter("r1")!=null) // checking if 1st radio button checked or not?
			out.println("<h3> Addition= </h3>"+(a1+a2));
		else if(request.getParameter("r2")!=null) // checking if 2nd radio button checked or not?
			out.println("<h3> Subtraction= </h3>"+(a1-a2));
		else if(request.getParameter("r3")!=null) //checking if 3rd radio button checked or not?
			out.println("<h3> Multiply= </h3>"+(a1*a2));
			out.println("<h3> Divide= </h3>"+(a1/a2));


2) Next create a HTML File
Right click on “WebContent” folder –> New –> HTML File

Enter File Name: “index.html” and click on “FINISH” button

3) Now replace the existing “index.html” file code with this

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>

<form action="MyServlet" method="get">
Enter 1st Number <input type="text" name="n1"><br>
Enter 2nd Number <input type="text" name="n2"><br>

<input type="radio" name="r1" value="Add">Add<br>
<input type="radio" name="r2" value="Subtract">Subtract<br>
<input type="radio" name="r3" value="Multiply">Multiply<br>
<input type="radio" name="r4" value="Divide">Divide<br>
<input type="Submit" value="Submit">


4) Now press “CTRL”+F11, you will get the following screen. Click on “FINISH BUTTON”, selecting WEB SERVER.

5) You will get output

6) Enter two numbers and perform any option like: