In this article you will learn how to create a JSP CRUD application with Pagination, Sorting and export option using NetBeans IDE and MySQL 5. This simple application is a Create, Read, Update and Delete application operating on an ‘emp’ table in ‘test’ database in MySQL Database Server.

Software Used

  1. JDK 8u25
  2. NetBeans IDE 8.02
  3. MySQL 5.*(or XAMPP)
  4. MySQL Connector 5.*
  5. Hibernate 4.3.** (Bundled with NetBeans)
  6. Display Tag Library(For pagination ,sorting and export)

Steps:

  1. Install JDK8 or JDK7 if not installed.
  2. Install NetBeans and associated ApacheTomcat Server.
  3. Install MySQL Database server or XAMPP (for easy MySQL management).

After Installing NetBeans click the services tab on the left.Expand Database node.Expand Drivers node. Right click MySQL(Connector/Jdriver) then connect.Put test as the database. As shown below. Put password if you have given password at the time of installation of MySQL database server. For XAMPP no password is required. Then test connection. If successful click finish button.

finish

Create ‘Emp’ Table using below script in MySQL TEST Database,

  1. CREATE TABLE `Emp` (
  3. `empno` int(10) unsigned NOT NULL auto_increment,
  5. `ename` varchar(45) NOT NULL,
  7. `sal` int(15) NOT NULL,
  9. `dob` date NOT NULL,
  11. PRIMARY KEY (`empno`)
  13. ) ENGINE=InnoDB AUTO_INCREMENT=1 DEFAULT CHARSET=utf8;

Project Structure:

Structure

Creating Project JSPHibernate4EmployeeCRUD

File, New Project, Categories, Choose JavaWeb, then choose WebApplication, Click Next and Give Project Name JSPHibernate4EmployeeCRUD, then click Next and choose Framework Hibernate, then click Finish

Download and add the following libraries(JAR) one by one by right clicking the libraries folder in project window then-Add JAR/Folder.

  1. MySQL-Connector.java-5.1.35-bin.jar
  2. displaytag-1.2.jar
  3. displaytag-export-poi-1.2.jar
  4. displaytag-portlet-1.2.jar
  5. commons-beanutilis-1.8.0.jar
  6. commons-collections-3.1.jar
  7. commons-lang-2.4.jar

Creating Packages and Classes

Right click SourcePackages folder and create three packages,

  1. com.dao- This would contain DAO (Data Access Object) class empDao.java.
  2. com.model.pojo- This would contain entity class Emp.java.
  3. com.util- This will contain HibernateUtil.java class

Following Files would be created using Netbeans,

  1. hibernate.cfg.xml File-Automatically generated.
  2. Reverse Engineering File-hibernate.reveng.xml.
  3. Entity(POJO) File-Emp.java(POJO stands for Plain Old Java Objects).
  4. DataAccessObject(DAO) File-àempDao.java.
  5. HibernateUtil.java File.
  6. web.xml (Automatically generated)
  7. index.jsp (Add employee record and displays all employee records)
  8. deleteEmp.jsp (Displays employee record before deleting)
  9. updateEmp.jsp (Displays employee record for updating)

1.hibernate.cfg.xml

It is generated automatically when connected to test database of MySQL.

By Netbeans Services Tab àDatabasesàGet connected to test database.

COPY AND PASTE CODE OF THE FILE GIVEN BELOW WHOSE CODE IS NOT GENERATED

2. Creating Reverse Engineering File-àhibernate.reveng.xml

Reverse

Right Click default package in the Source Package, new, choose Hibernate Reverse Engineering Wizard, click next, then choose emp table, Add, then click finish.

Code

  1. <?xml version="1.0" encoding="UTF-8"?>
  3. <!DOCTYPE hibernate-reverse-engineering PUBLIC "-//Hibernate/Hibernate Reverse Engineering DTD 3.0//EN" "http://hibernate.sourceforge.net/hibernate-reverse-engineering-3.0.dtd">
  5. <hibernate-reverse-engineering>
  7. <schema-selection match-catalog="test" />
  9. <table-filter match-name="emp" />
  11. </hibernate-reverse-engineering>

