使用JSP进行CRUD操作
根据学生的要求，我们使用JSP，Bootstrap和MYSQL提供CRUD操作。
对任何Web应用程序完成的常见操作是CRUD，即CREATE，READUPDATE＆DELETE。为了发展，学习一个应该更强大的能力来处理这些操作。而且最好是使用JSP而不是Servlet来执行此操作。因此，Servlet和JSP之间的主要区别将很快得到解决。首先，让我们进入最新的。
CRUD-创建，读取，更新和删除操作
CREATE-在这里，从某种意义上讲CREATE进行保存，即我们最初希望从用户存储在数据库中的输入。
阅读-在我们创建或保存数据库中的详细信息后，我们希望它们可以在用户界面中访问。因此，我们必须读取保存的值（我们之前做过，即CREATE）。可以通过SELECT查询来实现此READ。
注意：如果只希望保存当时保存的详细信息，则必须确保将SELECTQUERY（选择查询）更改为当前正在处理的USERID。
UPDATE-要更新数据库中保存的详细信息，您必须创建MAIN页面的伪页面，该页面具有注册或特定页面中提到的相同细节，并且每当用户单击EDIT按钮或链接时，我们都应重定向到该虚拟页面，其中包含用户要求进行编辑和更新的值。
DELETE-DELETE操作删除从数据库请求的特定记录。
Index.jsp
在这里，我们从用户那里获取输入，并将操作触发到action.jsp。
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1" import="com.includehelp.*, java.util.*"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>CRUD</title>
<link rel="stylesheet" href="css/bootstrap.css">
</head>
<body>
<div>
<div>
<div>
<h3>CRUD OPERATIONS IN JSP with Bootstrap Design</h3>
</div>
<div>
<form action="action.jsp" method="post">
<div>
<label for="UserID">USER ID </label>
<input type="text" id="UserID" name="UserID" placeholder="ENTER YOUR UserID" required="required">
</div>
<div></div>
<div>
<label for="email">EMAIL ID</label>
<input type="email" id="email" name="email" placeholder="ENTER YOUR EMAIL" required="required">
</div>
<div></div>
<div>
<label for="department">DEPARTMENT</label>
<select id="department" required="required" name="department">
<option value="">Select</option>
<option value="MARKETING">MARKETING</option>
<option value="TESTING">TESTING</option>
<option value="DEVELOPMENT">DEVELOPMENT</option>
<option value="TRAINING">TRAINING</option>
</select>
</div>
<div></div>
<div>
<label for="phone">PHONE</label>
<input type="tel" id="phone" name="phone" placeholder="ENTER YOUR PHONE" required="required">
</div>
<div></div>
<div>
<button>REGISTER</button>
</div>
</form>
</div>
</div>
</div>
<%
Operations opObject = new Operations();
List<UserPOJO> list = new ArrayList();
list = opObject.getListUsers();
System.out.println(list.size());
if(!(list.isEmpty())){
%>
<table>
<thead><tr><th></th><th>USER ID</th><th>EMAIL</th><th>PHONE</th><th>DEPARTMENT</th></tr></thead>
<% for(UserPOJO p : list){%>
<tr><td><input type="radio" name="rdValues" id="rdId" value="<%=p.getUserid()+"~"+p.getEmail()+"~"+p.getDepartment()+"~"+p.getPhone()%>"></td><td><%=p.getUserid()%></td><td><%=p.getEmail()%></td><td><%=p.getPhone()%></td><td><%=p.getDepartment()%></td></tr>
<% }%>
</table>
<button name="edit" value="edit" onclick="editThis()">EDIT</button>
<button class ="btn btn-primary" name="delete" value="delete" onclick="deleteThis()">DELETE</button>
<%}
%>
<script>
function editThis(){
var edit;
edit = document.getElementsByName("rdValues");
var selVal="";
for(var c=0;c<edit.length;c++){
if(edit[c].checked == true){
selVal+=edit[c].value;
break;
}
}
window.location.href="edit.jsp?values="+selVal;
}
function deleteThis(){
var values;
values = document.getElementsByName("rdValues");
var selVal="";
for(var c=0;c<values.length;c++){
if(values[c].checked == true){
selVal+=values[c].value;
break;
}
}
window.location.href="delete.jsp?userid="+selVal;
}
</script>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.js"></script>
</body>
</html>