Jsp中实现搜索查找功能

在做后台管理的时候,当要管理的数据很多的时候,不可避免的就需要搜索查找功能。这样更简便,快捷,省时省力。因此,搜索也成了必不可少的部分!在搜索的时候有两种方式:1.在数据库中实现,借用数据库的功能,可以轻松的实现搜索功能,然后后台要做的就是规格整理显示出来,方便客户的操作和查看!2,是将所有的内容显示出来,利用业内搜索,挨个查找,知道找出令客户满意的那些条目为止!从网上找到了业内搜索的代码在javaScript中实现:代码如下:

在jsp业内代码:<input type="text" id="searchstr" name="searchstr" class="textbox" size="20"> 
                             <input type="button" value="页内查找" οnclick="javascript:findIt();" class="sbttn">

javascript脚本中代码:

 var DOM = (document.getElementById) ? 1 : 0; 
  var NS4 = (document.layers) ? 1 : 0; 
  var IE4 = 0; 
  if (document.all) 
  { 
  IE4 = 1; 
  DOM = 0; 
  } 
  
  var win = window;
  var n = 0; 
  
  function findIt() { 
  if (document.getElementById("searchstr").value != "") 
  findInPage(document.getElementById("searchstr").value); 
  } 
  
  
  function findInPage(str) { 
  var txt, i, found; 
  
  if (str == "") 
  return false; 
  
  if (DOM) 
  { 
  win.find(str, false, true); 
  return true; 
  } 
  
  if (NS4) { 
  if (!win.find(str)) 
  while(win.find(str, false, true)) 
  n++; 
  else 
  n++; 
  
  if (n == 0) 
  alert("未找到指定内容."); 
  } 
  
  if (IE4) { 
  txt = win.document.body.createTextRange(); 
  
  for (i = 0; i <= n && (found = txt.findText(str)) != false; i++) { 
  txt.moveStart("character", 1); 
  txt.moveEnd("textedit"); 
  } 
  
  if (found) { 
  txt.moveStart("character", -1); 
  txt.findText(str); 
  txt.select(); 
  txt.scrollIntoView(); 
  n++; 
  } 
  else { 
  if (n > 0) { 
  n = 0; 
  findInPage(str); 
  } 
  else 
  alert("未找到指定内容."); 
  } 
  } 
  
  return false; 
  }

个人试过,感觉还可以,唯一不满意的就是查找显示的顺序是从下向上的,而且要是查找框能悬浮于页面上独立出来那就更好了(像Eclipse中查找一样就好了!)有空要试试看,做成那样的!

相比较而言,个人还是更倾向于第一种,虽然会给数据库带来一定压力!但是第一种更直观,形象,便于操作!而且从用户角度看,也是更倾向于第一种!

 

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值