如何从Mongodb获取数据并将其显示在相应的html表单字段中?

时间:2019-01-06 13:07:33

标签: javascript html node.js mongodb ejs

我已经成功地从名为insert_data.html的html表单中获取并保存了数据,并保存在了mongobd中,现在我想在另一个名为user_info.html的html文件的表单域中显示该数据,我该如何实现呢?使用Node.js,ejs和express?

这是inserted_data.html

<html>
<head></head>
<body>
    <form action="user_info.html" method="POST">
        username:<input type="text" placeholder="username" name="username"><br>
        your hobby:<input type="text" placeholder="hobby" name="hobby"><br>
        <button type="submit">sign in</button>
    </form>
</body> 
</html>

这是Action.js:

var express = require("express");
var app = express();
var bodyparser=require("body-parser");
app.use(bodyparser.urlencoded({ extended: true }));
var MongoClient=require("mongodb").MongoClient;
var url="mongodb://localhost:27017/";

app.listen(3000);

app.get("/inserted_data.html",function(req,res)
 {
   res.sendFile(__dirname+"/inserted_data.html");
 })

 app.get("/user_info.html",function(req,res)
 {
   res.sendFile(__dirname+"/user_info.html");
 })

 app.post("/user_info.html",function(req,res)
 {
   MongoClient.connect(url,function(err,db)
    {
      if(err) throw err;
      var dbo=db.db("example");
      dbo.collection("stuff").insertOne(req.body);
    })
   console.log(req.body);
   res.redirect("/user_info.html");
 });

这是user_info.html:

<html>
<head></head>
<body>
    <form action="/">
        entered username:<input type="text" placeholder="username" name="username"><br>
        entered hobby:<input type="text" placeholder="hobby" name="hobby"><br>
        <button type="submit">sign in</button>
    </form>
</body>

我想以user_info.html的表单字段显示存储在我的数据库中的信息 ps。我相信这可以使用ejs来完成,但是我没有经验,所以如果有人愿意解释如何做到这一点,请先谢谢。

0 个答案:

没有答案