加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
9新增文章检索功能.txt 1.99 KB
一键复制 编辑 原始数据 按行查看 历史
李志远 提交于 2016-11-24 16:34 . 搜索功能==结束
首先,我们修改 header.ejs ,在 </nav> 前添加一行代码:
<span>
<form action="/search" method="GET">
<input type="text" name="keyword" placeholder="SEARCH" class="search" />
</form>
</span>
在 style.css 中添加一行样式:
.search{border:0;width:6em;text-align:center;font-size:1em;margin:0.5em 0;}
打开 post.js ,在最后添加如下代码:
//返回通过标题关键字查询的所有文章信息
Post.search = function(keyword, callback) {
mongodb.open(function (err, db) {
if (err) {
return callback(err);
}
db.collection('posts', function (err, collection) {
if (err) {
mongodb.close();
return callback(err);
}
var pattern = new RegExp(keyword, "i");
collection.find({
"title": pattern
}, {
"name": 1,
"time": 1,
"title": 1
}).sort({
time: -1
}).toArray(function (err, docs) {
mongodb.close();
if (err) {
return callback(err);
}
callback(null, docs);
});
});
});
};
修改 index.js ,在 app.get('/u/:name') 前添加如下代码:
app.get('/search', function (req, res) {
Post.search(req.query.keyword, function (err, posts) {
if (err) {
req.flash('error', err);
return res.redirect('/');
}
res.render('search', {
title: "SEARCH:" + req.query.keyword,
posts: posts,
user: req.session.user,
success: req.flash('success').toString(),
error: req.flash('error').toString()
});
});
});
在 views 文件夹下新建 search.ejs ,添加如下代码:
<%- include header %>
<ul class="archive">
<% var lastYear = 0 %>
<% posts.forEach(function (post, index) { %>
<% if(lastYear != post.time.year) { %>
<li><h3><%= post.time.year %></h3></li>
<% lastYear = post.time.year } %>
<li><time><%= post.time.day %></time></li>
<li><a href="/u/<%= post.name %>/<%= post.time.day %>/<%= post.title %>"><%= post.title %></a></li>
<% }) %>
</ul>
<%- include footer %>
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化