3. Creating Annotation Based Entity (pojo) Class File Emp.java

Emp.java Class File

Important:To create this file MySQL database test must be connected through NetBeans.

Right click com.model package--new-Hibernate Mappling Files and pojos from database, then click Finish

Connect to database, then the following window opens . Check EJB3.0 annotation box, uncheck Hibernate XML Mapping check box. Choose package com.model.pojo.

Annotation Based Entity

Emp.java Class File

  1. package com.model.pojo;
  3. // Generated Mar 3, 2016 3:30:15 PM by Hibernate Tools 4.3.1
  5. import java.util.Date;
  7. import javax.persistence.Column;
  9. import javax.persistence.Entity;
  11. import javax.persistence.GeneratedValue;
  13. import static javax.persistence.GenerationType.IDENTITY;
  15. import javax.persistence.Id;
  17. import javax.persistence.Table;
  19. import javax.persistence.Temporal;
  21. import javax.persistence.TemporalType;
  23. /**
  25. * Emp generated by hbm2java
  27. */
  29. @Entity
  31. @Table(name = "emp"
  33. , catalog = "test"
  35. )
  37. public class Emp implements java.io.Serializable {
  39. private Integer empno;
  41. private String ename;
  43. private Integer sal;
  45. private Date dob;
  47. public Emp() {
  49. }
  51. public Emp(String ename, Integer sal, Date dob) {
  53. this.ename = ename;
  55. this.sal = sal;
  57. this.dob = dob;
  59. }
  61. @Id @GeneratedValue(strategy = IDENTITY)
  63. @Column(name = "empno", unique = true, nullable = false)
  65. public Integer getEmpno() {
  67. return this.empno;
  69. }
  71. public void setEmpno(Integer empno) {
  73. this.empno = empno;
  75. }
  77. @Column(name = "ename", length = 20)
  79. public String getEname() {
  81. return this.ename;
  83. }
  85. public void setEname(String ename) {
  87. this.ename = ename;
  89. }
  91. @Column(name = "sal")
  93. public Integer getSal() {
  95. return this.sal;
  97. }
  99. public void setSal(Integer sal) {
  101. this.sal = sal;
  103. }
  105. @Temporal(TemporalType.DATE)
  107. @Column(name = "dob", length = 10)
  109. public Date getDob() {
  111. return this.dob;
  113. }
  115. public void setDob(Date dob) {
  117. this.dob = dob;
  119. }
  121. //This method writes the values of contact object with System.out.println(Emp.toString()) code
  123. @Override
  125. public String toString() {
  127. return "Emp"
  129. +"\n\t EmpNo: " + this.empno
  131. +
  132. "\n\t EmployeeName: " + this.ename
  134. +
  135. "\n\t Salary: " + this.sal
  137. +
  138. "\n\t Date of Birth: " + this.dob;
  140. }
  142. }

4. Creating DataAccessObject (DAO) File

empDao.java File

Right click com.dao package, new, JavaClass, Give class name empDao, then click Finish.

