Contenu connexe
Similaire à 第6回鹿児島node.jsの会2資料_内村 (20)
Plus de Koichi Uchimura (7)
第6回鹿児島node.jsの会2資料_内村
- 4. 第1章 MEANとは??
MongoDB Express AngularJS Node.js
NoSQLの
代表格
Node.js向け
フレームワーク
(サーバサイド)
JavaScript
フレームワーク
(クライアントサイド)
サーバーサイド
JavaScript環境
M E A N
- 9. MongoDBのインストール(Mac)
1.ターミナルから「$ brew install mongodb」
2.PATHを通す
3.mongodbの起動「$ sudo mongod」
4.別のターミナルからmongoシェルを扱う
「$ mongo」
参考:Qiita(http://qiita.com/yoh-nak/items/f0c429f10347ae7ec98b)
- 10. MongoDBをちょっといじる
1.Mongo実行中に・・・
「use sample」でsampleデータベースが自動生成
2.コレクション(=テーブル)「articles」にドキュメントを追加
> db.articles.save({
... title: "MongoDB テスト",
... author: "テスト管理者"
... })
3.ドキュメントを検索
# ドキュメントを検索する
> db.articles.find ()
{ "_id" : ObjectId(○○),"title" : "MongoDB テスト", "author" : "テス
ト管理者" }
- 13. 2.HTMLの記述
<!doctype html>
<head>
<script src="angular.min.js"></script>
<script src="app.js"></script>
</head>
<body ng-app="Hello"> //①Body全体がスコープ
<div ng-controller="HHHHeeeellllllllooooCCCCttttrrrrllll"> //②利用するアプリケーション
モジュールを指定
<p>{{hello.text}}, world!!</p> //③{{}}で囲まれた部分に反映
</div>
</body>
</html>
- 14. 3.app.jsの記述
var app = angular.module("Hello", []); //①第1引数がコントローラ
名、第2引数が使用したい外部モジュール(配列)
app.controller("HHHHeeeellllllllooooCCCCttttrrrrllll", function($scope){ //②コントローラ呼
び出し
$scope.hello = {
text : "Hello" //③「hello.text」に「Hello」を反映
};
});