MEANJS用户configuration文件function
我正在尝试使用meanjs来构build一个简单的应用程序。 我有2个模块：标准的用户模块和职位模块。 我想实现的是一个用户configuration文件页面，它将显示有关特定用户和列表post属于该用户的一些信息。 你可以把它想成一个twitter个人资料页面。 我认为这也将是最好的/用户/用户名forms的url结构。 但我在这一切都相当新，现在卡住了。 这是我到目前为止所做的：
我将这些行添加到users.server.routes.js中：
app.route('/api/users/:userName').get(users.userByUsername); app.param('userName', users.userByUsername); 像这样添加了一个function到服务器控制：
exports.userByUsername = function(req, res, next, username) { User.findOne({ username: username }).exec(function(err, user) { if (err) return next(err); if (!user) return next(new Error('Failed to load User ' + username)); req.profile = user; next(); }); };
我将这部分添加到users.client.routes.js
state('view.profile', { url: '/users/:username', templateUrl: 'modules/users/views/view-profile.client.view.html' });
我创build了这样一个新的看法：
<section class="row" data-ng-controller="ViewProfileController" ng-init="findUser()"> <div class="col-xs-offset-1 col-xs-10 col-md-offset-4 col-md-4"> ... </div> </section>
最后我创build了一个新的客户端控制器：
angular.module('users').controller('ViewProfileController', ['$scope', '$http', '$stateParams', '$location', 'Users', 'Authentication', function($scope, $http, $location, Users, Authentication, $stateParams) { $scope.user = Authentication.user; $scope.findUser = function () { $scope.ourUser = Users.get({ username: $stateParams.username }); }; } ]);
当我尝试打开用户/用户名页面的任何用户名，它只是给我的主要网页。 任何想法是什么错误或缺less什么？ 提前致谢。
我终于明白了，我想在这里详细解决。 我不确定这是最好的方法，但这是我做的。 任何build议，欢迎。 开始吧。
既然我们要使用.../user/username URL结构，我们首先需要将这些行添加到users.server.route.js文件中。
app.route('/api/users/:username').get(users.read); app.param('username', users.userByUsername);
现在我们必须将我们的userByUsername中间件添加到userByUsername ：
/* * user middleware * */ exports.userByUsername = function(req, res, next, username) { User.findOne({ username: username }, '_id displayName username created profileImageURL tagLine').exec(function(err, user) { if (err) return next(err); if (!user) return next(new Error('Failed to load User ' + username)); req.user = user; next(); }); };
您可能没有在您的collections中tagLine字段，或者您可能有其他自定义字段。 所以记住要改变那个部分并且包括或排除所需的字段。 永远不要留空那部分。 因为，出于安全原因，您不想获取所有用户信息，包括电子邮件，密码哈希等。 只要知道用户名，任何login用户都可以访问这些信息。
当我们在浏览器的地址栏中input.../api/users/username的时候，我们必须得到正确的json。 这很好，但是我们也想获得属于这个用户的post。 所以我们需要为post做这样的事情。
我将这一行添加到posts.server.routes.js ：
app.route('/api/posts/of/:userid').get(posts.listOf);
…和这部分posts.server.controller.js ：
exports.listOf = function(req, res) { Post.find( { user: req.params.userid }).sort('-created').exec(function(err, posts) { if (err) { return res.status(400).send({ message: errorHandler.getErrorMessage(err) }); } else { res.jsonp(posts); } }); };
现在，当你在地址栏input.../api/posts/of/userid时，你必须得到正确的用户标识的post。
所以下一步是做客户端工作，并连接到REST端点。
打开users.client.routes.js并添加：
state('users', { url: '/users/:username', templateUrl: 'modules/users/views/view-profile.client.view.html' });
模板Url指向我想用于用户configuration文件页面的新创build的html文件。 所以在client/views文件夹下创build这个文件：
<div class="col-md-12" data-ng-controller="ViewProfileController" data-ng-init="findUser()"> ... {{ ourUser }} <hr /> {{ userPosts }} ....
你可以随意填写这个文件。 我为这个视图创build了一个新的控制器。 你可以看到它的名字是ViewProfileController 。 我有一个findUser函数来完成这项工作。 这里是控制器代码：
'use strict'; angular.module('users').controller('ViewProfileController', ['$scope', '$http', '$location', 'Users', 'Authentication', '$stateParams', function($scope, $http, $location, Users, Authentication, $stateParams) { $scope.user = Authentication.user; $scope.findUser = function () { $scope.ourUser = Users.get({ username: $stateParams.username }).$promise.then( function(ourUser) { var userPostsPromise = $http.get('api/posts/of/' + ourUser._id); userPostsPromise.success(function(data) { $scope.userPosts=data; $scope.ourUser=ourUser; }); userPostsPromise.error(function() { alert('Something wrong!'); }); } ); }; } ]);
我没有为post创build一个新的angular度路线。 正如你所看到的，我使用AJAX请求来拉动post。 我考虑过其他的select，例如创build一个指令等。最后，我觉得这个方法最舒服。
就这样。 现在你可以打开你的视图文件， view-profile.client.view并开始装饰。 你可以在ourUser userPosts我们的ourUser和用户userPosts 。 此个人资料页面的url是： .../users/username 。
我希望这有帮助。