jsp多条件查询及查询结果在同一页面显示(原创)
2016-02-03 15:13
701 查看
第一步,建立main.jsp页面,使用frameset分上下两个框架,上部是query.jsp.下部是detail 。detail显示的是showdetail.jsp的页面
第二部,建立query.jsp页面。action为showdetail.jsp. target为detail和main.jsp总的detail向对应。这样query.jsp的查询结果就会显示在detail
第三部,建立showdetail.jsp页面
(1)获取bh和xm的值,并进行检索 将结果显示在showdetial页面
(2)在showdetail.jsp的结尾。 把参数bh和xm连接上,这样就能根据输入条件展示下一页内容。
<title>hello</title> </head> <frameset rows="15%,85%" frameborder="no" > <frame src="query.jsp" name="index" scrolling="no" noresize="noresize" id="topFrame" title="topFrame"> <frame name="detail" src="showTodolist.jsp?page=1" id="mainFrame" title="mainFrame">//src设置第一次加载显示的界面 </frameset> <body> </body> </html>
第二部,建立query.jsp页面。action为showdetail.jsp. target为detail和main.jsp总的detail向对应。这样query.jsp的查询结果就会显示在detail
<body> <center> <form action="showdetail.jsp?page=1" target="detail" method="post"> 编号 <input type="text" size="30" name="bh"/> 姓名<input type="text" size="30" name="xm"/> <input type="submit" value="查询"/> </form></center> </body>
第三部,建立showdetail.jsp页面
(1)获取bh和xm的值,并进行检索 将结果显示在showdetial页面
<% request.setCharacterEncoding("UTF-8"); String pageStr = request.getParameter("page"); if(pageStr==null) pageStr=""; String bh = request.getParameter("bh"); if(bh==null) bh=""; String xm= request.getParameter("xm"); if(xm==null) xm=""; .......//按照bh和xm的值进行检索 %> <% ....//将结果进行展示 //可参照我的一片文章关于jsp的分页显示查询结果 %>
(2)在showdetail.jsp的结尾。 把参数bh和xm连接上,这样就能根据输入条件展示下一页内容。
<tr><td width=100% bgcolor="#eeeeee" colspan=4 align="center"> <a href="showdetail.jsp?page=1&bh=<%=bh%>&xm=<%=xm%>">首页</a> <a href="showdetail.jsp?page=<%=(currentPage - 1)%>&bh=<%=bh%>&xm=<%=xm%>">上页</a> <a href="showdetail.jsp?page=<%=(currentPage + 1)%>&bh=<%=bh%>&xm=<%=xm%>">下页</a> <a href="showdetail.jsp?page=<%=pUtil.getPageCount()%>&bh=<%=bh%>&xm=<%=xm%>">末页</a> </td></tr>
相关文章推荐
- JS对时间的常用处理
- [译]关于JavaScript 作用域你想知道的一切
- store.js 跨浏览器的localStorage
- Andorid之Gson解析Json数据
- JSON 数据格式详解
- JavaScript是如何做到单线程异步的
- JavaScript函数调用及嵌套
- javascript函数声明
- JSP 隐式对象
- js 鼠标放上去显示浮层
- JSP 动作元素
- javascript三种创建对象的方式
- 如何获得当前屏幕顶端距离整个页面最上端的距离(即js获取浏览器滚动条距离顶端的距离)
- javascript 可能不知道的小技巧
- JS简单实现文件上传实例代码(无需插件)
- socket.io+angular.js+express.js做个聊天应用(四)
- JSON的读取,页面爬取
- js each的用法
- D3.js 整体展示篇
- JavaScript 经典实例收集整理