一個簡單的blog系統（十一） 增加文章檢索功能

1. 現在，我們就來給博客添加文章檢索功能。假定，可以根據關鍵字魔木查詢文章標題，也就是說支持正則表達式，而且字母不會區分大小寫。

　　1.1 首先，我們修改header.ejs，在其中修改如下代碼：

<form class="navbar-form navbar-right" role="search" method="GET" action="/search"> <div class="form-group"><input type="text" class="form-control" name="keyword" placeholder="Search"> </div> <button type="submit" class="btn btn-default">搜索</button> </form>

　　1.2 然后，我們打開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);});});}); };

　　其中，我們通過pattern定義了一個包含關鍵字keyword的正則表達式，假設keyword字符串的開頭或者結尾包含特殊字符，比如說*，則需要轉義才可以。

　　

　　1.3 然后，我們修改index.js，在其中添加如下代碼，以作為對/search的路由相應：

//搜索頁面的路由 router.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()});}); });

　　1.4 最后，我們在views下新建一個search.ejs的文件，在其中添加如下代碼：

<%- include common/header %><div class='container'><ul class="list-group"><% var lastYear = 0 %><% posts.forEach(function (post, index) { %><% if (lastYear != post.time.year) { %><li class="list-group-item"><%= post.time.year %></li><% lastYear = post.time.year } %><li class="list-group-item list-group-item-info"><%= post.time.day %></li><li class="list-group-item"><span class="badge"><%= post.name %></span><a href="/u/<%= post.name %>/<%= post.time.day %>/<%= post.title %>" style="color: purple;"><%= post.title %></a></li><% }) %></ul> </div> <%- include common/footer %>

　　至此，我們就給博客添加了文章檢索的功能。

?

posted on 2016-03-22 09:46?Yuity 閱讀(...) 評論(...) 編輯 收藏

轉載于:https://www.cnblogs.com/yuity/p/5304923.html

總結

以上是生活随笔為你收集整理的一个简单的blog系统（十一） 增加文章检索功能的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。