A figura anterior nos mostra de forma esquem\u00e1tica o que acontece quando o index.html<\/em> invoca o aplicativo. Toda a problem\u00e1tica do acesso ao banco de dados, a formata\u00e7\u00e3o e envelopamento de dados assim como a correta condu\u00e7\u00e3o do caminho que o evento deve seguir do lado do cliente assim como a seguran\u00e7a (que n\u00e3o \u00e9 mostrada no diagrama) ficam por conta do YeAPF.<\/p>\n\n\n\n

Dito de outra forma, o programador s\u00f3 se preocupa com as pontas, o que ficaria no nosso exemplo da seguinte forma:<\/p>\n\n\n\n

cityQuery.js<\/h6>\n\n\n\n

...
that.init = function() {
   ycomm.invoke(
     'cityQuery',  \/\/ par\u00e2metro s
     'getList',    \/\/ par\u00e2metro a
     null,         \/\/ outros par\u00e2metros em formato JSON
     function(status, error, data) {
       ycomm.dom.fillElement('cityList', data);
     });
   return that;
 }
...<\/pre>\n\n\n\n
citiQuery.php<\/h6>\n\n\n\n
<?php
  function qcityQuery($a){
     $ret = '';
     switch ($a) {
       case 'getList':
         $useColNames = true;
         $countLimit = -1;
         $ret = \"select Name
                  from City
                 group by Name
                 order by Name \";
         break;
     }
     xq_produceReturnLines($ret, $useColNames, $countLimit);
   }
