使用JSP进行CRUD操作

根据学生的要求，我们使用JSP，Bootstrap和MYSQL提供CRUD操作。

对任何Web应用程序完成的常见操作是CRUD，即CREATE，READ UPDATE＆DELETE。为了发展，学习一个应该更强大的能力来处理这些操作。而且最好是使用JSP而不是Servlet来执行此操作。因此，Servlet和JSP之间的主要区别将很快得到解决。首先，让我们进入最新的。

CRUD-创建，读取，更新和删除操作

CREATE-在这里，从某种意义上讲CREATE进行保存，即我们最初希望从用户存储在数据库中的输入。

阅读-在我们创建或保存数据库中的详细信息后，我们希望它们可以在用户界面中访问。因此，我们必须读取保存的值（我们之前做过，即CREATE）。可以通过SELECT查询来实现此READ。

注意：如果只希望保存当时保存的详细信息，则必须确保将SELECT QUERY（选择查询）更改为当前正在处理的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>

基础教程