Jsp中实现搜索查找功能
2013-03-07 13:48
127 查看
在做后台管理的时候,当要管理的数据很多的时候,不可避免的就需要搜索查找功能。这样更简便,快捷,省时省力。因此,搜索也成了必不可少的部分!在搜索的时候有两种方式:1.在数据库中实现,借用数据库的功能,可以轻松的实现搜索功能,然后后台要做的就是规格整理显示出来,方便客户的操作和查看!2,是将所有的内容显示出来,利用业内搜索,挨个查找,知道找出令客户满意的那些条目为止!从网上找到了业内搜索的代码在javaScript中实现:代码如下:
在jsp业内代码:<input type="text" id="searchstr" name="searchstr" class="textbox" size="20">
<input type="button" value="页内查找" onclick="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中查找一样就好了!)有空要试试看,做成那样的!
相比较而言,个人还是更倾向于第一种,虽然会给数据库带来一定压力!但是第一种更直观,形象,便于操作!而且从用户角度看,也是更倾向于第一种!
在jsp业内代码:<input type="text" id="searchstr" name="searchstr" class="textbox" size="20">
<input type="button" value="页内查找" onclick="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中查找一样就好了!)有空要试试看,做成那样的!
相比较而言,个人还是更倾向于第一种,虽然会给数据库带来一定压力!但是第一种更直观,形象,便于操作!而且从用户角度看,也是更倾向于第一种!
相关文章推荐
- JDBC+Servlet+JSP实现简单的数据遍历和查找功能
- 仿照博客园搜索功能 找找看的实现 发现问题 杂谈
- Js和Json技术实现百度搜索提示功能
- Android开发本地及网络Mp3音乐播放器(十三)网络音乐搜索功能实现,歌名歌手专辑名搜索
- Ecshop模板开发(二十六):搜索功能实现
- VB应用程序中实现“查找和替换”功能
- 用jsp+javabean实现用户注册和查看的功能
- Servlet+Jsp实现图片或文件的上传功能具体思路及代码
- 用C语言模拟实现一个通讯录,要求实现其添加、删除、修改、查找、显示和排序联系人信息的功能
- 利用solr实现商品的搜索功能
- 在SQL Server 2005中用存储过程实现搜索功能
- IOS-搜索功能实现, UIsearchController的使用
- 不用UIsearchController实现搜索功能
- EditText+RecycleView实现搜索功能之一:对EditText内容变化实时监听
- php提取记录列表以及搜索功能的实现
- ionic调用键盘搜索功能轻松实现
- Yii2实现让关联字段支持搜索功能的方法
- jsp开发学生信息管理系统,实现了基本的增删改查的功能
- 封装一个字符数组,实现增加,删除,替换,打印,搜索等功能
- jsp中js实现本地图片预览基本功能