?><\/pre>\n\n\n\n
O que quero lhe mostrar s\u00e3o as duas partes que o programador realmente faz. O resto permanece invis\u00edvel e \u00e9 – aos efeitos de quem constr\u00f3i um aplicativo – desnecess\u00e1rio conhecer os detalhes.<\/p>\n\n\n\n
Quem sabe de modelos de desenvolvimento, \u00e9 obvio que ele \u00e9 um MVC… mas com bom cora\u00e7\u00e3o. <\/p>\n\n\n\n
Duas pe\u00e7as do quebra-cabe\u00e7a<\/h5>\n\n\n\n
Programar usando YeAPF \u00e9 entrar num mundo onde as coisas ficam bem organizadas e separadas na maior parte do tempo. Isso ajuda na hora da manuten\u00e7\u00e3o do c\u00f3digo e no desenvolvimento multidisciplinar.<\/p>\n\n\n\n
\u00c9 bem prov\u00e1vel que voc\u00ea tenha sido incentivado na faculdade ou nos livros ou na pr\u00f3pria internet ou por algum amigo da on\u00e7a a misturar c\u00f3digo. A proposta do YeAPF \u00e9 separar as camadas para manter a sanidade mental do programador e a integridade do pr\u00f3prio sistema. O HTML, o CSS e o Javascript cuidam da interface do usu\u00e1rio e o PHP cuida unicamente dos dados do lado do servidor. Mas claro, essa divis\u00e3o n\u00e3o \u00e9 estrita e nem sempre \u00e9 de tudo bom mant\u00ea-la a qualquer custo. Todavia, sempre que puder repita este mantra: quebro o c\u00f3digo antes que ele quebre minha cabe\u00e7a<\/em><\/strong>.<\/p>\n\n\n\n
Resumindo: para chamar seu script php e conseguir puxar os dados do servidor de banco de dados, utilize o ycomm.invoke()<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"
Esta \u00e9 uma das continua\u00e7\u00f5es deste artigo. Por que criar aplicativos mono p\u00e1gina? Bom, a grande virtude de um aplicativo mono p\u00e1gina \u00e9 que tudo o que voc\u00ea precisar est\u00e1 pronto assim que o usu\u00e1rio carregou a p\u00e1gina inicial e caso sejam necess\u00e1rias mais p\u00e1ginas, formul\u00e1rios, tabelas elas tamb\u00e9m podem ser carregadas dinamicamente. J\u00e1 postei […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false},"categories":[49,8],"tags":[],"jetpack_featured_media_url":"","jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p5O6UV-2Y","jetpack-related-posts":[{"id":370,"url":"http:\/\/www.yeapf.com\/wp\/?p=370","url_meta":{"origin":184,"position":0},"title":"Reagindo a mudan\u00e7as de abas","date":"novembro 29, 2017","format":false,"excerpt":"As abas s\u00e3o o dispositivo que o YeAPF entrega para um desenvolvedor poder construir aplicativo \"mono-p\u00e1gina\" como os usados em aplicativos Web de \u00faltima gera\u00e7\u00e3o ou em dispositivos m\u00f3veis. S\u00e3o elas as que nos permitem uma mudan\u00e7a r\u00e1pida na tela sem que por isso seja necess\u00e1rio carrega-las do servidor j\u00e1\u2026","rel":"","context":"Em "Desenvolvimento"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":91,"url":"http:\/\/www.yeapf.com\/wp\/?p=91","url_meta":{"origin":184,"position":1},"title":"Aplicativos mono p\u00e1gina","date":"mar\u00e7o 14, 2014","format":false,"excerpt":"Aplicativos que usam s\u00f3 uma p\u00e1gina t\u00eam um lugar assegurado no desenvolvimento de software atual e futuro. Bem feitos s\u00e3o elegantes e f\u00e1ceis de manter. Tamb\u00e9m s\u00e3o uma m\u00e3o na roda na hora de fazer um aplicativo que funcione tanto em desktop como em mobile. Para construirmos um aplicativo com\u2026","rel":"","context":"Em "Desenvolvimento"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":282,"url":"http:\/\/www.yeapf.com\/wp\/?p=282","url_meta":{"origin":184,"position":2},"title":"ChromeApps: Programando para desktop como se fosse web","date":"fevereiro 27, 2016","format":false,"excerpt":"Um aplicativo web on-line tem muitas vantagens e desvantagens - \u00e9 claro - Eu recomendo mesmo assim o desenvolvimento de aplicativos web. Todavia, h\u00e1 uma desvantagem que \u00e9 capaz de cortar o f\u00f4lego: a queda da internet. A internet tem uma caracter\u00edstica not\u00e1vel firmemente alicer\u00e7ada na Lei geral de Murphy\u2026","rel":"","context":"Em "Desenvolvimento"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":334,"url":"http:\/\/www.yeapf.com\/wp\/?p=334","url_meta":{"origin":184,"position":3},"title":"Usando a bancada de desenvolvimento para criar p\u00e1ginas com YeAPF","date":"fevereiro 8, 2017","format":false,"excerpt":"Um aplicativo que vem na distribui\u00e7\u00e3o 0.8.x do YeAPF \u00e9 o workbench ou bancada. Este artigo foi escrito na vers\u00e3o 0.8.54 do YeAPF, ent\u00e3o se est\u00e1 com uma difernte, podem haver mudan\u00e7as. Workbench ou\u00a0bancada permite ao programador construir seu aplicativo como se fossem telas separadas e depois junt\u00e1-las para formar\u2026","rel":"","context":"Em "Yet Another PHP Framework"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/yeapf.com\/wp\/wp-content\/uploads\/2017\/02\/workbench-01-300x283.png?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":315,"url":"http:\/\/www.yeapf.com\/wp\/?p=315","url_meta":{"origin":184,"position":4},"title":"Usando o yLexObj() para filtrar dados em um vetor","date":"agosto 22, 2016","format":false,"excerpt":"Digamos que tem uma lista de valores em um vetor grande em JS. N\u00e3o seria bom poder filtrar os dados de forma gen\u00e9rica escrevendo a condicional em uma string e sem ter que usar o eval()\u00a0do javascript? O c\u00f3digo abaixo \u00e9 um exemplo do que pode fazer usando o yloader.js\u2026","rel":"","context":"Em "Yet Another PHP Framework"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":455,"url":"http:\/\/www.yeapf.com\/wp\/?p=455","url_meta":{"origin":184,"position":5},"title":"Como instalar YeAPF?","date":"agosto 3, 2018","format":false,"excerpt":"Voc\u00ea n\u00e3o precisa instalar YeAPF. O que sim \u00e9 bom ter instalado s\u00e3o as ferramentas dele. Mas antes disso, \u00e9 bom deixar claro como funciona ele sem instalar. A todos os efeitos, vamos supor que voc\u00ea fez download da \u00faltima vers\u00e3o do YeAPF e o colocou na pasta ~\/Downloads\/YeAPF\/ e\u2026","rel":"","context":"Em "Yet Another PHP Framework"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"http:\/\/www.yeapf.com\/wp\/index.php?rest_route=\/wp\/v2\/posts\/184"}],"collection":[{"href":"http:\/\/www.yeapf.com\/wp\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.yeapf.com\/wp\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.yeapf.com\/wp\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/www.yeapf.com\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=184"}],"version-history":[{"count":13,"href":"http:\/\/www.yeapf.com\/wp\/index.php?rest_route=\/wp\/v2\/posts\/184\/revisions"}],"predecessor-version":[{"id":548,"href":"http:\/\/www.yeapf.com\/wp\/index.php?rest_route=\/wp\/v2\/posts\/184\/revisions\/548"}],"wp:attachment":[{"href":"http:\/\/www.yeapf.com\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=184"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.yeapf.com\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=184"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.yeapf.com\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=184"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}