empDao.java File CODE:

  1. package com.dao;
  3. import java.util.List;
  5. import java.util.ArrayList;
  7. import org.hibernate.Query;
  9. import org.hibernate.Transaction;
  11. import org.hibernate.Session;
  13. import com.util.HibernateUtil;
  15. import com.model.pojo.Emp;
  17. /**
  19. *
  21. * @author Raichand
  23. */
  25. public class empDao {
  27. private Emp emp;
  29. private Emp newemp;
  31. private List < Emp > DaoAllEmp;
  33. private List < Emp > DaoSearchEmpList;
  35. //Session session;
  37. public List < Emp > getAllEmployee() {
  39. Session session = HibernateUtil.getSessionFactory().openSession();
  41. try {
  43. session.beginTransaction();
  45. DaoAllEmp = session.createCriteria(Emp.class).list();
  47. int count = DaoAllEmp.size();
  49. System.out.println("No of Record From Dao: " + count);
  52. session.getTransaction().commit();
  54. } catch (Exception e) {
  56. e.printStackTrace();
  58. // ses.getTransaction().rollback();
  60. }
  62. session.close();
  64. return DaoAllEmp;
  66. }
  68. public List < Emp > SearchByRecordNo(String RecordNo) {
  70. Session session = HibernateUtil.getSessionFactory().openSession();
  72. List < Emp > daoSearchList = new ArrayList < > ();
  74. // List<Item> daoSearchList =null;
  76. try {
  78. session.beginTransaction();
  80. Query qu = session.createQuery("From Emp E where E.recordno =:recordNo"); //User is the entity not the table
  82. daoSearchList = qu.list();
  84. int count = daoSearchList.size();
  86. session.getTransaction().commit();
  88. } catch (Exception e) {
  90. e.printStackTrace();
  92. session.getTransaction().rollback();
  95. } finally {
  97. session.close();
  99. }
  101. return daoSearchList;
  103. }
  105. public void add(Emp emp) {
  107. Transaction trans = null;
  109. Session session = HibernateUtil.getSessionFactory().openSession();
  111. try {
  113. String name = emp.getEname();
  115. System.out.println("Employee Name:" + name);
  117. // begin a transaction
  119. session.beginTransaction();
  121. session.persist(emp);
  123. session.getTransaction().commit();
  125. System.out.println("New Employee saved, EmpNo: " +
  127. emp.getEname());
  129. } catch (RuntimeException e) {
  131. if (trans != null) {
  133. trans.rollback();
  135. }
  137. e.printStackTrace();
  139. } finally {
  141. session.flush();
  143. session.close();
  145. }
  148. }
  151. public void delete(Emp emp) {
  153. Transaction trans = null;
  155. Session session = HibernateUtil.getSessionFactory().openSession();
  157. try {
  159. String EmpName = (emp.getEname());
  161. System.out.println("Emp deleted, EmpName: " + EmpName);
  163. // begin a transaction
  165. session.beginTransaction()
  167. session.delete(emp);
  169. session.getTransaction().commit();
  171. System.out.println("Emp Deleted, : " + emp.toString());
  173. } catch (RuntimeException e) {
  175. if (trans != null) {
  177. trans.rollback();
  179. }
  181. e.printStackTrace();
  183. } finally {
  185. session.flush();
  187. session.close();
  189. }
  192. }
  195. public void update(Emp emp) {
  197. Transaction trans = null;
  199. Session session = HibernateUtil.getSessionFactory().openSession();
  201. try {
  203. String EmpName = (emp.getEname());
  205. System.out.println("Emp updated, EmpName: " + EmpName);
  207. // begin a transaction
  209. session.beginTransaction();
  211. session.update(emp);
  213. session.getTransaction().commit()
  215. } catch (RuntimeException e) {
  217. if (trans != null) {
  219. trans.rollback();
  221. }
  223. e.printStackTrace();
  225. } finally {
  227. session.flush();
  229. session.close();
  231. }
  233. }
  235. public Emp getEmpbyEmpNo(int empno) {
  237. Session session = HibernateUtil.getSessionFactory().openSession();
  239. session.beginTransaction();
  241. emp = (Emp) session.load(Emp.class, empno);
  243. System.out.println(emp.toString());
  245. session.getTransaction().commit();
  247. session.close();
  249. return emp;
  251. }
  253. }

5.HibernateUtil.java File

Right click com.util folder, new, javaclass, Class name, then give name HibernateUtil, then click Finish.

HibernateUtil.java CODE:

  1. import org.hibernate.SessionFactory;
  3. import org.hibernate.boot.registry.StandardServiceRegistryBuilder;
  5. import org.hibernate.cfg.Configuration;
  7. import org.hibernate.service.ServiceRegistry;
  9. public class HibernateUtil
  11. {
  13. private static SessionFactory sessionFactory = buildSessionFactory();
  15. private static SessionFactory buildSessionFactory()
  17. {
  19. try
  21. {
  23. if (sessionFactory == null) {
  25. // loads configuration and mappings
  27. Configuration configuration = new Configuration().configure();
  29. ServiceRegistry serviceRegistry
  31. = new StandardServiceRegistryBuilder()
  33. .applySettings(configuration.getProperties()).build();
  35. // builds a session factory from the service registry
  37. sessionFactory = configuration.buildSessionFactory(serviceRegistry);
  39. }
  41. return sessionFactory;
  43. } catch (Throwable ex)
  45. {
  47. System.err.println("Initial SessionFactory creation failed." + ex);
  49. throw new ExceptionInInitializerError(ex);
  51. }
  53. }
  55. public static SessionFactory getSessionFactory()
  57. {
  59. return sessionFactory;
  61. }
  63. public static void closeSession()
  65. {
  66. getSessionFactory().close();
  68. }
  70. }

