我正在尝试由用户在表单字段中获取输入的详细信息,以便我可以编辑和更新所选记录。但是,当我单击“编辑”按钮时,表单中出现空白表单字段。
router.get('/',function(req,res){
res.render('./users/addoredit',{
viewTitle:"Insert User",
user:req.body
})
})
router.post('/',function(req,res){
if(req.body._id==="")
insertRecord(req,res)
else
updateRecord(req,res)
})
function insertRecord(req,res){
const user=new User()
user.name=req.body.name
user.address=req.body.address
user.email=req.body.email
user.mobile=req.body.mobile
user.save((err,docs)=>{
if(!err)
res.redirect('user/list')
else
res.render('./users/addoredit',{
viewTitle:"Insert User",
user: req.body})
})
}
router.get('/list',(req,res)=>{
User.find((err,docs)=>{
if(!err){
res.render('./users/list',{
list:docs
})
}
else{
console.log(err)
}
}).lean()
})
function updateRecord(req,res){
User.findOneAndUpdate({_id:req.body._id},req.body,{new:true},(err,docs)=>{
if(!err)
res.redirect('/user/list')
else
console.log
})
}
router.get('/:id',function(req,res){
User.findById(req.params.id,(err,doc)=>{
if(!err)
res.render('./users/addoredit',{
viewTitle:"Update User",
user:doc
})
else
res.redirect('user/list')
})
})
我通过将记录插入addoredit把手中来获得传递的值,如下所示:
<form action="/user" method="POST" autocomplete="off">
<div class="form-group">
<input type="hidden" name="_id" value="{{user._id}}">
<label for="name">Name</label>
<input type="text" class="form-control" name="name" placeholder="Enter name" value="{{user.name}}">
</div>
<div class="form-group">
<label for="address">Address</label>
<input type="text" class="form-control" name="address" placeholder="Enter address" value="{{user.address}}">
</div>
<div class="form-group">
<label for="email">Email address</label>
<input type="email" class="form-control" name="email" placeholder="Enter email" value="{{user.email}}">
</div>
<div class="form-group">
<label for="mobile">Mobile</label>
<input type="number" class="form-control" name="mobile" placeholder="Enter mobile number" value="{{user.mobile}}">
</div>
<button type="submit" class="btn btn-primary">Submit</button>
</form>
这是我第一次尝试在nodejs中进行项目,因此,我无法弄明白出了什么问题。我已将用户输入的值传递为req.body。所有操作均正常运行,但由于无法从表单获取用户ID,因此无法更新记录。
列出后编辑和删除记录的HBS:
<table class="table table-striped">
<thead>
<tr>
<th>Full Name</th>
<th>Email</th>
<th>Mobile</th>
<th>City</th>
<th></th>
</tr>
</thead>
<tbody>
{{#each list}}
<tr>
<td>{{this.name}}</td>
<td>{{this.address}}</td>
<td>{{this.email}}</td>
<td>{{this.mobile}}</td>
<td>
<a href="/user/{{this._id}}"><i class="fa fa-pencil fa-lg"></i></a>
<a href="/user/delete/{{this._id}}" onclick="return confirm('Are you sure to delete this record ?');"><i class="fa fa-trash fa-lg" aria-hidden="true"></i></a>
</td>
</tr>
{{/each}}
</tbody>
我遇到了之前没有注意到的以下错误:
Handlebars: Access has been denied to resolve the property "_id" because it is not an "own property" of its parent.
You can add a runtime option to disable the check or this warning:
我以为问题在于传递来自把手的值,但这是与把手的版本有关。这解决了我的问题:
npm install [email protected]