删除考题

数据库端，考题表（题号，题干，源文件名），考空表（题号，空号，参考答案，分值），其中两者是1对多关系

定义删除考题的存储过程如下：

--删除一道考题 CREATE PROCEDURE pr_delQuestion @qid varchar(50), --考题id @result bit=0 output --0表示删除失败，1表示成功 AS begin --先删除所有考空 delete from answers where questionID=@qid --再删除考题 delete from questions where questionID=@qid set @result=1 end GO

 

然后服务端model层，先在硬盘中删除程序源文件，成功后再进行数据库操作，相关方法定义如下：

/** * 删除考题 * @param qid 考题id * @param dir 文件所在目录 * @return */ public boolean delQuestion(String qid,String dir){ boolean result=false; //获取连接 IConnManager connManager=DBConnManager.getInstance(); Connection conn=connManager.getConnection(); try{ //先删除源文件 String sql="SELECT filename FROM Questions WHERE questionID=?"; PreparedStatement ps=conn.prepareStatement(sql); ps.setString(1, qid); ResultSet rs=ps.executeQuery(); while(rs.next()){ String filename=rs.getString("filename"); File file=new File(dir+filename); if(file.exists()){ file.delete(); result=true; } } ps.close(); if(result){ result=false; //源文件删除成功，删除数据库相关记录 /* * --删除一道考题 * @qid varchar(50), --考题id * @result bit=0 output --0表示删除失败，1表示成功 */ sql="{call pr_delQuestion(?,?)}"; CallableStatement cs=conn.prepareCall(sql); //先插入题目 cs.setString(1, qid); cs.registerOutParameter(2,Types.BIT); cs.execute(); result=cs.getBoolean(2); } }catch(SQLException e){ result=false; e.printStackTrace(); }finally{ connManager.releaseConn(conn); } return result; }

 

control层servlet处理客户端发送的post请求，执行上述方法，并根据执行结果给客户端发送相关信息，doPost方法的方法体代码如下：

 //output : root E:/apache-tomcat-6.0.29/webapps/webExam/ String root=getServletContext().getRealPath("/"); request.setCharacterEncoding("utf-8"); String qid=request.getParameter("qid"); String dir=root+"files//"; response.setCharacterEncoding("utf-8"); PrintWriter out = response.getWriter(); //删除考题 boolean result=QuestionDao.getInstance().delQuestion(qid, dir); if(result){ //操作成功 out.print("1"); }else{ //操作失败 out.print("0"); } //页面显示所有考题 // out.print("<mce:script type="text/javascript"><!-- location.href='/webExam/teacher/AllQuestion.jsp'; // --></mce:script>"); out.flush(); out.close();

　　上面第48行是重新刷新客户端页面，显示所有考题的操作。但有了这一句，41行和44行就失去作用了。另外，想到也没必要删除一道考题就刷新一次页面，重新读取数据库。可以在客户端把被删的考题，相应的div给移除掉。

　　考虑到万一出了意外，客户端的显示与数据库端的数据不一致，服务端在处理客户端请求时就应该有相关的判断操作，以保证程序的健壮性。另外，在客户端页面也可以定义一个“刷新”按钮，按下后就重新刷新该页面，虽然用户也可以直接在浏览器刷新。

 

客户端页面，一道考题的JSP代码定义如下：

<% Map<String,Question> questions = QuestionDao.getInstance().getAllQuestion(); %> <%="现有的考题数："%><span id="qNum"><%=questions.size()%></span> <br /> <div id="allQuestion"> <% //遍历所有考题 Set<String> keySet=questions.keySet(); int index = 0; for(String qid:keySet) { Question q = (Question) questions.get(qid); index++; %> <!-- 考题题目 --> <div id="<%=q.getQuestionID()%>"><%="第"+index + "题："%> <div class="title"><%=q.getTitle()%></div> <div> <% //遍历一道考题的所有空 Iterator bIte = q.getBlanks().iterator(); int index2 = 0; while (bIte.hasNext()) { index2++; Blank b = (Blank) bIte.next(); String answer = (b.answer.equals("") || b.answer == null) ? "未定义" : b.answer.trim(); String score = b.score == 0 ? "未定义" : Short .toString(b.score).trim(); out.println("答案" + index2 + "：" + answer + "　分值：" + score + "<br/>"); } %> </div> <button type="button" class="update">修改</button> <button type="button" class="cancel" disabled="disabled">取消</button> <button type="button" class="delete">删除</button> </div> <% } %> </div>

　　其中，从96到118行为一道考题的div层，编译后形成的Html代码如下：

<!-- 考题题目 --> <div id="T11041000001">第1题： <div class="title">题干</div> <div> 答案1：答案　分值：2<br/> 答案2：答案2　分值：4<br/> </div> <button type="button" class="update">修改</button> <button type="button" class="cancel" disabled="disabled">取消</button> <button type="button" class="delete">删除</button> </div>

 

　　相关jQuery代码如下：

//删除考题 $(".delete").click(function(){ //整个考题板块 var $q=$(this).parent(); //提交服务器 $.post("/webExam/servlet/DelQuestionServlet",{ qid:$q.attr("id") },function(msg){ if(msg==1){ alert("操作成功"); $q.remove(); $("#qNum").text($("#qNum").text()-1); }else if(msg==0){ alert("操作失败"); } }); });

　　第67行的text()方法可以获取dom元素值。一开始用了val()方法，但是alert()输出结果为空。根据API的描述，我猜想val()方法的作用是获取元素的value属性值，或者是select元素里面，选中的option值。没有验证过，只是目前的猜想。