
想一点程序都不写的话可以参考下面2个方案
2用heritrix + nutchwax,heritrix也是一个很成熟的crawler,他将网页下载并压缩保存到arc格式的文件中,一个arc文件一般100兆左右,heritrix不解析提取网页的内容,nutchwax负责解析网页,提取内容并建索引,nutchwax提供检索界面缺点是nutchwax的安装很麻烦
3用nutch,一个超强的开源软件,作者就是lucene的作者,该软件的目标是做到和Google一样强大,nutch的很多分布式实现的思想来源于Google,目前已实现分布式crawler,和分布式检索,已经有人用他抓了几亿的网页,nutch功能包括了下载网页,解析网页,计算网页重要度,建索引,前台搜索等一个搜索引擎需要的绝大部分功能,用他来做站内搜索也很方便该软件支持中文 nutch目前稳定的版本是072 用该软件的缺点是网上的中文资料不多你要习惯看英文资料
嗯,可以使用iframe
怎么样是不是很酷,完全没有服务器端和数据库
<html><head>
<meta >后台代码:
protected void Button1_Click(object sender, EventArgs e)
{
SqlHelper helper1 = new SqlHelper();
string text1 = "select Aid,Aname,password from admin where Aname = '"+TextBox1Text+"'";
GridView1DataSource = helper1ExecuteDataSet(text1);
GridView1DataBind();
}
前台:
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Button" /><br />
<br />
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False">
</asp:GridView>1
<input type="text" autocomplete="on">
input 的autocomplete属性默认是on,但某些浏览器还是需要你手动写上默认值才有效,其含义代表是否让浏览器自动记录之前输入的值,off:则关闭记录。该功能十分垃圾,交互让人诟病不已,每次必须提交刷新后才能记住存入历史,不推荐,垃圾。
原生基础上增强交互
我并不是说去改变autocomplete="on"的原生功能,而是通过另一种方式实现我们想要的效果,首先我们要准备一个输入时候出现下面那个下拉框可选性,那么这个东西其实原生是有的,并不需要我们去自己写,如下:
1
2
3
4
5
<input type="text" class="form-control" id="phone_number" value="1876487748" placeholder="请输入手机号码/imei/accid" list="cars">
<datalist id="cars">
<option value="17314459887"></option>
<option value="1876487748"></option>
</datalist>
动态缓存
上面已经做好了模型,但并不能实现动态记忆,而是写死的两个,很显然,我们需要用到本地缓存,将我们每次提交查询的值push到当前datalist的数据中去
1
2
3
4
5
6
7
8
9
10
11
// 提交之前先判断需不需要存储,如果当前数据中已经存在的,那么不去重复添加
var dataInput = $('#phone_number')val();
var locData = JSONparse(localStoragegetItem('dataList'));
if (!locData || !locDataincludes(dataInput)) {
if (!locData) {
localStoragesetItem('dataList', JSONstringify([dataInput]));
} else {
localStoragesetItem('dataList', JSONstringify(locDataconcat([dataInput])));
}
}
scopeaddDataList();
1
2
3
4
5
6
7
8
9
10
11
12
13
// 通过jq将数据插入到datalist中
addDataList: function() {
var opt = '';
var locData = JSONparse(localStoragegetItem('dataList'));
if (locDatalength > 15) {
locData = locDataslice(locDatalength - 15, locDatalength);
}
consolelog('locData', locData);
for (var i = 0, len = locDatalength; i < len; i++) {
opt += '<option value="' + locData[i] + '">';
}
$('#cars')html(opt);
}
可以使用<form>标签
比如经典的百度搜索框
<form action=">
更多可以去学习表单网页链接
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)