`
aerchi
  • 浏览: 422308 次
  • 性别: Icon_minigender_1
  • 来自: 昆明
文章分类
社区版块
存档分类
最新评论

用jsp+servlet写一个类似于excel表格的网页表单

 
阅读更多

再DreamweaverCS5下要看到这样的效果：

需要编写jsp网页如下，这里使用了同一个表单，多个submit的分发的方法，具体可以看里面的js函数：

[xhtml]view plaincopy
  1. <%@pagelanguage="java"contentType="text/html;charset=UTF-8"
  2. pageEncoding="UTF-8"%>
  3. <%@pageimport="java.util.*"%>
  4. <%@pageimport="com.waleking.property.db.*"%>
  5. <!DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
  6. <html>
  7. <head>
  8. <metahttp-equiv="Content-Type"content="text/html;charset=UTF-8">
  9. <title>Inserttitlehere</title>
  10. </head>
  11. <body>
  12. <mce:scripttype="text/javascript"><!--
  13. //同一个表单，多个submit的js分发
  14. functiondeleteSubmit(form){
  15. form.submitType.value="delete";
  16. }
  17. //同一个表单，多个submit的js分发
  18. functionupdateSubmit(form){
  19. form.submitType.value="update";
  20. }
  21. //同一个表单，多个submit的js分发
  22. functionaddSubmit(form){
  23. form.submitType.value="add";
  24. }
  26. //--></mce:script>
  29. <tableborder="1">
  30. <tr>
  31. <td>SearcherIP</td>
  32. <td>TopNum</td>
  33. <td>IndexerPort</td>
  34. <td>Operation</td>
  35. </tr>
  36. <%
  37. List<Searcher_PropertyVO>lSearcher=Searcher_PropertyDAO.queryAll();
  39. for(inti=0;i<lSearcher.size();i++){
  40. Searcher_PropertyVOproperty=lSearcher.get(i);
  42. %>
  43. <tr>
  44. <formaction="SearcherSheetServlet"method="post">
  45. <td>
  46. <%=property.getSearcherIP()%>
  47. </td>
  48. <td>
  49. <inputtype="text"name="topNum"value="<%=property.getTopNum()%>"/>
  50. </td>
  51. <td>
  52. <inputtype="text"name="indexerPort"value="<%=property.getIndexerPort()%>"/>
  53. </td>
  54. <td>
  55. <table>
  56. <tr>
  57. <td>
  58. <inputtype="hidden"name="submitType"/>
  59. <inputtype="hidden"name="searcherIP"value="<%=property.getSearcherIP()%>"></input>
  60. </td>
  61. <td><inputtype="submit"value="delete"onclick="deleteSubmit(form)"></input></td>
  62. <td><inputtype="submit"value="update"onclick="updateSubmit(form)"></input></td>
  63. </tr>
  64. </table>
  65. </td>
  66. </form>
  67. </tr>
  68. <%
  69. }
  70. %>
  71. <tr>
  72. <formaction="SearcherSheetServlet"method="post">
  73. <td>
  74. <inputtype="text"name="searcherIP"/>
  75. </td>
  76. <td>
  77. <inputtype="text"name="topNum"/>
  78. </td>
  79. <td>
  80. <inputtype="text"name="indexerPort"/>
  81. </td>
  82. <td>
  84. <table>
  85. <tr>
  86. <td>
  87. <inputtype="hidden"name="submitType"/>
  88. </td>
  89. <td><inputtype="submit"value="add"onclick="addSubmit(form)"></input></td>
  90. </tr>
  91. </table>
  93. </td>
  94. </form>
  95. </tr>
  96. </table>
  97. </body>
  98. </html>

用servlet来处理请求，因为是用post方法发送的参数，所以在doPost里面修改：

[java]view plaincopy
  1. packagecom.waleking.servlet;
  2. importjava.io.IOException;
  3. importjavax.servlet.ServletException;
  4. importjavax.servlet.http.HttpServlet;
  5. importjavax.servlet.http.HttpServletRequest;
  6. importjavax.servlet.http.HttpServletResponse;
  7. importcom.waleking.property.db.Searcher_PropertyDAO;
  8. importcom.waleking.property.db.Searcher_PropertyVO;
  9. /**
  10. *ServletimplementationclassSearcherSheet
  11. */
  12. publicclassSearcherSheetServletextendsHttpServlet{
  13. privatestaticfinallongserialVersionUID=1L;
  14. privateSearcher_PropertyDAOsearcherDAO=newSearcher_PropertyDAO();
  15. privateSearcher_PropertyVOsearcherProperty=newSearcher_PropertyVO();
  16. /**
  17. *Defaultconstructor.
  18. */
  19. publicSearcherSheetServlet(){
  20. //TODOAuto-generatedconstructorstub
  21. }
  22. /**
  23. *@seeHttpServlet#doGet(HttpServletRequestrequest,HttpServletResponse
  24. *response)
  25. */
  26. protectedvoiddoGet(HttpServletRequestrequest,
  27. HttpServletResponseresponse)throwsServletException,IOException{
  28. System.out.println("ok");
  29. StringsearcherIP=request.getParameter("searcherIP");
  30. StringtopNum=request.getParameter("topNum");
  31. System.out.println(topNum);
  32. StringindexerPort=request.getParameter("indexerPort");
  33. System.out.println(indexerPort);
  34. searcherProperty.setSearcherIP(searcherIP);
  35. searcherProperty.setTopNum(Integer.parseInt(topNum));
  36. searcherProperty.setIndexerPort(Integer.parseInt(indexerPort));
  37. System.out.println(searcherProperty);
  38. searcherDAO.insert(searcherProperty);
  39. }
  40. /**
  41. *@seeHttpServlet#doPost(HttpServletRequestrequest,HttpServletResponse
  42. *response)
  43. */
  44. protectedvoiddoPost(HttpServletRequestrequest,
  45. HttpServletResponseresponse)throwsServletException,IOException{
  46. //TODOAuto-generatedmethodstub
  48. //Strings=request.getParameter("ip");
  49. StringsubmitType=request.getParameter("submitType");
  50. System.out.println(submitType);
  51. if(submitType.equals("add")){//添加
  52. StringsearcherIP=request.getParameter("searcherIP");
  53. StringtopNum=request.getParameter("topNum");
  54. StringindexerPort=request.getParameter("indexerPort");
  55. searcherProperty.setSearcherIP(searcherIP);
  56. searcherProperty.setTopNum(Integer.parseInt(topNum));
  57. searcherProperty.setIndexerPort(Integer.parseInt(indexerPort));
  58. System.out.println(searcherProperty);
  59. searcherDAO.insert(searcherProperty);
  61. response.sendRedirect("index.jsp");
  62. }elseif(submitType.equals("update")){//修改
  63. StringsearcherIP=request.getParameter("searcherIP");
  64. StringtopNum=request.getParameter("topNum");
  65. StringindexerPort=request.getParameter("indexerPort");
  66. searcherProperty.setSearcherIP(searcherIP);
  67. searcherProperty.setTopNum(Integer.parseInt(topNum));
  68. searcherProperty.setIndexerPort(Integer.parseInt(indexerPort));
  69. searcherDAO.update(searcherProperty);
  71. response.sendRedirect("index.jsp");
  72. }elseif(submitType.equals("delete")){//删除
  73. StringsearcherIP=request.getParameter("searcherIP");
  74. searcherDAO.deleteByKey(searcherIP);
  76. response.sendRedirect("index.jsp");
  77. }
  78. }
  79. }

关于web.xml的编写可以参看上一篇servlet的编写。

可以看到最终的效果：

分享到：
| java中Hashtable的遍历
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics