如何使用 MEAN 堆栈和 ngResource post 一些数据并获得结果
How to post some data and get results using MEAN stack and ngResource
我正在开发一个应用程序,我正在使用 MEAN 堆栈作为技术。在 AngularJS 中,我正在使用 ngResource 进行 CRUD 操作。任何人都可以建议如何将用户名和密码发送到服务器并返回响应以检查凭据是否有效。我需要 ngResource 和 mongoose 代码方面的帮助。谢谢
查看 mean.js 样板文件:
https://github.com/meanjs/mean
您很快就会看到他们是如何做到的:
moduleName.client.controller.js
将使用注入的 http 进行 http 调用。这是从 /modules/users/client/controllers/authentication.client.controller.js
进行的调用的示例(对代码进行了一些编辑,以便更容易看到您要查找的内容):
AuthenticationController.$inject = ['$scope', '$state', '$http', 'Authentication'];
function AuthenticationController($scope, $state, $http, Authentication, ) {
...
vm.authentication = Authentication;
$http.post('/api/auth/signup', vm.credentials).success(function (response) {
// If successful we assign the response to the global user model
vm.authentication.user = response;
}).error(function (response) {
vm.error = response.message;
});
}
现在,此调用 posted 到“/api/auth/signup”。处理这条路线的文件位于 /modules/users/server/routes/auth.server.routes.js
:
modules.exports = function(app) {
var users = require('../controllers/users.server.controller');
...
app.route('/api/auth/signup').post(users.signup);
}
如您所见,路由(url)与您从客户端控制器调用的路由匹配。由于来自控制器的 $http 调用是 $http.post()
,路由条目必须匹配。你可以看到它在上面。
上面传递的参数 users.signup
引用另一个文件中的函数:/modules/users/server/controllers/users/users.authentication.server.controller.js
。这是 users
模块的身份验证部分的主控制器。现在,在这个文件中我们可以看到导出了 signup
函数:
/* note: there are global variables here, see below */
exports.signup = function (req, res) {
// For security measurement we remove the roles from the req.body object
delete req.body.roles;
// Init user and add missing fields
var user = new User(req.body);
user.provider = 'local';
user.displayName = user.firstName + ' ' + user.lastName;
// Then save the user
user.save(function (err) {
if (err) {
return res.status(400).send({
message: errorHandler.getErrorMessage(err)
});
} else {
// Remove sensitive data before login
user.password = undefined;
user.salt = undefined;
req.login(user, function (err) {
if (err) {
res.status(400).send(err);
} else {
res.json(user);
}
});
}
});
};
现在,这里发生了很多事情,但我们可以分解它。
req
变量是 $http 传递的 post 请求。 res
变量是客户端期望收到的响应。
请注意 vm.credentials
是如何在 $http.post('/api/auth/signup/', vm.credentials)
中传递的?这绑定到 req.body
,您的服务器控制器可以从那里访问。
因此在本例中,req.body 是在服务器上创建新用户所需的数据。这是使用 mongoose 完成的,它有一个名为 User 的模式。通过在控制器顶部声明全局变量来访问它:
var mongoose = require('mongoose'),
User = mongoose.model('User');
可以看到上面实例化了一个新用户。它是通过猫鼬调用 .save()
保存的。
最后,您的服务器函数应使用传递给该函数的 res
变量来响应客户端的请求。查看成功创建用户后,函数如何调用
res.jsonp(user);
这是对客户端的 success()
,它接受响应并将其绑定到局部变量 vm.authentication.user
希望对您有所帮助!
我正在开发一个应用程序,我正在使用 MEAN 堆栈作为技术。在 AngularJS 中,我正在使用 ngResource 进行 CRUD 操作。任何人都可以建议如何将用户名和密码发送到服务器并返回响应以检查凭据是否有效。我需要 ngResource 和 mongoose 代码方面的帮助。谢谢
查看 mean.js 样板文件: https://github.com/meanjs/mean
您很快就会看到他们是如何做到的:
moduleName.client.controller.js
将使用注入的 http 进行 http 调用。这是从 /modules/users/client/controllers/authentication.client.controller.js
进行的调用的示例(对代码进行了一些编辑,以便更容易看到您要查找的内容):
AuthenticationController.$inject = ['$scope', '$state', '$http', 'Authentication'];
function AuthenticationController($scope, $state, $http, Authentication, ) {
...
vm.authentication = Authentication;
$http.post('/api/auth/signup', vm.credentials).success(function (response) {
// If successful we assign the response to the global user model
vm.authentication.user = response;
}).error(function (response) {
vm.error = response.message;
});
}
现在,此调用 posted 到“/api/auth/signup”。处理这条路线的文件位于 /modules/users/server/routes/auth.server.routes.js
:
modules.exports = function(app) {
var users = require('../controllers/users.server.controller');
...
app.route('/api/auth/signup').post(users.signup);
}
如您所见,路由(url)与您从客户端控制器调用的路由匹配。由于来自控制器的 $http 调用是 $http.post()
,路由条目必须匹配。你可以看到它在上面。
上面传递的参数 users.signup
引用另一个文件中的函数:/modules/users/server/controllers/users/users.authentication.server.controller.js
。这是 users
模块的身份验证部分的主控制器。现在,在这个文件中我们可以看到导出了 signup
函数:
/* note: there are global variables here, see below */
exports.signup = function (req, res) {
// For security measurement we remove the roles from the req.body object
delete req.body.roles;
// Init user and add missing fields
var user = new User(req.body);
user.provider = 'local';
user.displayName = user.firstName + ' ' + user.lastName;
// Then save the user
user.save(function (err) {
if (err) {
return res.status(400).send({
message: errorHandler.getErrorMessage(err)
});
} else {
// Remove sensitive data before login
user.password = undefined;
user.salt = undefined;
req.login(user, function (err) {
if (err) {
res.status(400).send(err);
} else {
res.json(user);
}
});
}
});
};
现在,这里发生了很多事情,但我们可以分解它。
req
变量是 $http 传递的 post 请求。 res
变量是客户端期望收到的响应。
请注意 vm.credentials
是如何在 $http.post('/api/auth/signup/', vm.credentials)
中传递的?这绑定到 req.body
,您的服务器控制器可以从那里访问。
因此在本例中,req.body 是在服务器上创建新用户所需的数据。这是使用 mongoose 完成的,它有一个名为 User 的模式。通过在控制器顶部声明全局变量来访问它:
var mongoose = require('mongoose'),
User = mongoose.model('User');
可以看到上面实例化了一个新用户。它是通过猫鼬调用 .save()
保存的。
最后,您的服务器函数应使用传递给该函数的 res
变量来响应客户端的请求。查看成功创建用户后,函数如何调用
res.jsonp(user);
这是对客户端的 success()
,它接受响应并将其绑定到局部变量 vm.authentication.user
希望对您有所帮助!