NPDD/Baobáxia/Infra Interface - Histórico de revisão

Fernao: funcionamento da view

2013-10-15T18:31:57Z

funcionamento da view

Fernao em 18h14min de 15 de outubro de 2013

2013-10-15T18:14:31Z

Fernao: adicionando infos sobre as rotas

2013-10-15T18:14:00Z

adicionando infos sobre as rotas

Fernao: /* Estrutura básica do Backbone */

2013-10-14T23:15:45Z

Estrutura básica do Backbone

Fernao: sobre o backbone / interface

2013-10-14T23:13:42Z

sobre o backbone / interface

Página nova

= Infraestrutura da Interface =

== Backbone.js ==

Backbone.js (http://backbonejs.org/ é uma biblioteca de Javascript para construção de interfaces, toda baseada em leitura de dados em arquivos .json, oferecida por uma API REST.

Por isso, ela está pegada na estrutura da API REST

=== Estrutura básica do Backbone ===

/base
index
/js
app.js
main.js
router.js
/collections
/lib
backbone-amd.js
jquery-min.js
underscore-amd.js
/models
MediaModel.js
Mocambola.js
Mucua.js
Repository.js
/views
/media
/mocambola
/mucua
/repository
/templates

@@ Linha 43: / Linha 43: @@
 === Fluxo do funcionamento do backbone ===
-'''(A) Funcionamento das rotas'''
+==== Funcionamento das rotas ====
 ) index.html
@@ Linha 58: / Linha 58: @@
 Configuração do mapa de rotas (routes) e funções de ativação das rotas
-'''(B) Funcionamento das rotas'''
+==== Funcionamento das rotas ====
 ) Ao receber uma rota, encaminha para a função. Ex.:
@@ Linha 68: / Linha 68: @@
   -> enviará para rota listBbxCommands
 etc...

@@ Linha 61: / Linha 61: @@
 ) Ao receber uma rota, encaminha para a função. Ex.:
 a) http://localhost/baobaxia_2/baobaxia/tests/backbone-requirejs_0/#redemocambos/dandara
--> enviará para a rota getMucua
+ -> enviará para a rota getMucua
 b) http://localhost/baobaxia_2/baobaxia/tests/backbone-requirejs_0/#redemocambos/dandara/bbx
--> enviará para rota listBbxCommands
+ -> enviará para rota listBbxCommands
 etc...

← Edição anterior		Edição das 18h14min de 15 de outubro de 2013
Linha 40:		Linha 40:
	/repository		/repository
	/templates		/templates
		+
		+
		+	=== Fluxo do funcionamento do backbone ===
		+	'''(A) Funcionamento das rotas'''
		+
		+	1) index.html
		+	Carrega o main.js (inicializador do backbone) e a biblioteca require.js (biblioteca de carregador de bibliotecas)
		+	<script data-main="js/main" src="js/lib/require.js"></script>
		+
		+	2) main.js
		+	Seta as configurações do require, e define os caminhos das bibliotecas utilizadas (jquery, underscore, backbone etc), e inicializa a aplicação (app.js)
		+
		+	3) app.js
		+	Chamado pelo main.js, diz quais libs serão usadas (jquery, underscore, backbone e router.js) e chama o router.js
		+
		+	4) router.js
		+	Configuração do mapa de rotas (routes) e funções de ativação das rotas
		+
		+	'''(B) Funcionamento das rotas'''
		+
		+	1) Ao receber uma rota, encaminha para a função. Ex.:
		+	a) http://localhost/baobaxia_2/baobaxia/tests/backbone-requirejs_0/#redemocambos/dandara
		+	-> enviará para a rota getMucua
		+	b) http://localhost/baobaxia_2/baobaxia/tests/backbone-requirejs_0/#redemocambos/dandara/bbx
		+	-> enviará para rota listBbxCommands
		+	etc...

@@ Linha 16: / Linha 16: @@
       router.js
       /collections
       /lib
         backbone-amd.js
         jquery-min.js
         underscore-amd.js
       /models