The app structure:

Front-end: app.js

/**

 * Created by Answer1215 on 12/9/2014.

 */

'use strict';

function MainCtrl(PeopleService) {

    var vm = this;

    vm.people = [];

    vm.selectedPerson = {};

   vm.getPeople = PeopleService.getPeople().then(function(response) {

        vm.people = response.data;

    });

    vm.selectPerson = function(person) {

        PeopleService.getSelectedPerson(person).then(function(response) {

            vm.selectedPerson = response.data;

            vm.selectedPerson.fullName = response.data.firstName + " " + response.data.lastName;

        });

    }

}

function PeopleService($http) {

    var PeopleService = {};

    PeopleService.getPeople = function() {

        return $http.get('http://localhost:3000/people');

    }

    PeopleService.getSelectedPerson = function(person) {

        return $http.get('http://localhost:3000/people/'+person._id);

    }

    return PeopleService;

}

angular.module('app',[

    'ngResource'

])

    .controller('MainCtrl', MainCtrl)

    .service('PeopleService', PeopleService);
<!DOCTYPE html>

<html>

<head lang="en">

    <meta charset="UTF-8">

    <title></title>

    <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css"/>

</head>

<body ng-app="app">

<div class="row" ng-controller="MainCtrl as vm">

    <div class="col-xs-4">

        <ul>

            <li ng-repeat="person in vm.people" ng-click="vm.selectPerson(person)">{{person.firstName}}</li>

        </ul>

    </div>

    <div class="col-xs-6">

        <h2>{{vm.selectedPerson.fullName}}</h2>

        <span>{{vm.selectedPerson.email}}</span>

    </div>

</div>

    <script src="bower_components/angular/angular.min.js"></script>

    <script src="bower_components/angular-resource/angular-resource.min.js"></script>

    <script src="app.js"></script>

</body>

</html>

Backend:

server.js

'use strict';

var express = require('express');

var cors = require("cors");

var app = express();

app.use(cors());

var people = require('./controller/people');

app.get('/people', people.getAll);

app.get('/people/:id', people.get);

app.listen(3000);

controller/people.js

/**

 * Created by Answer1215 on 12/26/2014.

 */

var model = require('../model/people');

exports.getAll = function(request, response){

    model.getAll(function(err, data) {

        if(err) response.json(503, {error: true});

        response.json(200, data);

    });

}

exports.get = function(request, response){

    var id = request.params.id;

    model.get(id, function(err, data) {

        if(err) response.json(503, {error: true});

        response.json(200, data);

    });

}

model/people.js

/**

 * Created by Answer1215 on 12/26/2014.

 */

var mongoose = require('../lib/mogoose');

var personSchema = {

    firstName:String,

    lastName:String,

    email:String

};

//create a person model, and rename db as people

var Person = mongoose.model('Person', personSchema);

exports.getAll = function(callback) {

    Person.find().select("firstName").exec(function(err, data) {

       // response.json(200, data);

        callback(err, data);

    });

}

exports.get = function(id, callback){

    Person.findById(id, function(err, data) {

        //response.send(data);

        callback(err, data);

    });

}

lib/mogoose.js

/**

 * Created by Answer1215 on 12/26/2014.

 */

var mongoose = require('mongoose');

mongoose.connect('mongodb://localhost/simple');

module.exports = mongoose;