6. web.xml (Automatically generated)

CODE:

  1. <?xml version="1.0" encoding="UTF-8"?>
  3. <web-app version="3.1" xmlns="http://xmlns.jcp.org/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee
  5. http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd">
  7. <session-config>
  9. <session-timeout>
  11. 30
  13. </session-timeout>
  15. </session-config>
  17. <welcome-file-list>
  19. <welcome-file>index.jsp</welcome-file>
  21. </welcome-file-list>
  23. </web-app>

6. Creating index.jsp File

Right click WebPages folderàNewàJspàGive name index.jsp then click Finish.

Similarly create deleteEmp.jsp and updateEmp.jsp files.

Index.jsp

7.index.jsp code:

  1. <%@page contentType="text/html" pageEncoding="UTF-8"%>
  3. <%@page import="java.util.ArrayList"%>
  5. <%@page import="com.model.pojo.Emp"%>
  7. <%@page import ="java.util.Date"%>
  9. <%@page import = "java.text.SimpleDateFormat"%>
  11. <%@page import="com.dao.empDao"%>
  13. <%@page import="java.util.List"%>
  15. <jsp:useBean id="emp" class="com.model.pojo.Emp">
  17. </jsp:useBean>
  19. <jsp:setProperty property="*" name="emp" />
  21. <%@ taglib prefix="display" uri="http://displaytag.sf.net"%>
  23. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  25. <html>
  27. <head>
  29. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  32. <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
  34. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js" type="text/javascript"></script>
  36. <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js" type="text/javascript"></script>
  38. <script type="text/javascript">
  39. $(document).ready(function() {
  41. $("#datepicker").datepicker({
  43. showButtonPanel: true,
  45. showOn: "button",
  47. buttonText: "Select date",
  49. dateFormat: 'yy-mm-dd',
  51. changeMonth: true,
  53. changeYear: true,
  55. yearRange: "-90:"
  58. });
  60. });
  61. </script>
  63. <title>Display tag Pagination and Sorting Example in JSP</title>
  65. </head>
  68. <%
  71. empDao dao = new empDao();
  73. List empList = dao.getAllEmployee();
  75. request.setAttribute("empList", empList);
  77. int count = dao.getAllEmployee().size();
  79. System.out.println("No of Record: " + count);
  81. String name=request.getParameter("ename");
  83. String sd = request.getParameter("sd");
  85. System.out.println(sd);
  87. System.out.println(name);
  89. if(name != null)
  91. {
  94. SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd");
  96. Date dob = sdf.parse(sd);
  98. emp.setDob(dob);
  100. dao.add(emp);
  102. empList = dao.getAllEmployee();
  104. request.setAttribute("empList", empList);
  106. }
  108. %>
  111. <body>
  113. <form name="f1" action="index.jsp" method="post">
  115. <table width="471" border="1">
  118. <tr>
  120. <th>Employee Name </th>
  122. <td><input name="ename" type="text"></td>
  124. </tr>
  126. <tr>
  128. <th>Salary </th>
  130. <td><input name="sal" type="text"></td>
  132. </tr>
  134. <tr>
  136. <th>Date of Birth</th>
  138. <td><input name="sd" type="text" id="datepicker"></td>
  140. </tr>
  142. <tr>
  144. <th colspan="2"><input type="submit" onclick=u pdate(EmpTable) name="s1" value="Add">
  146. </th>
  148. </tr>
  150. </table>
  152. </form>
  155. <display:table id="EmpTable" name="empList" class="dataTable" export="true" pagesize="10" cellpadding="5px;" uid="row" cellspacing="5px;" style="margin-left:50px;margin-top:20px;" requestURI="">
  157. <display:column property="ename" title="Name" sortable="true" />
  159. <display:column property="sal" title="Salary" />
  161. <display:column property="dob" format="{0,date,dd-MMM-yyyy}" title="BirthDate" />
  163. <display:column property="empno" format="Edit" href="updateEmp.jsp" paramId="empno" paramProperty="empno" title="Action" />
  165. <display:column property="empno" format="Delete" href="deleteEmp.jsp" paramId="empno" paramProperty="empno" title="Action" />
  167. <display:setProperty name="export.excel.filename" value="EmployeeDetails.xls" />
  169. <display:setProperty name="export.pdf.filename" value="EmployeeDetails.pdf" />
  171. <display:setProperty name="export.csv.filename" value="EmployeeDetails.csv" />
  173. </display:table>
  175. </body>
  177. </html>

