使用浏览器和数据库(AngularJS 和 MongoDB)

我构建了一个小型 Web 应用程序,您可以在其中输入一个人的姓名和他们的电话号码。我最费力的是使用 AngularJS 和 MongoDB 来制作应用程序。基本上,制作我的应用程序通常有 3 个小组在工作:浏览器、数据库和控制器。控制器是浏览器和数据库之间的中间人。控制器从数据库中获取信息和数据,并告诉浏览器应该如何显示信息。我将显示数据库和控制器之间的发布和获取请求以及控制器到浏览器的发布和获取请求。

这通常是你想要使用 node 和 express 设置服务器的方式:

//服务器.jsvar express = require(“express”);var app = express();var mongojs = require("mongojs");var db = mongojs("phonelist", ["phonelist"]);

假设我们有一个名为“phonelist”的数据库,是我在 mongo 中创建的。要从数据库中检索数据,我将在 server.js 文件中执行以下操作:

//服务器.jsapp.get('/phonelist', function(req, res) {db.phonelist.find(函数(err,文档){控制台.log(文档);res.json(文档);});

我想从 肯尼亚手机号码列表 数据库发出 GET 请求,然后将包含数据的响应发送到控制器。在我的应用程序中,我想编辑我的电话号码列表。因此,我需要向浏览器发出 GET 请求。现在,我想从控制器向浏览器发出 GET 响应。为此,我将在 controller.js 文件中执行以下操作:

肯尼亚手机号码列表

$scope.edit = 函数(id){$http.get("/phonelist/" + id).success(函数(响应) {$范围.联系 = 响应;});};

基本上,它是说,如果来自数据库的 GET 请求成功 ,则将响应放在浏览器中。更具体地说,我将把该响应放在 ng-model 标记所在的 html 中。

既然我们讨论了从数据库到浏览器,如何从美国拨打电话至约旦?完整指南 那么让我们从浏览器到数据库。在我的应用程序中,我想将数字添加到数据库中。因此,我需要向控制器发出 POST 请求。为此,我需要执行以下操作:

$scope.addNumber = 函数(){$http.post("/phonelist", $scope.contact).success(函数(响应) {刷新();});};

进入控制器后,我需要从控制器进入数据库。为此,我需要执行以下操作:

app.post("/phonelist", 函数(req, res) {db.phonelist.insert(req.body,函数(err,doc){res.json(文档);});});

我将进入 加拿大电子邮件线索 数据库并将新数据从浏览器插入到数据库。这几乎是从数据库到浏览器再从浏览器到数据库的工作流程。希望这对你有帮助。

您可以随意将其 fork 或 clone 到您的 github 或计算机。此外,您也可以随意试用它。

发表评论

您的邮箱地址不会被公开。 必填项已用 * 标注