2017-08-13 65 views
0

我在Express中用Knex構建了一個簡單的TO-DO應用程序作爲我的ORM。除了我的表單數據不會從我的表單發送到服務器這一事實之外,一切正常。作爲一種調試手段,我確保將req.body記錄到控制檯。因此,我在表單中輸入的信息顯示在控制檯中,因此此時的問題是找出它未發佈到服務器的原因。我懷疑我的問題完全來自knex查詢,但我只是不知道如何或爲什麼。這是我到目前爲止...POST表單數據註銷到控制檯,但沒有發送到服務器

第一個文件是我的app.js 第二個包含有問題的POST路由。感謝您的任何幫助!

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

 
var index = require('./routes/index'); 
 
var users = require('./routes/users'); 
 
var todo = require('./routes/todo'); 
 

 
var app = express(); 
 

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

 
// uncomment after placing your favicon in /public 
 
//app.use(favicon(path.join(__dirname, 'public', 'favicon.ico'))); 
 
app.use(logger('dev')); 
 
app.use(bodyParser.json()); 
 
app.use(bodyParser.urlencoded({ 
 
    extended: false 
 
})); 
 
app.use(cookieParser()); 
 
app.use(express.static(path.join(__dirname, 'public'))); 
 

 
app.use('/', index); 
 
app.use('/users', users); 
 
app.use('/todo', todo); 
 

 
// 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 handler 
 
app.use(function(err, req, res, next) { 
 
    // set locals, only providing error in development 
 
    res.locals.message = err.message; 
 
    res.locals.error = req.app.get('env') === 'development' ? err : {}; 
 

 
    // render the error page 
 
    res.status(err.status || 500); 
 
    res.render('error'); 
 
}); 
 

 
module.exports = app;

var express = require('express'); 
 
var router = express.Router(); 
 

 
const knex = require('../db/knex'); 
 

 
/* GET http://localhost:3000/todo page. */ 
 
router.get('/', (req, res) => { 
 
    knex('todo') 
 
    .select() 
 
    .then(todos => { 
 
     res.render('all', { 
 
     todos: todos 
 
     }); 
 
    }) 
 
}); 
 

 
router.get('/new', (req, res) => { 
 
    res.render('new'); 
 
}); 
 

 
function validTodo(todo) { 
 
    return typeof todo.title == 'string' && todo.title.trim() != '' && typeof todo.priority == 'undefined' && !isNaN(Number(todo.priority)); 
 
} 
 

 
router.post('/', (req, res) => { 
 
    console.log(req.body); 
 
    if(validTodo(req.body)) { 
 
    const todo = { 
 
     title: req.body.title, 
 
     description: req.body.description, 
 
     priority: req.body.priority, 
 
     date: new Date() 
 
    }; 
 
    // insert todo into database 
 
    knex('todo').insert(todo, 'id') 
 
     .then(ids => { 
 
     const id = ids[0]; 
 
     res.redirect(`/todo/${id}`); 
 
     }); 
 
    } else { 
 
    // respond with an error 
 
    res.status(500); 
 
    res.render('error', { 
 
     message: 'Invalid todo' 
 
    }); 
 
    } 
 
}); 
 

 
module.exports = router;

+0

你如何發佈數據到服務器?嘗試編寫最小的應用程序,它實際上可以從您的POST:ed請求中讀取數據。你似乎在讀取POST數據爲json。您是否將發佈的數據作爲json正文並設置了正確的標題?或者你只是發送普通格式編碼的POST,這是不能以相同的方式閱讀。 –

+0

我不確定'insert'的語法是對還是錯,但你可以在這裏參考https://github.com/tgriesser/knex/issues/732並檢查它是否有效 –

+0

所以我想出了我的問題是。無論出於何種原因,改變我的POST路線的順序都有訣竅。我只是將我的POST路線放在我的GET /新路線上。我真的不知道這個邏輯是如何工作的,但我很高興我修好了。 –

回答

0

所以我想通了什麼我的問題。無論出於何種原因,改變我的POST路線的順序都有訣竅。我只是將我的POST路線放在我的GET /新路線上。我真的不知道這個邏輯是如何工作的,但我很高興我修好了。

相關問題