8.DeleteEmp.jsp file code:

  1. <%@page contentType="text/html" pageEncoding="UTF-8"%>
  3. <%@page import="java.util.ArrayList"%>
  5. <%@page import="com.model.pojo.Emp"%>
  7. <%@page import ="java.util.Date"%>
  9. <%@page import = "java.text.SimpleDateFormat"%>
  11. <%@page import="com.dao.empDao"%>
  13. <%@page import="java.util.List"%>
  15. <jsp:useBean id="emp" class="com.model.pojo.Emp">
  17. </jsp:useBean>
  19. <%@ taglib prefix="display" uri="http://displaytag.sf.net"%>
  21. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  23. <html>
  25. <head>
  27. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  29. <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
  31. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js" type="text/javascript"></script>
  33. <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js" type="text/javascript"></script>
  35. <script type="text/javascript">
  36. $(document).ready(function() {
  38. $("#datepicker").datepicker({
  40. showButtonPanel: true,
  42. showOn: "button",
  44. buttonText: "Select date",
  46. dateFormat: 'yy-mm-dd',
  48. changeMonth: true,
  50. changeYear: true,
  52. yearRange: "-90:"
  55. });
  57. });
  58. </script>
  60. <title>Update Employee</title>
  62. </head>
  64. <body>
  66. <%
  68. String sub=request.getParameter("s1");
  70. empDao dao = new empDao();
  72. Emp deleteemp = new Emp();
  74. String num=request.getParameter("empno");
  76. int salary=0;
  78. String name="";
  80. Date dob=null;
  82. if(sub == null){
  84. //num=request.getParameter("empno");
  86. int empno =Integer.parseInt(num);
  88. deleteemp = dao.getEmpbyEmpNo(empno);
  90. salary = deleteemp.getSal();
  92. name = deleteemp.getEname();
  94. //out.println(deleteemp.toString());//Debugging Purpose
  96. dob = deleteemp.getDob();
  98. }
  100. if(sub != null)
  102. {
  104. //deleting record
  106. int eno= Integer.parseInt(request.getParameter("eno"));
  108. deleteemp.setEmpno(eno);
  110. //out.println(deleteemp.toString());
  112. dao.delete(deleteemp);
  114. response.sendRedirect("index.jsp");
  117. }
  119. %>
  121. <form name="f1" action="deleteEmp.jsp" method="post">
  123. <table width="471" border="1">
  125. <tr>
  127. <th> Employee No </th>
  129. <td><input name="eno" type="text" value="<%= num %>" onFocus="this.blur()">
  131. </td>
  133. </tr>
  135. <tr>
  137. <th>Employee Name </th>
  139. <td><input name="ename" type="text" value="<%= name %>"></td>
  141. </tr>
  143. <tr>
  145. <th>Salary </th>
  147. <td><input name="esal" type="text" value="<%= salary %>"></td>
  149. </tr>
  151. <tr>
  153. <th>Date of Birth</th>
  155. <td><input name="sd" type="text" id="datepicker" value="<%= dob %>" size=30></td>
  157. </tr>
  159. <tr>
  161. <th colspan="2"><input type="submit" onclick="if(confirm('Delete Record?'))
  163. alert('Record Deleted Successfully!'); else alert('A wise decision!')" name="s1" value="Delete">
  165. </th>
  167. </tr>
  169. </table>
  171. </form>
  173. </body>
  175. </html>

