搜索页面
首先要建立一个类似于百度那样的搜索页面,在这里我们用nodejs来实现。具体效果如图:
首先呢,我们先新建一个项目工程目录,然后在目录下创建启动文件app.js,开始我们的第一步。这里我们会用到Express框架来实现相关功能,所以,需要先安装它,具体安装方法这里就不在做介绍了。在启动文件添加如下内容,来测试Express框架是否引用成功。
var express = require('express');
var app = express();
app.get('/', function (req, res) {
res.send('Hello World!');
});
app.listen(80);
然后创建目录,使用engine函数注册模板引擎并指定处理后缀名为html的文件。
app.set( 'view engine', 'html' );
app.engine( '.html', require( 'ejs' ).__express );
最后在view文件夹中按照效果图的样子建立一个文件名为index.html的页面。这样我们的搜索页面就完成了。
<div class="input-group">
<input type="text" id="key_search" maxlength="256" size="46" style=" width:450px"/>
<button class="btn btn-primary" data-toggle="button" id="btn_search" style="margin-bottom:7px !important;">search</button>
</div>