Javascript 通过表单输入在mongodb中插入数据+；Express.js

我尝试通过表单输入在mongoDB中插入数据。问题是，我正在重定向到“/new”并收到一个“未找到文件”错误，而不是说“已成功插入”。我尝试将用户信息存储在现有集合“user”中—之后，我希望在路径“/retrieve.pug”的表单输入中显示数据，并在客户端显示它。如果有人能帮助我，我将不胜感激，以下是我的代码：

app.js

var express = require('express');
var bodyParser = require('body-parser');
var methodOverride = require('method-override');
var mongoose = require('mongoose');
var passport = require('passport');
var session = require('express-session');
var MongoStore = require('connect-mongo')(session);
var User = require('./models/user');
var app = express();

// mongodb connection
mongoose.connect("mongodb://localhost:27017/socialempireclub");
var db = mongoose.connection;

// mongo error
db.on('error', console.error.bind(console, 'connection error:'));

// use sessions for tracking logins
app.use(session({
  secret: 'treehouse loves you',
  resave: true,
  saveUninitialized: false,
  store: new MongoStore({
    mongooseConnection: db
  })
}));

// make user ID available in templates
app.use(function (req, res, next){
  res.locals.currentUser = req.session.userId;
  next();
});

// parse incoming requests
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
app.use(require('express-method-override')('method_override_param_name'));
// serve static files from /public
app.use(express.static(__dirname + '/public'));

// view engine setup
app.set('view engine', 'pug');
app.set('views', __dirname + '/views');

// include routes
var routes = require('./routes/index');
app.use('/', routes);

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

// error handler
// define as the last app.use callback
app.use(function(err, req, res, next) {
  res.status(err.status || 500);
  res.render('error', {
    message: err.message,
    error: {}
  });
});

app.post('/new', function(req, res){
  new user({
    country: req.body.country
  }).save(function(err, user){
      if(err) res.json(err);
      else res.send('Sucessfully inserted');
  });
});

app.get('/retrieve', function(req, res){
    user.find({}, function(err, user){
        if(err) res.json(err);
        else    res.render('retrieve', {users: docs});
    });
});

// listen on port 3000
app.listen(3000, function () {
  console.log('Express app listening on port 3000');
});

user.js模型

var mongoose = require('mongoose');
var bcrypt = require('bcrypt');
var UserSchema = new mongoose.Schema({
  username: {
    type: String,
    unique: true,
    required: true,
    trim: true
  },
  email: {
    type: String,
    unique: true,
    required: true,
    trim: true
  },
  password: {
    type: String,
    required: true
  },
  country: String
});
// authenticate input against database documents
UserSchema.statics.authenticate = function(email, password, callback) {
  User.findOne({ email: email })
    .exec(function (error, user){
      if (error) {
        return callback(error);
      } else if ( !user ) {
        var err = new Error('User not found.');
        err.status = 401;
        return callback(err);
      }
      bcrypt.compare(password, user.password, function(error, result){
        if (result === true) {
          return callback(null, user);
        } else {
          return callback();
        }
      })
    });
}
// hash password before saving to database
UserSchema.pre('save', function(next){
  var user = this;
  bcrypt.hash(user.password, 10, function(err, hash){
    if (err) {
      return next(err);
    }
    user.password = hash;
    next();
  })
});
var user = mongoose.model('user', UserSchema);
module.exports = user;

profile.pug//pug模板引擎//用户信息+表单输入

p.heading-profile Contact details
                 form(action='/new', method='POST')
                  p
                    | First name
                    input.form-control.input-first-name(type='text', placeholder='First name', aria-describedby='sizing-addon3')
                  p
                    | Last name
                    input.form-control.input-last-name(type='text', placeholder='Last name', aria-describedby='sizing-addon3')
                  p
                    | Street address
                    input.form-control.input-street-address(type='text', placeholder='Street address', aria-describedby='sizing-addon3')
                  p
                    | City
                    input.form-control.input-city(type='text', placeholder='City', aria-describedby='sizing-addon3')
                  p
                    | State/Province
                    input.form-control.input-state(type='text', placeholder='State/Province', aria-describedby='sizing-addon3')
                  p
                    | Zip/Post Code
                    input.form-control.input-zip(type='text', placeholder='Zip/Post code', aria-describedby='sizing-addon3')
                  label(for='country') Country
                    input.form-control.input-country(type='text', name='country', aria-describedby='sizing-addon3')
                  input.button(type='submit', value='Edit')

最后，检索.pug

html
  head
    title Registration Form
  body
ul
each user in users
    form(action='', method='POST')
      label(for='user[email]') Email:
      input(type='text', name="user[_id]", value=user._id)
      br
      label(for='user[country]') Country:
      input(type='text', name="user[country]", value=user.country)
      br
      input(type='submit')

---

如果您正在重定向路由

/new

，那么您必须在

POST

调用中提供一个页面，作为

浏览器

，但它不会得到任何页面，这就是为什么会出现此

错误

尝试创建一个

new.pug

文件，其中包含所有

pug文件

，然后执行此操作

app.post('/new', function(req, res) {
    new user({
        country: req.body.country
    }).save(function(err, user) {
        if (err) res.json(err);
        else {
            res.render('new', {
                mesage: 'Sucessfully inserted'
            });
        }
    });
});

例如，创建用于显示简单消息的

new.pug

block content
  p Welcome to #{message}

以下是解决方案：

• 我在mongoDB中创建了两个不同的模式：1）用户2）用户信息
• 然后我将其连接到app.js中，并向客户端显示用户信息表单输入

---

您能在这里发布错误吗？谢谢您的评论，错误是“找不到文件”。点击表单输入上的“提交”按钮后显示，路由为“/new”。这是我遇到的唯一错误，我有点不知所措，这是怎么发生的。在

/new

上，您渲染的是哪只哈巴狗，它在哪里？没有“new.pug”-文件或路由，在点击提交后，它将重定向到“localhost:3000/new”，并显示“file not found error”。但是，如果您在我的“app.js”文件中看到，它应该在“/new”上发送一个带有“Successfully inserted”的响应。我认为，要么是我的app.js中的app.post（…）错误，要么是在user.js中设置的mongodb错误？！好的，非常感谢，abdulbarik，这很有道理。我创建了一个新文件“new.pug”。我应该在里面写什么或显示什么？我刚刚用new.pug文件更新了答案你可以使用它我昨天尝试在mongoDB中插入数据，与上面类似，但我只使用表单输入并在“/new”路径上发送了响应，它成功显示了“successfully inserted”。毕竟，数据实际上在mongoDB内部。因此，现在我尝试在我的web应用程序中实现它-同样的方法-但它停止在“未找到文件”。因此，我不知道为什么它昨天没有创建一个“new.pug”-文件就可以工作。如果你从

浏览器

点击URL，那么它总是发送

GET

请求，在这个请求中你可以将响应作为

JSON

发送。太棒了，谢谢！我试过了，正如您用“new.pug”描述的，但我仍然遇到了“未找到文件”错误。有没有办法找到更多关于错误的信息？