9.UpdateEmp.jsp file code:

  1. <%@page contentType="text/html" pageEncoding="UTF-8"%>
  3. <%@page import="java.util.ArrayList"%>
  5. <%@page import="com.model.pojo.Emp"%>
  7. <%@page import ="java.util.Date"%>
  9. <%@page import = "java.text.SimpleDateFormat"%>
  11. <%@page import="com.dao.empDao"%>
  13. <%@page import="java.util.List"%>
  15. <jsp:useBean id="emp" class="com.model.pojo.Emp">
  17. </jsp:useBean>
  19. <%@ taglib prefix="display" uri="http://displaytag.sf.net"%>
  21. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  23. <html>
  25. <head>
  27. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  29. <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
  31. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js" type="text/javascript"></script>
  33. <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js" type="text/javascript"></script>
  35. <script type="text/javascript">
  36. $(document).ready(function() {
  38. $("#datepicker").datepicker({
  40. showButtonPanel: true,
  42. showOn: "button",
  44. buttonText: "Select date",
  46. dateFormat: 'yy-mm-dd',
  48. changeMonth: true,
  50. changeYear: true,
  52. yearRange: "-90:"
  55. });
  57. });
  58. </script>
  60. <title>Update Employee</title>
  63. </head>
  65. <body>
  67. <%
  69. String sub=request.getParameter("s1");
  71. empDao dao = new empDao();
  73. String num="";
  75. int salary=0;
  77. String name="";
  79. Date dob=null;
  81. int empno = 0;
  83. if(sub == null){
  85. num=request.getParameter("empno");
  87. empno=Integer.parseInt(num);
  89. Emp editemp = dao.getEmpbyEmpNo(empno);
  91. //System.out.println(editemp.toString());//Debugging Purpose
  93. salary = editemp.getSal();
  95. name = editemp.getEname();
  97. //out.println(editemp.toString());//Debugging Purpose
  99. dob = editemp.getDob();
  101. }
  103. if(sub != null)
  105. {
  107. int neweno= Integer.parseInt(request.getParameter("eno"));
  109. String sd = request.getParameter("sd");
  111. String newename = request.getParameter("ename");
  113. int newSalary= Integer.parseInt(request.getParameter("esal"));
  115. //out.println(sd);
  117. if(sd != null)
  119. {
  122. SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd");
  124. Date dobdate = sdf.parse(sd);
  126. emp.setEmpno(neweno);
  128. emp.setEname(newename);
  130. emp.setSal(newSalary);
  132. emp.setDob(dobdate);
  134. dao.update(emp);
  136. %>
  138. <script type="text/javascript" language="javascript">
  139. alert("Record Updated successful");
  141. document.location = "index.jsp";
  142. </script>
  144. <%
  146. // out.println(newename);//Debugging purpose
  148. // out.println(emp.toString());//Debugging purpose
  152. }
  154. }
  156. %>
  158. <form name="f1" action="updateEmp.jsp" method="post">
  160. <table width="471" border="1">
  162. <tr>
  164. <th> Employee No </th>
  166. <td><input name="eno" type="text" value="<%= num %>" onFocus="this.blur()">
  168. </td>
  170. </tr>
  172. <tr>
  174. <th>Employee Name </th>
  176. <td><input name="ename" type="text" value="<%= name %>"></td>
  178. </tr>
  180. <tr>
  182. <th>Salary </th>
  184. <td><input name="esal" type="text" value="<%= salary %>"></td>
  186. </tr>
  188. <tr>
  190. <th>Date of Birth</th>
  192. <td><input name="sd" type="text" id="datepicker" value="<%= dob %>" size=30></td>
  194. </tr>
  196. <tr>
  198. <th colspan="2"><input type="submit" name="s1" value="Update">
  200. </th>
  202. </tr>
  204. </table>
  206. </form>
  208. </body>
  210. </html>

index.jsp

index

Update.jsp

Update

Modify the displayed record and click update.

Delete.jsp

Delete

Click Delete button to delete record after viewing it.