JSTL Emp Management

October 3, 2011
[JSP-SERVLET <<=>> JSTL]
Using JSTL
1. SQL tag library to manage employees
a. insert, delete, update and add new
b. manage user transaction
2. Using EL to check input data and display data.
a. c:if
b. c:forEach
This demo has some pages
1. Home.jsp
2. List.jsp
3. Insert.jsp
4. Edit.jsp
5. Transaction.jsp
-
Home.jsp has interface as
This is interface of list.jsp page
With page user can view all employee, direct to add new page, delete an employee and direct to
edit page with employee is selected on gird.
CUSC |Ng Tng Dn ntdan@ctu.edu.vn
October 3, 2011
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<%@ taglib prefix="sql" uri="http://java.sun.com/jsp/jstl/sql"%>
<html>
<head>
<link rel="stylesheet" type="text/css" href="Style.css" />
<title>Database demo</title>
</head>
<body>
<h1>Demo sql tag library</h1>
<a href="insert.jsp">Add new</a>
<sql:setDataSource driver="com.microsoft.sqlserver.jdbc.SQLServerDriver"
url="jdbc:sqlserver://ntdan_xp;user=sa;password=sa;database=Northwind;" user="sa"
password="Admin@123" var="conn"/>
<sql:update var="delete" dataSource="${conn}" sql="Delete Employees where
employeeid='${param.del}'" />
<sql:query var="employees" dataSource="${conn}">
Select top 5 EmployeeID, FirstName, LastName from employees
</sql:query>
<table width="100%" border="1px" align="center">
<tr bgcolor="#CFCF99">
<c:forEach var="columnName" items="${employees.columnNames}">
<td width="27%"><c:out value="${columnName}"/></td>
</c:forEach>
<td>Del</td>
</tr>
<c:forEach var="row" items="${employees.rows}">
<tr>
<c:forEach var="column" items="${row}">
<td><c:out value="${column.value}"/></td>
</c:forEach>
<td>
<a href="list.jsp?del=${row.EmployeeID}">Del</a>
<a
href="edit.jsp?id=${row.EmployeeID}&f=${row.FirstName}&l=${row.LastName}">Edit</a>
</td>
</tr>
</c:forEach>
</table>
<div class="footer" align="right">
<br>
<hr>
<h5>Ngo Tuong Dan - 2011 - ntdan@ctu.edu.vn</h5>
</div>
</body>
</html>
Add new emp as
October 3, 2011
When user click on button new emp will insert to database and direct to list.jsp page
<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>
<html>
<head>
<title>Add new</title>
</head>
<body>
<form action="insert.jsp" method="post">
<table align="center">
<tr><td colspan="2" align="center"> <h1>JSP Page</h1></td></tr>
<tr>
<td>First name</td>
<td><input type="text" name="txt"></td>
</tr>
<tr>
<td>Last name</td>
<td><input type="text" name="txt1"></td>
</tr>
<tr>
<td></td>
<td><input type="submit" value="Insert new"></td>
</tr>
</table>
<c:if test="${!empty param.txt}">
<sql:update var="insert" dataSource="${conn}" sql="Insert into
Employees(FirstName, Lastname) Values('${param.txt}','${param.txt1}')" />
<jsp:forward page="list.jsp"/>
</c:if>
</form>
<br>
<hr>
</div>
</body>
</html>
The employee was selected on grid, you need to display page as
October 3, 2011
<%@page contentType="text/html"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Edit Page</title>
</head>
<body>
<a href="insert.jsp">Add new</a> |
<a href="list.jsp">Listall</a>
<form action="edit.jsp" method="post">
<table align="center">
<tr><td colspan="2" align="center"> <h1>JSP Page</h1></td></tr>
<tr>
<td>ID</td>
<td><input type="text" name="txtid" value="${param.id}"></td>
</tr>
<tr>
<td>First name</td>
<td><input type="text" name="txtfirst" value="${param.f}"></td>
</tr>
<tr>
<td>Last name</td>
<td><input type="text" name="txtlast" value="${param.l}"></td>
</tr>
<tr>
<td></td>
<td><input type="submit" value="Update"></td>
</tr>
</table>
<c:if test="${!empty param.txtid}">
<sql:update var="update" dataSource="${conn}">
Update Employees set FirstName=?, Lastname=? where EmployeeID=?
<sql:param value="${param.txtfirst}"/>
<sql:param value="${param.txtlast}"/>
<sql:param value="${param.txtid}"/>
</sql:update>
</c:if>
</form>
<br>
<hr>
</div>
</body>
</html>
This is stylesheet code

body
{
background-color:#FFFFFE;
text-align:left;
}
h1
{
color:orange;
}
h2
{
color:Gray;
}
October 3, 2011
h5
{
color:Gray;
}
p
{
font-family:"Times New Roman";font-size:20px;
}
hr {
border: 0;
color: orange;
background-color: #d0e4fe;
height: 1px;
width: 100%;
text-align: left;
}
input{
border: 1px solid #006;
background: #ffc;
}
input:hover {
border: 1px solid #f00;
background: #ff6;
}
textarea{
border: 1px solid #006;
background: #ffc;
}
textarea:hover {
border: 1px solid #f00;
background: #ff6;
}
submit {
border: none;
background: url('/forms/up.png') no-repeat top left;
padding: 2px 8px;
}
submit:hover {
border: none;
background: url('/forms/down.png') no-repeat top left;
padding: 2px 8px;
}
label {
display: block;
width: 150px;
float: left;
margin: 2px 4px 6px 4px;
text-align: right;
}
br { clear: left; }
table, td
{
border-top: 1px solid #d0e4fe;
border-right: 1px solid #d0e4fe;
border-bottom: 1px solid #d0e4fe;
border-left: 1px solid #d0e4fe;
border-spacing: 0px;
}
td
{
padding: 5px;
}
View of transaction page
October 3, 2011
<%@page contentType="text/html" errorPage="ExceptionHandler.jsp"%>

<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/sql" prefix="sql"%>
<html>
<head>
<title>Transaction</title>
</head>
<body>
<h1>Transaction demo</h1>
<sql:transaction dataSource="${conn}">
<sql:update var="update">
<sql:param value="Mr"/>
<sql:param value="Beeeeeeen"/>
<sql:param value="1"/>
</sql:update>
<sql:update var="update1">
<sql:param value="Mr"/>
<sql:param value="Jacky"/>
<sql:param value="a"/>
</sql:update>
</sql:transaction>
</body>
</html>

JSTL Emp Management

Transféré par

Informations du document

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

JSTL Emp Management

Transféré par

Droits d'auteur :

Formats disponibles

October 3, 2011

[JSP-SERVLET <<=>> JSTL]

Home.jsp has interface as

This is interface of list.jsp page

[JSP-SERVLET <<=>> JSTL]

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

Add new emp as

CUSC |Ng Tng Dn ntdan@ctu.edu.vn

[JSP-SERVLET <<=>> JSTL]

The employee was selected on grid, you need to display page as

CUSC |Ng Tng Dn ntdan@ctu.edu.vn

[JSP-SERVLET <<=>> JSTL]

This is stylesheet code

CUSC |Ng Tng Dn ntdan@ctu.edu.vn

[JSP-SERVLET <<=>> JSTL]

View of transaction page

CUSC |Ng Tng Dn ntdan@ctu.edu.vn

[JSP-SERVLET <<=>> JSTL]

<%@page contentType="text/html" errorPage="ExceptionHandler.jsp"%>

CUSC |Ng Tng Dn ntdan@ctu.edu.vn

Vous aimerez peut-être aussi