[MEAN Stack] First API -- 4. Organize app structure的更多相关文章

  1. [MEAN Stack] First API -- 7. Using Route Files to Structure Server Side API

    Currently, the server.js is going way too long. In the real world application, it is likely that we ...

  2. [MEAN Stack] First API -- 5. Using $resource to setup REST app

    Front-end changes: app.js: Uinsg $resource /** * Created by Answer1215 on 12/9/2014. */ 'use strict' ...

  3. [MEAN Stack] First API -- 3. Select by ID with Mongoose and Express

    Mongoose allows you to easily select resources by ID from your MongoDB. This is an important aspect ...

  4. [MEAN Stack] First API -- 1. with Node.js, Express and MongoDB

    Learn how to import data into your MongoDB and then use Express to serve a simple Node.js API. Impor ...

  5. Spark2.3（四十）：如何使用java通过yarn api调度spark app，并根据appId监控任务，关闭任务，获取任务日志

    背景: 调研过OOZIE和AZKABA,这种都是只是使用spark-submit.sh来提交任务,任务提交上去之后获取不到ApplicationId,更无法跟踪spark application的任务 ...

  6. 淘宝用户api 如何获得App Key和API Secret

    下面我们通过截图的方式详细说明申请淘宝应用的步骤. 一.访问淘宝开放平台http://open.taobao.com/ 申请成为合作伙伴 二.填写个人信息申请入住 三.点击创建应用 四.填写应用名称, ...

  7. Andorid API Package ---> android.app

    包名: android.app                                     Added in API level 1       URL:http://developer. ...

  8. 基于腾讯云监控 API 的 Grafana App 插件开发

    Tencent Cloud Monitor App Grafana 是一个开源的时序性统计和监控平台,支持例如 elasticsearch.graphite.influxdb 等众多的数据源,并以功能 ...

  9. 使用私有api统计ios app运行时间及次数

    利用<iphone SprintBoard部分私有API总结>中提到的私有API,可以做很多越狱以前实现不了的事情. 比如,利用一个后台运行的app,监控该iphone上所有app的运行次 ...

随机推荐

  1. POJ 1083 Moving Tables

    题意:一个建筑物里有400个房间,房间都在一层里,在一个走廊的两侧,如图,现在要搬n张桌子,告诉你每张桌子是从哪个屋搬到哪个屋,搬桌子的线路之间不可以有重叠,问最少搬几次. 解法:贪心.一开始觉得只要 ...

  2. ArcGIS AO开发高亮显示某些要素

    参考代码1 ifeaturecursor pcur = ifeatureclass.search(iqueryfilter pfilter); pfilter.whereclause = strAdd ...

  3. RecordWriter接口解析

    RecordWriter是将Map/Reduce结果(Key-Value)输出到文件系统中. /** * <code>RecordWriter</code> writes th ...

  4. 获取手机内存\可用内存\单个APP运行内存

    /** 手机总内存 */ private String getTotalMemory() { // 系统内存信息文件 String str1 = "/proc/meminfo"; ...

  5. PICT实现组合测试用例（一）

    最近阅读了史亮老师的<软件测试实战:微软技术专家经验总结>一书,其中“测试建模”一章让我受益匪浅.想想以前的测试有多久没有花过心思放在测试用例的设计上了,一直强调“测试思想”的培养也都只是 ...

  6. 《Python 学习手册4th》 第四章 介绍Python对象类型

    ''' 时间: 9月5日 - 9月30日 要求: 1. 书本内容总结归纳,整理在博客园笔记上传 2. 完成所有课后习题 注:“#” 后加的是备注内容(每天看42页内容,可以保证月底看完此书) ''' ...

  7. 《Nagios系统监控实践》勘误

    在翻译的过程中,虽然反反复复的检查了很多遍,但依然有所遗漏——这不,今天就收到了 @我是晓梦 的回复,指出了书中的一些错误. 从今天起,建立勘误表,记录这些错误,以便在下一次印刷时纠正,并对广大读者致 ...

  8. new trip

    离开YY已经快一周了,特别感谢以前的老大姚冬和朱云峰,从他俩身上学到了很多.这个决定也经过了很长的纠结,不想再做个犹豫不决的人,所以最后还是坚定了最初的信念,也算是对半年前自己的一个完好交代,以防将来 ...

  9. JAVA中的数据结构——集合类（序）：枚举器、拷贝、集合类的排序

    枚举器与数据操作 1)枚举器为我们提供了访问集合的方法,而且解决了访问对象的“数据类型不确定”的难题.这是面向对象“多态”思想的应用.其实是通过抽象不同集合对象的共同代码,将相同的功能代码封装到了枚举 ...

  10. gdb 技巧

    现实数组: 比如说要显示a[10]中全部的内容用 p a显示的是地址,用p *a显示的是第一个元素显示全部或某一个:p (int [10])*a或者p *a@10 如果你使用 p *a@3 或 p * ...