Alloy 모델과 DB 연동

아직 완성된 글이 아닙니다. ---- Alloy의 모델은 Backbone의 모델을 사용하므로, Backbone의 API와 Event를 그대로 사용할수있다. 일단 스튜디오에서 Alloy모델을 생성하게 되면 /model 폴더에 해당 파일이 생성되고 기본 구조는 다음과 같다.

1. 모델의 기본 구조


exports.definition = {
config : {
// table schema and adapter information
},
extendModel: function(Model) {
_.extend(Model.prototype, {
// Extend, override or implement Backbone.Model
});

return Model;
},
extendCollection: function(Collection) {
_.extend(Collection.prototype, {
// Extend, override or implement Backbone.Collection
});

return Collection;
}
}

일반적인 MVC 모델의 경우 다음 그림과 같이 컨트롤러에서 모델과 뷰를 생성하고 모델을 뷰의 인자로 넘기게 되는데, Alloy도 같은 MVC 구조를 가지기 때문에 Alloy 모델은 컨트롤러에서 생성되어야한다.

MVC 기본 아키텍쳐 UML

모델 생성은 Alloy.createModel() 메소드를 이용한다. 샘플 코드를 보자.


var book = Alloy.createModel(&#039;book&#039;, {title:&#039;Green Eggs and Ham&#039;, author:&#039;Dr. Seuss&#039;});
var title = book.get(&#039;title&#039;);
var author = book.get(&#039;author&#039;);
// Label object in the view with id = &#039;label&#039;
$.label.text = title + &#039; by &#039; + author;

위 코드에서 book 객체는 백본 모델이기 때문에 백본의 API를 그대로 사용할 수 있다. 그리고 이렇게 생성된 모델을 다른 컨트롤러에서도 사용하고 싶은 경우가 매우 많을 것이다. 이럴때는 Alloy.Models.instance() 메소드를 이용해 접근할수있다.


var book = Alloy.Models.instance(&#039;book&#039;);

물론 XML 뷰에도 모델을 넘겨서 사용하고 싶을수도 있다. 다음과 같이 XML 뷰와 함께 모델을 정의하면, 컨트롤러는 모델과 뷰를 자동으로 생성한다.

XML 뷰를 통해 자동으로 생성된 모델은 다음과 같은 방법은 접근한다. - id 지정시, 컨트롤러에서 $.myBook 으로 접근 - src를 이용해 Alloy.Models.book 으로도 접근 가능 (전역변수) - src는 book.js 와 맵핑된다. - instance가 true면 싱글톤 모델을 만든다. false면 다른 인스턴스를 만든다.

2. 모델 설정

모델의 config 객체는 columns, defaults, adapters 라는 3개의 객체를 가진다.

columns - 테이블 스키마, SQLite가 인식하지 못하는 값은 모두 TEXT 타입로 지정된다.
defaults - undefined일 경우 설정되는 기본값
adapters - 실제 저장소와 맵핑하기 위한 type과 collection_name을 갖는다.

exports.definition = {
config: {
"columns": {
"title": "String",
"author": "String"
},
"defaults": {
"title": "-",
"author": "-"
},
"adapter": {
"type": "sql",
"collection_name": "books"
}
}
}

3. Backbone.Model 클래스 확장하기

기존 모델을 확장해서 필요한 필드나 함수를 만들수있다. 예를 들면 다음과 같다.


exports.definition = &#123;
config : &#123;
// table schema and adapter information
&#125;,
extendModel: function(Model&#41; &#123;
&#95;.extend&#40;Model.prototype, &#123;
// Implement the validate method
validate: function (attrs&#41; &#123;
for (var key in attrs&#41; &#123;
var value = attrs[key];
if (key === "title"&#41; &#123;
if &#40;value.length