使用帶有express.js、hbs和mongodb的nodejs從電子商務網站專案的管理面板編輯產品

編輯按鈕

                    <td>
                        <a href="/admin/edit-product/{{this._id}}" class="btn btn-primary">edit</a>
                    </td>

router.get 我給編輯按鈕的編輯產品鏈接

var ProductHelpers = require('../helpers/product-helpers')
router.get('/edit-product/:id',async (req,res)=>{
  let product=await ProductHelpers.getProductDetails(req.params.id)
  console.log(product)
  res.render('admin/edit-products',{product})
}) {{!--here i have rendered edit products page and passed product variable --}}

編輯products.hbs 頁面

section>
<div >
    <div >
        <div >
            <h2 >Edit Products</h2>
            <form action="/admin/edit-product/:{{product._id}}" method="post" enctype="multipart/form-data">
                <label for="">Number</label>
                <input name="no"  type="text" value="{{product.no}}">

                <label for="">Name</label>
                <input name="name"  type="text" value="{{product.name}}">

                <label for="">Catagery</label>
                <input name="catagery"  type="text" value="{{product.catagery}}">

                <label for="">Price</label>
                <input name="price"  type="text" value="{{product.price}}">

                <label for="">Description</label>
                <input name="description"  type="text" value="{{product.description}}">

                {{!-- <label for="">Image</label>
                <input name="image"  type="file"> --}}

                <button type="submit" >Update</button>
            </form>
        </div>
    </div>
</div>

var ProductHelpers = require('../helpers/product-helpers')
router.post('/edit-product/:id',(req,res) => {
  ProductHelpers.updateProducts(req.params.id,req.body).then(()=>{
    res.redirect('/admin/')
  })
})

product-helpers.js 頁面

getProductDetails:(Proid)=>{
    return new Promise((resolve,reject)=> {
        db.get().collection(collection.PRODUCT_COLLECTION).findOne({_id:objectId(Proid)}).then((product)=>{
            resolve(product)
        })
    })
},
updateProducts:(Proid,ProDetails)=>{
    return new Promise ((resolve,reject)=>{
        db.get().collection(collection.PRODUCT_COLLECTION).updateOne({_id:objectId(Proid)},{
            $set:{
                no:ProDetails.no,
                name:ProDetails.name,
                catagery:ProDetails.catagery,
                catagery:ProDetails.price,
                description:ProDetails.description,
            }
        }).then((response)=>{
            resolve()
        })
    })
}

瀏覽器 編輯按鈕中的瀏覽器 編輯按鈕

當我單擊編輯按鈕時，它會將我帶到此頁面 編輯產品頁面

一切都好！..但問題是接下來 我更改了數字并單擊更新 結果是 瀏覽器中的結果

同時控制臺中的結果是：- 控制臺結果

我希望我已經正確解釋并且您已經掌握了一切，如果您知道要解決，請幫助我，如果您對我的問題有任何疑問，請問我。

uj5u.com熱心網友回復：

注意: 在<form> 動作中，將其更改為：

<form action="/admin/edit-product/{{product._id}}" method="post" enctype="multipart/form-data">

標籤：javascript 节点.js mongodb 表示

上一篇：MongoDB找到一個陣列，該陣列包含另一個陣列中的一個元素

下一篇：MongoX509tls連接選項