如何使用HTML页面中的Node.js编译JavaScript代码

时间:2019-02-05 12:48:44

标签: javascript html node.js mongodb

据我对html css和javascript的了解,我能够弄清楚,要连接到mongodb,我们需要执行以下javascript代码以将数据存储到db中。现在我的问题是,单击``提交''按钮后,我还需要添加什么以使输入到网页中的数据存储在数据库中。对不起,如果重复该问题,但我无法弄清楚如何完成此操作。

HTML代码:

<!DOCTYPE html>
<html>
    <head>
        <script src ="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
        <script src ="C:\Users\komar\Desktop\data.js"></script></head>
<body>

Username : <input type="text" ng-model="Uname" id="Uname">
Password : <input type="password" ng-model="Password" id="Pass">
<button type="Submit" name="Submit" onclick="adddata()">Submit</button>
</body>
</html>

JavaScript代码:

var MongoClient = require('mongodb').MongoClient
  , assert = require('assert');
var uname= document.getElementById("Uname").value;
var pass= document.getElementById("Pass").value;

var url = 'mongodb://localhost:27017/login';


MongoClient.connect(url, function(err, db) {
  if(err) throw err;
  var dbo = db.db("login");
  db.collection("login").insert({Username: uname, Password: pass}).toArray(function(err,result){
  if(err) throw err;
  console.log(result);
  db.close();
  });

});

我必须在nodejs中编译javascript代码,以从html页面将数据存储在mongodb中。当我提交表单时,我必须让所有这些功能在后台发生。怎么做。感谢您的提前帮助

编辑:我很难理解如何开发一个网页,该网页从用户那里获取数据并根据数据库中已有的信息验证数据并允许访问特定页面。谁能和我分享与这项工作有关的理论概念。

0 个答案:

没有答案