February 07, 2010

Student registration form in Java server page using Html and Java script


A Simple Student Registration Form Using HTML/JavaScript and JSP.

Once a student submit the form it will reach servlet and servlet replies a message.


index.jsp

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Student Details Entering page ( For Athul kannoth )</title>
</head>
<body>
<script>
function streamOnChange() {
var x = document.getElementById("stream_box_id").value;
if(x=="ten"){
document.getElementById("external_internal").disabled = false;
}else{
document.getElementById("external_internal").disabled = true;
}
}
function extOnchange(){
var ext = document.getElementById("external_internal").value;
document.getElementById("freeText").innerHTML = "You selected: " + ext;
}
</script>
</br>
<div>
<select id="stream_box_id" onchange="streamOnChange()"><option
value="seven">seventh</option>
<option value="eight">eight</option>
<option value="nine">nineth</option>
<option value="ten">tenth</option></select>
</div>
<div>
<select id="external_internal" disabled="true" onchange="extOnchange()"><option
value="private">private</option>
<option value="public">public</option>
</select>
<textarea id="freeText" rows="2" cols="20">
</textarea>
</div>
<form action="StudentServlet">

Please enter the name of Student <input type="text" name="name" /><br>
Please enter the roll NO of Student <input type="text" name="rollNo" /><br>
Please enter the age of Student <input type="text" name="age" /><br>
Please enter the class of Student <input type="text" name="stream" /><br>
<input type="submit" value="submit">

</form>

</body>
</html>


Student Servlet


package com.konzern.studentapp.servlets;

import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import com.konzern.studentapp.model.Student;
import com.konzern.studentapp.service.StudentService;
import com.konzern.studentapp.service.StudentServiceInf;

/**
 * Servlet implementation class StudentServlet
 */
@WebServlet(description = "Student Details servlet", urlPatterns = { "/StudentServlet" })
public class StudentServlet extends HttpServlet {
private static final long serialVersionUID = 1L;
     
    /**
     * @see HttpServlet#HttpServlet()
     */
    public StudentServlet() {
        super();
        // TODO Auto-generated constructor stub
    }

/**
* @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
*/
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// TODO Auto-generated method stub
Student student = new Student();
student.setName(request.getParameter("name"));
String rollNo = request.getParameter("rollNo");;
String age = request.getParameter("age");

// student.setRollNo(Integer.parseInt(request.getParameter("rollNo")));
// student.setAge(Integer.parseInt(request.getParameter("age")));
student.setStream(request.getParameter("stream"));
// StudentServiceInf service = new StudentService();
// String message = service.insert(student);
response.getWriter().append("Successfully reached servlet").append(request.getContextPath());
}

/**
* @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
*/
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// TODO Auto-generated method stub
doGet(request, response);
}

}


Web.xml

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://xmlns.jcp.org/xml/ns/javaee" xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd" id="WebApp_ID" version="3.1">
  <display-name>StudentApp</display-name>
  
 <!--   <servlet>
    <servlet-name>StudentServlet</servlet-name>
    <servlet-class>com.konzern.studentapp.servlets.StudentServlet</servlet-class>
  </servlet>

  <servlet-mapping>
    <servlet-name>StudentServlet</servlet-name>
    <url-pattern>/StudentServlet</url-pattern>
  </servlet-mapping> -->
  
  <welcome-file-list>
    <welcome-file>index.html</welcome-file>
    <welcome-file>index.htm</welcome-file>
    <welcome-file>index.jsp</welcome-file>
    <welcome-file>default.html</welcome-file>
    <welcome-file>default.htm</welcome-file>
    <welcome-file>default.jsp</welcome-file>
  </welcome-file-list>
</web-app>


POJO : student POJO ( For data transfer )

/**
 * 
 */
package com.konzern.studentapp.model;

/**
 * @author Athul kannoth
 *
 */
public class Student {
private String name =null;
private int rollNo = 0;
private int age = 0;
private String stream= null;
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
public int getRollNo() {
return rollNo;
}
public void setRollNo(int rollNo) {
this.rollNo = rollNo;
}
public int getAge() {
return age;
}
public void setAge(int age) {
this.age = age;
}
public String getStream() {
return stream;
}
public void setStream(String stream) {
this.stream = stream;
}
}



Thanks for reading this.


January 14, 2010

Student Application Java web application using Servlet Mysql JSP - Athul kannoth


How the request goes ?

The first page executed will be  welcome file in web.xml  then to JSP page , the user click on submit button particular servlet will be called which is specified in the action tag. The request created (example shown by ***) will be reached at web.xml, where we specified servlet mapping. thus it identifies which servlet will be called. since we uses get method, request reaches doGet method inside the servlet.

After getting request parameter using request.getparameter, we assign the values to student pojo object ( to pass the value to insert query inside dao).

Once the request reach dao, we create a connection object for connecting to mysql database, where we need to specifies vendor name, database location, database name, and credential to access the database.

Sql queries are exceuted by Java ( java data base connectivity - JDBC) using a preparestatement.

