一、今日学习内容
对昨天的代码进行完善
//登录界面 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body> <% Object message = request.getAttribute("message"); if(message!=null && !"".equals(message)){ %> <script type="text/javascript"> alert("<%=request.getAttribute("message")%>"); </script> <%} %> <div align="center"> <h1>登录页面</h1> <div class="content"> <div class="main"> <br/><br/> <form name="form" action="LoginServlet?method=loginadd" method="post" onsubmit="return check()"> 用户名 <input type="text" name="IDuser" placeholder="八位数字组成" /><br/><br/> 密 码<input type="password" name="password" /><br/><br/> 身 份 <select name="flag" class="shortselect"> <option value="读者">读者</option> <option value="管理员">管理员</option> </select><br/><br/> <input type="submit" value="登录" /> </form> </div> </div> <script type="text/javascript"> function check() { var IDuser = document.getElementById("IDuser").value; //var teacher = document.getElementById("teacher"); //var classroom = document.getElementById("classroom"); //非空 /*if(name.value == '') { alert('课程名称为空'); name.focus(); return false; }*/ if(IDuser.length!=8) { alert('用户名长度不为8!'); IDuser.focus(); return false; } } </script> </body> </html>
//manager.jsp <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> </title> </head> <body> <% Object message = request.getAttribute("message"); if(message!=null && !"".equals(message)){ %> <script type="text/javascript"> alert("<%=request.getAttribute("message")%>"); </script> <%} %> <div align="center"> <h1 style="color: black;">管理员功能页面</h1> <a href="login.jsp">返回登录页面</a> <div class="a"> <a href="mareaadd.jsp">添加读者信息</a> </div> <div class="a"> <a href="delete2.jsp">删除读者信息</a> </div> <div class="a"> <a href="LoginServlet?method=liulan">浏览读者信息</a> </div> <div class="a"> <a href="chaxun.jsp">查询读者信息</a> </div> <div class="a"> <a href="xiugai.jsp">修改读者信息</a> </div> </div> </body> </html>
//mareaadd.jsp <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body> <% Object message = request.getAttribute("message"); if(message!=null && !"".equals(message)){ %> <script type="text/javascript"> alert("<%=request.getAttribute("message")%>"); </script> <%} %> <div align="center"> <h1 style="color: black;">添加学生信息</h1> <a href="manager.jsp">返回管理员页面</a> <div class="content"> <div class="main"> <form name="form" action="LoginServlet?method=useradd" method="post" > <table> <tr> <td>用户学号</td> <td><input type="text" id="IDuser" name="IDuser" placeholder="八位数字组成" /></td> </tr> <tr> <td>用户姓名</td> <td><input type="text" id="username" name="username"/></td> </tr> <tr> <td>用户密码</td> <td><input type="password" id="password" name="password"/></td> </tr> <tr> <td>性 别</td> <td> <input type="radio" name="usersex" value="男"checked>男 <input type="radio" name="usersex" value="女">女 </td> </tr> <tr> <td>所在班级</td> <td><input type="text" id="userclass" name="userclass"/></td> </tr> <tr> <td><button type="submit" class="b">提 交<tton></td> </tr> </table> </form> <script type="text/javascript"></script> </div> </div> </body> </html>
//chaxun.jsp <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body> <% Object message = request.getAttribute("message"); if(message!=null && !"".equals(message)){ %> <script type="text/javascript"> alert("<%=request.getAttribute("message")%>"); </script> <%} %> <div align="center"> <h1>查询读者信息</h1> <div class="content"> <div class="main"> <a href="manager.jsp">返回管理员页</a> <br/><br/> <form name="form" action="LoginServlet?method=chaxun" method="post" "> <a>读者姓名</a> <input type="text" name="username" /> <br/><br/> <a>读者ID</a> <input type="text" name="IDuser" /> <br/><br/> <input type="submit" value="查找" /></td> </form> </div> </div> </body> </html>
//list.jsp <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body> <div align="center"> <h1>读者信息</h1> <a href="manager.jsp">返回管理员页面</a> <table align="center"> <tr> <th>读者姓名</th> <th>读者ID</th> <th>密 码</th> <th>班 级</th> <th>性 别</th> </tr> <c:forEach items="${users}" var="item" varStatus="status"> <tr> <td>${item.username}</td> <td>${item.IDuser}</td> <td>${item.password}</td> <td>${item.userclass}</td> <td>${item.usersex}</td> <td><a href="LoginServlet?method=getByname&username=${item.username}">删除</a></td> <td><a href="LoginServlet?method=getByname1&username=${item.username}">修改</a></td> </tr> </c:forEach> </table> </div> </body>
//liulan.jsp <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body> <% Object message = request.getAttribute("message"); if(message!=null && !"".equals(message)){ %> <script type="text/javascript"> alert("<%=request.getAttribute("message")%>"); </script> <%} %> <div align="center"> <h1>读者信息</h1> <a href="manager.jsp">返回管理员页面</a> <table align="center"> <tr> <th>读者姓名</th> <th>读者ID</th> <th>密 码</th> <th>班 级</th> <th>性 别</th> </tr> <c:forEach items="${users}" var="item"> <tr> <td>${item.username}</td> <td>${item.IDuser}</td> <td>${item.password}</td> <td>${item.userclass}</td> <td>${item.usersex}</td> </tr> </c:forEach> </table> </div> </body>
//delete1.jsp <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body> <div align="center"> <h1 style="color: black;">读者信息删除</h1> <a href="delete2.jsp">返回上页</a> <table class="tb"> <tr> <td>读者姓名</td> <td>${user1.username}</td> </tr> <tr> <td>读者ID</td> <td>${user1.IDuser}</td> </tr> <tr> <td>性 别</td> <td>${user1.usersex}</td> </tr> <tr> <td>班 级</td> <td>${user1.userclass}</td> </tr> <tr> <td>密 码</td> <td>${user1.password}</td> </tr> </table> <form action="LoginServlet?method=delete2" method="post" onsubmit="return check();"> <input type="hidden" name="username" value="${user1.username}"> <input type="submit" name="action1" value="确定删除"> </form> </div> <script type="text/javascript"> function check() { if (confirm("确定删除吗?")){ return true; }else{ return false; } } </script> </body> </html> </body> </html>
//delete2.jsp <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body> <% Object message = request.getAttribute("message"); if(message!=null && !"".equals(message)){ %> <script type="text/javascript"> alert("<%=request.getAttribute("message")%>"); </script> <%} %> <div align="center"> <h1>删除读者信息</h1> <div class="content"> <div class="main"> <a href="manager.jsp">返回管理员页</a> <br/><br/> <form name="form" action="LoginServlet?method=getByname" method="post" "> <a>读者姓名</a> <input type="text" name="username" /> <br/><br/> <input type="submit" value="删除" /></td> </form> </div> </div> </body> </html>
//xiugai.jsp <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body> <% Object message = request.getAttribute("message"); if(message!=null && !"".equals(message)){ %> <script type="text/javascript"> alert("<%=request.getAttribute("message")%>"); </script> <%} %> <div align="center"> <h1>修改读者信息</h1> <div class="content"> <div class="main"> <a href="manager.jsp">返回管理员页</a> <br/><br/> <form name="form" action="LoginServlet?method=getByname1" method="post" "> <a>读者姓名</a> <input type="text" name="username" /> <br/><br/> <input type="submit" value="修改" /></td> </form> </div> </div> </body> </html>
//xiugai1.jsp <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body> <% Object message = request.getAttribute("message"); if(message!=null && !"".equals(message)){ %> <script type="text/javascript"> alert("<%=request.getAttribute("message")%>"); </script> <%} %> <div align="center"> <h1 style="color: black;">读者信息修改</h1> <a href="xiugai.jsp">返回上页</a> <form action="LoginServlet?method=xiugai" method="post" onsubmit="return check()"> <div class="a"> 读者姓名<input type="text" id="username" name="username" value="${user2.username}"/><br/><br/> </div> <div class="a"> 读 者 ID<input type="text" id="IDuser" name="IDuser" value="${user2.IDuser}"/><br/><br/> </div> <div class="a"> 密 码<input type="text" id="password" name="password" value="${user2.password}"/><br/><br/> </div> <div class="a"> 班 级<input type="text" id="userclass" name="userclass" value="${user2.userclass}"/><br/><br/> </div> <div class="a"> 性 别<input type="text" id="usersex" name="usersex" value="${user2.usersex}"/><br/><br/> </div> <input type="hidden" id="id" name="id" value="${user2.id}"/> <div class="a"> <button type="submit" class="b">修 改</button> </div> </form> </div> <script type="text/javascript"> function check() { var username = document.getElementById("username");; var IDuser = document.getElementById("IDuser"); var password = document.getElementById("password"); var userclass = document.getElementById("userclass"); var usersex = document.getElementById("usersex"); //非空 if(username.value == '') { alert('读者姓名为空'); username.focus(); return false; } if(IDuser.value == '') { alert('读者ID为空'); IDuser.focus(); return false; } if(password.value == '') { alert('密码为空'); password.focus(); return false; } if(userclass.value == '') { alert('班级为空'); userclass.focus(); return false; } if(usersex.value == '') { alert('性别为空'); usersex.focus(); return false; } } </script> </body> </html>
二、遇到的问题
关于增删改查的完整流程,可以做出来,但是很不熟练,需要很长时间,需要多加练习
三、明日计划
明天继续练习