【发布时间】：2015-10-08 11:07:06
【问题描述】：
请帮忙解决路由问题：
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 methodOverride = require('method-override');
var router = express.Router();
var app = express();
// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.engine('html', require('ejs').renderFile);
app.set('view engine', 'html');
// 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(methodOverride());
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));
// data storage in memory
var widgets = [
{id: 1,
name: 'My special widget',
price: 100.00,
descr: 'A widget beyond price'},
];
// routes
app.use(router);
router.get('/', function(req, res, next) {
res.render('index');
});
router.get('/widgets', function(req, res) {
res.send(widgets);
});
router.post('/widgets/add', function(req, res) {
var indx = widgets.length + 1;
widgets[widgets.length] = { id: indx,
name: req.body.widgetname,
price: parseFloat(req.body.widgetprice),
descr: req.body.widgetdesc
};
console.log('added ' + widgets[indx - 1]);
res.send('Widget ' + req.body.widgetname + ' added with id ' + indx);
});
router.get('/widgets/:id', function(req, res) {
var indx = parseInt(req.params.id) - 1;
if (!widgets[indx]) {
res.send('There is no widget with id of ' + req.params.id);
} else {
res.send(widgets[indx]);
}
});
router.put('/widgets/:id/update', function(req, res) {
var indx = req.params.id - 1;
widgets[indx] = {id: indx,
name: req.body.widgetname,
price: parseFloat(req.body.widgetprice),
descr: req.body.widgetdesc};
console.log(widgets[indx]);
res.send('updated ' + req.params.id);
});
router.delete('/widgets/:id/delete', function(req, res) {
var indx = req.params.id - 1;
delete widgets[indx];
console.log('deleted ' + req.params.id);
res.send('deleted ' + req.params.id);
});
// 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;我在 VIEWS 文件夹中有 3 个 html 文件： 1 - 索引
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Widgets</title>
</head>
<body>
<form action="/widgets/add" method="POST" enctype="application/x-www-form-urlencoded">
<p>Widget name:<input type="text" name="widgetname" id="widgetname" size="25" required /></p>
<p>Widget price:<input type="text" name="widgetprice" id="widgetprice" size="25" required
pattern="^\$?([0-9]{1,3},([0-9]{3},)*[0-9]{3}|[0-9]+)(.[0-9][0-9])?$" /></p>
<p>Widget description: <br/> <textarea name="widgetdesc" id="widgetdesc" cols="20"
rows="5">Describe widget</textarea></p>
<p>
<input type="submit" name="submit" id="submit" value="Submit" />
<input type="reset" name="reset" id="reset" value="Reset" />
</p>
</form>
</body>
</html>2 - 更新
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Widgets</title>
</head>
<body>
<form method="POST" action="/widgets/1/update" enctype="application/x-www-form-urlencoded">
<p>Widget name:<input type="text" name="widgetname" id="widgetname" size="25" value="Me special widget" required /></p>
<p>Widget price:<input type="text" name="widgetprice" id="widgetprice" size="25" required
pattern="^\$?([0-9]{1,3},([0-9]{3},)*[0-9]{3}|[0-9]+)(.[0-9][0-9])?$" value="100.00" /></p>
<p>Widget description: <br/> <textarea name="widgetdesc" id="widgetdesc" cols="20"
rows="5">A widget beyond price</textarea></p>
<input type="hidden" value="put" name="_method" />
<p>
<input type="submit" name="submit" id="submit" value="Submit" />
<input type="reset" name="reset" id="reset" value="Reset" />
</p>
</form>
</body>
</html>3 - 删除
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Widgets</title>
</head>
<body>
<p>Are you sure you want to delete widget?</p>
<form method="POST" action="/widgets/1/delete" enctype="application/x-www-form-urlencoded">
<input type="hidden" value="delete" name="_method" />
<p>
<input type="submit" name="submit" id="submit" value="Delete Widget" />
</p>
</form>
</body>
</html>问题是 PUT 和 DELETE 显示错误，我无法理解我应该怎么做才能更正它。
【问题讨论】：