Thus insert the value to database. Once inserted we will " successfull inserted " message to Users

For that we use the following method inside servlet

response.getWriter().append(message).append(request.getContextPath());

this is the response to user ( ie response will be send back to jsp -java server page)




0. Welcome file (web.xml)

 <welcome-file-list>
    <welcome-file>index.html</welcome-file>
    <welcome-file>index.htm</welcome-file>
    <welcome-file>index.jsp</welcome-file>
    <welcome-file>default.html</welcome-file>
    <welcome-file>default.htm</welcome-file>
    <welcome-file>default.jsp</welcome-file>
  </welcome-file-list>

List of welcome file to be mentioned in the studentapp. which is the entry page of the application.


1. Inside JSP page (file Name : index.jsp)

<form action="StudentServlet">

Please enter the name of Student <input type="text" name="name" /><br>
Please enter the roll NO of Student <input type="text" name="rollNo" /><br>
Please enter the age of Student <input type="text" name="age" /><br>
Please enter the class of Student <input type="text" name="stream" /><br>
<input type="submit" value="submit">

</form>

This is called form action. Once user submit a button  the request will be send to the particular servlet mention in the form action.

*** Request : http://localhost:8080/StudentApp/StudentServlet?name="athul"&age="25"&stream="tcs"&rollno="1224"


2. Inside deployment descriptor ( web.xml)

<servlet>
    <servlet-name>StudentServlet</servlet-name>
    <servlet-class>com.konzern.studentapp.servlets.StudentServlet</servlet-class>
  </servlet>

  <servlet-mapping>
    <servlet-name>StudentServlet</servlet-name>
    <url-pattern>/StudentServlet</url-pattern>
  </servlet-mapping>

This is called servlet mapping - mapping a particular url (http request) to a servlet.





StudentServlet ( Servlet class)

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
/
Student student = new Student();
student.setName(request.getParameter("name"));
student.setRollNo(Integer.parseInt(request.getParameter("rollNo")));
student.setAge(Integer.parseInt(request.getParameter("age")));
student.setStream(request.getParameter("stream"));

StudentDAOservice = new StudentDAO();
String message = service.insert(student);

response.getWriter().append(message).append(request.getContextPath());
}

Once the http request reaches the servlet, the parameters in the http url are get using request.getparameter("name");

The parameters are encapsulated to a student POJO, to data transfer the data inside the application
here in our case to DAO packages.

Student Object will be send to StudentDAO insert method.

Student ( POJO Class)

/**
 *
 */
package com.konzern.studentapp.model;

/**
 * @author Gokul Balan
 *
 */
public class Student {

private String name =null;
private int rollNo = 0;
private int age = 0;
private String stream= null;


public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
public int getRollNo() {
return rollNo;
}
public void setRollNo(int rollNo) {
this.rollNo = rollNo;
}
public int getAge() {
return age;
}
public void setAge(int age) {
this.age = age;
}
public String getStream() {
return stream;
}
public void setStream(String stream) {
this.stream = stream;
}
}



StudentDAO.java ( Data access Objects)

public String insert(Student student) throws SQLException {
PreparedStatement p= MySQLConnection.prepareStatement(" insert into ipmanagetable(name,age,rollno,class) values(?,?,?,?)");
p.setString(1,student.getName());
p.setInt(2,student.getAge());
p.setInt(3, student.getRollNo());
p.setString(4, student.getStream());
int output = p.executeUpdate();
return "Student information saved";
}


Here is where we use to write queries to insert, update, delete operations ( SQL queries ).

We use PrepareStatement in JDBC to write sql queries.

PreparedStatement.execute(); method will exceute the sql query.


MySQL Connection class


public static Connection connectionInstance() {
try {
Class.forName("com.mysql.jdbc.Driver");
Connection con =  DriverManager.getConnection("jdbc:mysql://localhost/StudentAppDb", "username", "password");
return con;
} catch (Exception e) {
e.printStackTrace();
}
return null;
}

You need to specify which driver you are using
Class.forName("com.mysql.jdbc.Driver");

For different database vendors the driver names will be different .

com.mysql.jdbc.Driver is for mysql.

In DriverManager.getConnection, you need to specify database vendor:// location of database/ database name in additional to authentication credentials ie username & password.



Thanks
Athul Kannoth


For any queries feel free to contact us.
















January 07, 2010

Student Management Apps - Web application | Complete source code

Index.JSP

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Student Details Entering page</title>

</head>
<body>

<form action="StudentServlet">

Please enter the name of Student <input type="text" name="name" /><br>
Please enter the roll NO of Student <input type="text" name="rollNo" /><br>
Please enter the age of Student <input type="text" name="age" /><br>
Please enter the class of Student <input type="text" name="stream" /><br>
<input type="submit" value="submit">

</form>

</body>
</html>


