Download as PDF, PPTX
第6回rest勉強会 アソシエーション編
- 1.
- 2.
- 3. 概要 1. アソシエーションとは 2. やりたいこと 3.今回追加する機能
- 4. 概要 1. アソシエーションとは 2. やりたいこと 3.今回追加する機能
- 5.
- 6. 要は、SQLを書かずに 済ませて楽をする方法 SELECT User.id, User.username, User.password, User.name,TodoList.id, TodoList.todo, TodoList.status, TodoList.owner, TodoList.assignee FROM users AS User LEFT JOIN todo_lists AS TodoList ON (TodoList.owner = User.id)
- 7.
- 8.
- 9. 概要 1. アソシエーションとは 2. やりたいこと 3.今回追加する機能
- 10.
- 11. 概要 1. ログインとは 2. やりたいこと 3.今回追加する機能
- 12. 今回追加する機能 1. TODO追加時に担当者を指 定する 2. 更新時担当者を変えられる 3.担当者、オーナのみ○○出 来る
- 13.
- 14.
- 15.
- 16.
- 17. 本日のメニュー 1. 事前準備 2. Lesson1 サーバサイド開発 3.Lesson1.5 アソシエーションの実験 4. Lesson2 クライアントサイド開発
- 18.
- 19.
- 20.
- 21.
- 22.
- 23.
- 24.
- 25.
- 26. Lesson1 サーバサイド開発 ■他は？ • hasOne •hasMany • hasAndBelongsToMany
- 27. Lesson1 サーバサイド開発 ■他は？ • hasOne •hasMany • hasAndBelongsToMany Lesson1.5 で実験します！
- 28. Lesson1 サーバサイド開発 ■他は？ • hasOne •hasMany • hasAndBelongsToMany 今回はパス！ Lesson1.5 で実験します！
- 29.
- 30. public $belongsTo =array ( 'Owner' => array ( 'className' => 'User', 'foreignKey' => 'owner', ), 'Assignee' => array ( 'className' => 'User', 'foreignKey' => 'assignee' ) ); Lesson1 サーバサイド開発 ■belongsTo ・TodoList.php
- 31.
- 32.
- 33.
- 34. public $hasOne =array ( 'TodoList' => array ( 'className' => 'TodoList', 'foreignKey' => 'owner' ) ); ■hasOne ・User.php Lesson1.5 アソシエーションの実験
- 35.
- 36. public $hasMany =array ( 'TodoList' => array ( 'className' => 'TodoList', 'foreignKey' => 'owner' ) ); ■hasMany ・User.php Lesson1.5 アソシエーションの実験
- 37. public $hasMany =array ( 'TodoList' => array ( 'className' => 'TodoList', 'foreignKey' => 'owner' ) ); ■hasMany ・User.php Lesson1.5 アソシエーションの実験 変わるのはここだけ！
- 38.
- 39.
- 40.
- 41.
- 42.
- 43.
- 44. onRender : function(){ this.userCollection = new UserCollection(); this.listenTo(this.userCollection, 'reset', this.onLoadUsers, this); this.userCollection.fetch({reset : true}); }, ■ユーザ一覧情報の取得 Lesson2 クライアントサイド開発 ビューの生成前に取得 ・todo-layout-view.js
- 45. showTodoList : function(todoCollection){ this.listRegion.show(new TodoCompositeView({ collection : todoCollection, userList : this.userCollection.models })); }, ■ユーザ一覧情報の取得 Lesson2 クライアントサイド開発 ビューの生成時に取得済 みデータを渡す ・todo-layout-view.js
- 46. //ユーザ一覧を表示 showUserList : function($list,userList){ $.each(userList, function(index, userModel) { $list.append( "<option value='" + userModel.attributes.id + "'>" + userModel.attributes.name + "</option>"); }); }, ■ユーザ一覧の表示 Lesson2 クライアントサイド開発 ループ回してタグ挿入 ・todo-composite-view.js
- 47.
- 48.
- 49. 絞込み1(チェックボックス) • 自分がオーナ • 自分が担当 絞込2(リストボックス) •全て • 未完了のみ • 完了済みのみ 🍻飲みDev🍕 テーマリスト1
- 50.