2014-08-30 31 views
0

我在Express中使用MongoDB創建了一個簡單的評論系統。用戶只需使用主屏幕上的表單輸入標題&即可發表評論,然後出現在頁面底部的列表中。嘗試使用內容標題向內容主體添加錨鏈接

但是,在它只是在頁面上顯示評論標題和正文之前,我想嘗試做的事情是鏈接標題,以便當您點擊該標題時,它會顯示評論內容。

我的模型:

var mongoose = require('mongoose'); 
var Schema = mongoose.Schema; 

var CommentSchema = new Schema({ 
    title: String, 
    content: String, 
    created: Date 
}); 

module.exports = mongoose.model('Comment', CommentSchema); 

我的觀點:

extends layout 

block content 
    h1= title 
    div.addCommentForm 
     form(method="post", action="/create") 
      div 
       div 
        span.label Title : 
        input(type="text", class="nameTxt", name="title") 
       div 
        span.label Comment : 
        textarea(name="comment") 
       div#addCommentSubmit 
        input(type="submit", value="Save") 
    br 
    br 
    #comments 
    - each comment in comments 
     div.comment 
     a(href=comment.title) #{comment.title} 
     div.name= comment.title 
     div.content= comment.content 
     hr 

我app.js:

require('./models/comments'); // require the model before the 'index.js' file is called 

var express = require('express'); 
var path = require('path'); 
var favicon = require('static-favicon'); 
var logger = require('morgan'); 
var cookieParser = require('cookie-parser'); 
var bodyParser = require('body-parser'); 

var routes = require('./routes/index'); 
var create = require('./routes/create'); 
var show = require('./routes/show'); 

var app = express(); 

// Database stuff 
var mongoose = require('mongoose'); 
mongoose.connect('mongodb://localhost/comments-app'); 

// view engine setup 
app.set('views', path.join(__dirname, 'views')); 
app.set('view engine', 'jade'); 

app.use(favicon()); 
app.use(logger('dev')); 
app.use(bodyParser.json()); 
app.use(bodyParser.urlencoded()); 
app.use(cookieParser()); 
app.use(express.static(path.join(__dirname, 'public'))); 

app.use('/', routes); 
app.use('/create', create); 
**app.use('/:comment.title', show)**; // add to render the comments content 

/// catch 404 and forward to error handler 
app.use(function(req, res, next) { 
    var err = new Error('Not Found'); 
    err.status = 404; 
    next(err); 
}); 

/// error handlers 

// development error handler 
// will print stacktrace 
if (app.get('env') === 'development') { 
    app.use(function(err, req, res, next) { 
     res.status(err.status || 500); 
     res.render('error', { 
      message: err.message, 
      error: err 
     }); 
    }); 
} 

// production error handler 
// no stacktraces leaked to user 
app.use(function(err, req, res, next) { 
    res.status(err.status || 500); 
    res.render('error', { 
     message: err.message, 
     error: {} 
    }); 
}); 


module.exports = app; 

我的節目路線:

var express = require('express'); 
var router = express.Router(); 
var mongoose = require('mongoose'); 
var Comment = mongoose.model('Comment', Comment); 

router.get('/:comment.title', function(req, res) { 
    res.send(comment.content) 
}); 

module.exports = router; 

當我點擊我應用程序中的評論標題時,出現了這個相當長的錯誤。

Not Found 

404 

Error: Not Found 
    at Layer.app.use.res.render.message [as handle] (/Users/Keva161/Documents/Projects/Webapps/Node/Express4-Comments-Mongoose/app.js:37:15) 
    at trim_prefix (/Users/Keva161/Documents/Projects/Webapps/Node/Express4-Comments-Mongoose/node_modules/express/lib/router/index.js:240:15) 
    at /Users/Keva161/Documents/Projects/Webapps/Node/Express4-Comments-Mongoose/node_modules/express/lib/router/index.js:208:9 
    at Function.proto.process_params (/Users/Keva161/Documents/Projects/Webapps/Node/Express4-Comments-Mongoose/node_modules/express/lib/router/index.js:269:12) 
    at next (/Users/Keva161/Documents/Projects/Webapps/Node/Express4-Comments-Mongoose/node_modules/express/lib/router/index.js:199:19) 
    at next (/Users/Keva161/Documents/Projects/Webapps/Node/Express4-Comments-Mongoose/node_modules/express/lib/router/index.js:176:38) 
    at next (/Users/Keva161/Documents/Projects/Webapps/Node/Express4-Comments-Mongoose/node_modules/express/lib/router/index.js:176:38) 
    at /Users/Keva161/Documents/Projects/Webapps/Node/Express4-Comments-Mongoose/node_modules/express/lib/router/index.js:137:5 
    at /Users/Keva161/Documents/Projects/Webapps/Node/Express4-Comments-Mongoose/node_modules/express/lib/router/index.js:250:10 
    at next (/Users/Keva161/Documents/Projects/Webapps/Node/Express4-Comments-Mongoose/node_modules/express/lib/router/index.js:160:14) 

爲什麼我收到此錯誤的任何想法,我怎麼能解決這個問題,所以我得到預期的行爲?

回答

0

您使用

然後

router.get('/:comment.title', function(req, res) 

你想改變這些途徑之一,因爲這只是/是說使用該路由/:comment.title/ :comment.title 你可能會遇到.title的問題。這將工作,如果你打算有像/SomeTitle.title這樣的路線,否則你可能想改變它/:title所以/SomeTitle將工作。我只是在猜測你的意圖。這可能是你打算工作的方式。

+0

完美!謝謝:) 但是,現在當我點擊主頁上的評論標題時,我得到一個空白屏幕。 我認爲這是因爲我需要加載路由中的評論,所以更改我的代碼到下面。 router.get( '/',函數(REQ,RES){ \t Comment.find(功能(ERR,評論,計數){ \t \t res.send(內容) \t}); }); 但現在我得到錯誤的內容是未定義的。 如果我使用Comment.content它只是返回的空白屏幕。 我怎樣才能讓它返回評論內容? – Keva161 2014-08-30 17:39:59

+0

你想用'Comment.find'找到什麼?所有評論?只有一條評論?你需要指定一個查詢。用find(),你會得到一個數組,所以你必須對數組做些什麼。如果你想得到一個評論,你會想使用'findOne()'。 「內容」沒有被定義,因爲它不是。如果您使用'findOne',您將執行'console.log(comment.content)'。用'find',你必須先用array來做一些事情然後做類似的事情。 – Jordonias 2014-08-30 17:45:39

+0

嗯所以我錯了什麼地方:)現在我已經改變它findOne(),因爲我只是試圖找到一個評論。但是當我點擊一條評論來觸發console.log命令時,我現在正在終端中獲得一個未定義的語句。 – Keva161 2014-08-30 18:08:47