Web.xml ( Deployment Descriptor)

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://xmlns.jcp.org/xml/ns/javaee" xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd" id="WebApp_ID" version="3.1">
  <display-name>StudentApp</display-name>
 
 <!--   <servlet>
    <servlet-name>StudentServlet</servlet-name>
    <servlet-class>com.konzern.studentapp.servlets.StudentServlet</servlet-class>
  </servlet>

  <servlet-mapping>
    <servlet-name>StudentServlet</servlet-name>
    <url-pattern>/StudentServlet</url-pattern>
  </servlet-mapping> -->
 
  <welcome-file-list>
    <welcome-file>index.html</welcome-file>
    <welcome-file>index.htm</welcome-file>
    <welcome-file>index.jsp</welcome-file>
    <welcome-file>default.html</welcome-file>
    <welcome-file>default.htm</welcome-file>
    <welcome-file>default.jsp</welcome-file>
  </welcome-file-list>
</web-app>



Student Servlet

package com.konzern.studentapp.servlets;

import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import com.konzern.studentapp.model.Student;
import com.konzern.studentapp.service.StudentService;
import com.konzern.studentapp.service.StudentServiceInf;

/**
 * Servlet implementation class StudentServlet
 */
@WebServlet(description = "Student Details servlet", urlPatterns = { "/StudentServlet" })
public class StudentServlet extends HttpServlet {
private static final long serialVersionUID = 1L;
     
    /**
     * @see HttpServlet#HttpServlet()
     */
    public StudentServlet() {
        super();
        // TODO Auto-generated constructor stub
    }

/**
* @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
*/
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// TODO Auto-generated method stub
Student student = new Student();
student.setName(request.getParameter("name"));
student.setRollNo(Integer.parseInt(request.getParameter("rollNo")));
student.setAge(Integer.parseInt(request.getParameter("age")));
student.setStream(request.getParameter("stream"));
StudentServiceInf service = new StudentService();
String message = service.insert(student);
response.getWriter().append(message).append(request.getContextPath());
}

/**
* @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
*/
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// TODO Auto-generated method stub
doGet(request, response);
}

}


Student POJO object

/**
 * 
 */
package com.konzern.studentapp.model;

/**
 * @author Athul kannoth
 *
 */
public class Student {
private String name =null;
private int rollNo = 0;
private int age = 0;
private String stream= null;
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
public int getRollNo() {
return rollNo;
}
public void setRollNo(int rollNo) {
this.rollNo = rollNo;
}
public int getAge() {
return age;
}
public void setAge(int age) {
this.age = age;
}
public String getStream() {
return stream;
}
public void setStream(String stream) {
this.stream = stream;
}

}


Student Service


/**
 * 
 */
package com.konzern.studentapp.service;

import com.konzern.studentapp.model.Student;

/**
 * @author Athul kannoth
 *
 */
public interface StudentServiceInf {
public String insert(Student student);

}

/**
 * 
 */
package com.konzern.studentapp.service;

import java.sql.SQLException;

import com.konzern.studentapp.dao.StudentDAO;
import com.konzern.studentapp.dao.StudentDAOInf;
import com.konzern.studentapp.model.Student;

/**
 * @author Gokul balan
 *
 */
public class StudentService implements StudentServiceInf {
private StudentDAOInf studentDaoInf = null;
private StudentDAOInf getStudentDAO() {
studentDaoInf = new StudentDAO();
return studentDaoInf;
}

@Override
public String insert(Student student) {
try {
return getStudentDAO().insert(student);
// return "success";
} catch (Exception e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
return "Technical Failure";
}

}


Student DAO

/**
 * 
 */
package com.konzern.studentapp.dao;

import java.sql.SQLException;

import com.konzern.studentapp.model.Student;

/**
 * @author Apple
 *
 */
public interface StudentDAOInf {
public String insert(Student student) throws SQLException;

}


/**
 * 
 */
package com.konzern.studentapp.dao;

import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.SQLException;

import com.konzern.studentapp.model.Student;

/**
 * @author Kouta
 *
 */
public class StudentDAO implements StudentDAOInf {
private Connection getConnection() {
return  MysqlConnection.connectionInstance();
}

@Override
public String insert(Student student) throws SQLException {
PreparedStatement p= getConnection().prepareStatement(" insert into ipmanagetable(ipadd,port,date) values(?,?,?)");
p.setString(1,student.getName());
p.setInt(2,student.getAge());
p.setInt(3, student.getRollNo());
p.setString(4, student.getStream());
int output = p.executeUpdate();
return "Student information saved";
}

}


MySQL Connection Class


/**
 * Arjun babu 
 */
package com.konzern.studentapp.dao;

import java.sql.DriverManager;
import java.sql.Connection;

/**
 * @author Arjun babu
 *
 */
public class MysqlConnection {

public static Connection connectionInstance() {
try {
Class.forName("com.mysql.jdbc.Driver");
Connection con =  DriverManager.getConnection("jdbc:mysql://localhost/StudentAppDb", "username", "password");
return con;
} catch (Exception e) {
e.printStackTrace();
}
return null;
}

/**
* @param args
*/
public static void main(String[] args) {
// TODO Auto-generated method stub

}

}



For Complete explanation ( Full source code explain )








Facebook comments