LOGO ZEND Framework. FRAMEWORK  O que é?  Um framework nada mais é do que uma arquitetura “padrão” que fornece várias ferramentas comuns a todo tipo.

Apresentação em tema: "LOGO ZEND Framework. FRAMEWORK  O que é?  Um framework nada mais é do que uma arquitetura “padrão” que fornece várias ferramentas comuns a todo tipo."— Transcrição da apresentação:

1 LOGO ZEND Framework

2 FRAMEWORK  O que é?  Um framework nada mais é do que uma arquitetura “padrão” que fornece várias ferramentas comuns a todo tipo de projeto;  Utilizam os mais variados tipos de padrões de projeto para proporcionar um ambiente de desenvolvimento extremamente produtivo. www.themegallery.com LOGO

3 FRAMEWORK  VANTAGENS  Padronização de processos.  Uso constante das boas práticas de desenvolvimento.  Enorme gama de recursos disponiveis.  Re-uso de código.  Flexibilidade e Extensibilidade dos projetos.  Fácil manutenção.  Produtividade. www.themegallery.com LOGO

4 Framework X Biblioteca de Classes  Bibliotecas:  Bibliotecas são apenas bibliotecas, fornecem vários recursos independentes que as vezes fica dificil interagirem entre si.  Framework:  Além de fornecer vários recursos como biblioteca, proporciona todo um ambiente padronizado, que, uma vez seguido de acordo fica sendo extremamente produtivo com o reutilização de muitos trechos de código. www.themegallery.com LOGO

5 Introdução ao Zend Framework  O que é?  Framework open-source para desenvolvimento orientado a objeto escrito em PHP 5.  Mantido pela Zend Technologic Inc.  Usa a arquitetura Model-View Controller (MVC). Isto é usado para separar as diferentes partes de sua aplicação para tornar o desenvolvimento e manutenção mais fácil. www.themegallery.com LOGO

6 Padrão MVC  MODEL  É a parte que se preocupa com os dados específicos a serem mostrados. Dessa forma, model é geralmente relacionado com a lógica de negócios de uma aplicação e administra o carregamento e o salvamento de dados em um banco de dados, web services, feeds, etc.  VIEW  É a parte responsável pela visualização do que é mostrado para o usuário. Ex:. html, javascript, css.  CONTROLLER  Gerencia o ambiente da requisição, isto é determina o que irá ser o fluxo entre o view e o model para garantir que as informações corretas sejam mostradas na página.

7 ZEND TOOL  A Zend Tool:  É uma ferramenta para criação de controllers, views, models, projetos entre outros recursos do ZF via linha de comando.  Então o primeiro passo para podermos utilizar a Zend Tool é baixar o pacote do Zend Framework no site http://framework.zend.com/download/latest. (disponível na pasta programas na desktop) http://framework.zend.com/download/latest www.themegallery.com LOGO

8 ZEND TOOL  Instalação  Primeiramente devemos verificar se o comando php está disponível no nas variáveis de ambiente no windows. Iniciar; Meu computador; Clique direito e vá em propriedades. Na guia ‘Avançado’, vá em Variáveis do Ambiente/Sistema; Em Variáveis do Sistema, procure a PATH; Clique para editá; E adicione no final a caminho do php.exe –;C:\xampp\php Clique em ok, nas vezes em que aparecer;

9 ZEND TOOL  Instalação

10 ZEND TOOL  Instalação  Agora iremos fazer o mesmo procedimento anterior. Porém antes vamos descompactar a bibiloteca da Zend Framework na área de trabalho pasta programas. Após decompactar na pasta (C:\Program Files\); Renomearemos para Zend Framework; Em Variáveis do Sistema, procure a PATH; Clique para editá-la; E adicione no final a caminho do zf.bin –;C:\Program Files\Zend Framework\bin Clique em ok, nas vezes em que aparecer;

11 ZEND TOOL  Instalação

12 ZEND TOOL  Instalação  Agora reinicie o windows.  Para testarmos a zend tools:  Com a tecla windows + r;  Digite cmd  No console digite: zf show version, tecla enter;

13 ZEND TOOL  Instalação

14 ZEND TOOL  Criando um projeto via ZEND TOOL  No console do windows digite: zf create project "C:\Documents and Settings\developer\Desktop\projeto“  Note que foi criada uma pasta projeto na desktop;

15 ZEND TOOL  Criando um projeto via ZEND TOOL

16 ZEND TOOL  Criando um projeto via ZEND TOOL

17 INTEGRAÇÃO ZEND TOOLS e NETBEANS  INTEGRAÇÃO  Essa integração é bastante interessante. Pois o netbeans possui um console extremamente eficaz. Autocompleta os comandos; Mostra os parâmetros de cada comando; Aumenta consideravelmente a produtividade na utilização da IDE Netbeans. www.themegallery.com LOGO

18 CONFIGURAR VIRTUALHOST NO APACHE  APACHE  Para deixarmos a nossa aplicação mais segura devemos criar um virtualhost. Agora baixe o arquivo no site do mini curso –http://www-pet-si.inf.ufsm.br/cursozend2011/aula1http://www-pet-si.inf.ufsm.br/cursozend2011/aula1 –Arquivo: »httpd-vhosts.conf Copie o arquivo baixado na pasta –C:\xampp\apache\conf\extra Reinicie o apache. Abra o arquivo host na pasta: –C:\WINDOWS\system32\drivers\etc –Adicione a seguinte linha: »127.0.0.1agendaweb.localhost

19 INTEGRAÇÃO ZEND TOOLS e NETBEANS  httpd-vhosts.conf Essa configuração veremos na prática mais adiante.

20 INTEGRAÇÃO ZEND TOOLS e NETBEANS  INSTALAÇÃO  É bastante simples, em poucos passos é possível fazer a instalação. Abra o NETBEANS; Vá em Tools(Ferramentas) > Options(Opções); Clique em PHP; Na aba Zend, tem a input Zend script; Vá em Browse e procure a pasta bin onde foi descompactada o Zend Framework, pois ela contém o zf.bat. –Note que no nosso exemplo, como já fizemos isso para utilização no console, já aparece o caminho correto do nosso zf.bat. Clique em Register Provider, e depois em OK.

21 INTEGRAÇÃO ZEND TOOLS e NETBEANS  INSTALAÇÃO

22 CRIANDO UM PROJETO NO NETBEANS  NOVO PROJETO  Iniciando a parte prática do mini curso, iremos agora criar um novo projeto.  O projeto consistirá em uma agenda de contatos; Vá em file(arquivo) > New Project(novo projeto); Na categories(categorias), selecione PHP Application; Clique em next; Em Project Name(Nome do projeto) digite: –AgendaWeb Em source files(código fonte) digite o seguinte caminho –C:\xampp\htdocs\AgendaWeb »Caminho que o apache utiliza para disponibilizar as aplicações web; »Pasta agendaweb para o nosso sistema de contatos; Clique em Next >.

23 CRIANDO UM PROJETO NO NETBEANS  NOVO PROJETO

24 CRIANDO UM PROJETO NO NETBEANS  NOVO PROJETO  Continuação; Em Run Configuration(Executar Configuração); Run As(Executar como) selecione –Local Web Site; Project URL digite; –http://agendaweb.localhost/ (VirtualHost)http://agendaweb.localhost/ Clique em Next >;

25 CRIANDO UM PROJETO NO NETBEANS  NOVO PROJETO

26 CRIANDO UM PROJETO NO NETBEANS  NOVO PROJETO  Continuação; Em PHP Frameworks(Estrutura PHP); Selecione o check box: –Zend PHP Web Framework; Clique em Finish(Finalizar); Pronto está criado o nosso projeto.

27 CRIANDO UM PROJETO NO NETBEANS  NOVO PROJETO

28 CRIANDO UM PROJETO NO NETBEANS  NOVO PROJETO

29 CRIANDO UM PROJETO NO NETBEANS  ZEND TOOL  Agora vamos utilizar o console no NETBEANS; Na guia Projects(Projetos) –Clique com o botão direito > Zend > Run Command... Isso irá abrir o console do zend tool no NETBEANS.

30 CRIANDO UM PROJETO NO NETBEANS  ZEND TOOL

31 VISUALIZANDO O PROJETO  Acesse: http://agendaweb.localhost

32 MODEL  MODELO RELACIONAL DO BANCO DE DADOS(AGENDA DE CONTATOS)

33 Model  O BANCO agenda já está criado.  SQL  Baixe o arquivo no site do mini curso http://www-pet-si.inf.ufsm.br/cursozend2011/aula1 Arquivo: –Agenda.sql  Abra pgadmin Crie um novo banco com o nome agenda. Execute o sql.

34 Model  Criando DB-Table  Abra o console do zend tool no NETBEANS; –Dica: Marque a opção: Keep this dialog.  No console digite no filter: create db-table  E no Parameters Contatos tb_contatos Usuarios tb_usuarios Grupos tb_grupos  O Zend Tools criou na pasta model/DbTable os seguintes arquivos de classe: –Contatos.php –Grupos.php –Usuarios.php

35 MODEL  CLASSES DO MODEL

36 MODEL  Baixe os aquivos  http://www-pet-si.inf.ufsm.br/cursozend2011/aula1 http://www-pet-si.inf.ufsm.br/cursozend2011/aula1 Pasta application/models/DbTable –Arquivos: »Contatos.php »Grupos.php »Usuarios.php  Vamos entender o código.  Abra cada um copie o conteúdo e cole nos nos arquivos correspondentes no nosso projeto.  Seguinte ordem: –Grupos.php –Contatos.php –Usuários.php  Explicação.

37 CONTROLLER  Entendendo a url  http://agendaweb.localhost/controller/action/var1/val1/ var2/val2; http://agendaweb.localhost/controller/action/var1/val1/ var2/val2  Criando Controller  Abra o console do zend tool no NETBEANS; –Dica: Marque a opção: Keep this dialog.  No console digite no filter: create controller  E no Parameters Contatos Usuarios Grupos Login www.themegallery.com LOGO

38 CONTROLLER  CLASSES DOS CONTROLLERs www.themegallery.com LOGO

39 ZEND LAYOUT  ZEND LAYOUT  Com ele você cria perfis de interfaces comuns e automaticamente o Zend “recheia” seu layout com a template da action requisitada.  Veja na figura a seguir; www.themegallery.com LOGO

40 ZEND LAYOUT

41  ATIVANDO  Abra o console do zend tool no NETBEANS; –Dica: Marque a opção: Keep this dialog.  No console digite no filter: enable layout  Note a pasta layout foi criada juntamente o arquivo layout.phtml;  Vamos entender o código.  Abra cada um copie o conteúdo e cole nos nos arquivos correspondentes no nosso projeto.  Seguinte ordem: –Grupos.php –Contatos.php –Usuários.php www.themegallery.com LOGO

42 Formulário(ZEND_FORM)  Criação de formulários:  Sss;;  Elementos de formulários:  TESTE  Filtros e validação:  Teste; www.themegallery.com LOGO

43 COMPONENTES  Apresentação Geral www.themegallery.com LOGO

44 Zend_Auth www.themegallery.com LOGO

45 Zend_session www.themegallery.com LOGO

46 Zend_Translate www.themegallery.com LOGO

47 Zend_Validate www.themegallery.com LOGO

48 www.themegallery.com LOGO Contents Click to add Title 1 2 3 4

49 www.themegallery.com LOGO Diagram ThemeGallery is a Design Digital Content & Contents mall developed by Guild Design Inc. Title Add your text ThemeGallery is a Design Digital Content & Contents mall developed by Guild Design Inc.

50 www.themegallery.com LOGO Cycle Diagram Text Cycle name Add Your Text

51 www.themegallery.com LOGO Diagram Text Add Your Title Text Text 1 Text 2 Text 3 Text 4 Text 5 Add Your Title Text Text 1 Text 2 Text 3 Text 4 Text 5 Text

52 www.themegallery.com LOGO Diagram Concept Add Your Text Text

53 www.themegallery.com LOGO Diagram Add Your Text

54 www.themegallery.com LOGO Diagram Add Your Title ThemeGallery is a Design Digital Content & Contents mall developed by Guild Design Inc.

55 www.themegallery.com LOGO Diagram ThemeGallery is a Design Digital Content & Contents mall developed by Guild Design Inc. Text

56 www.themegallery.com LOGO Marketing Diagram Concept Concept concept Concept

57 www.themegallery.com LOGO Diagram Add Your Text Text

58 www.themegallery.com LOGO Diagram 1 ThemeGallery is a Design Digital Content & Contents mall developed by Guild Design Inc. 2 3

59 www.themegallery.com LOGO Diagram Your Text 200120022003 2004

60 www.themegallery.com LOGO Diagram Title ThemeGallery is a Design Digital Content & Contents mall developed by Guild Design Inc. Title Title

61 www.themegallery.com LOGO Block Diagram TEXT

62 www.themegallery.com LOGO Table Title OOOOO OOOOO OOOOO OOOOO OOOOO OXOXO

63 www.themegallery.com LOGO Text1 Text2 Text3 Text4 Text5 3-D Pie Chart

64 www.themegallery.com LOGO Block Diagram Add Your Text concept Concept Concept Concept

65 LOGO www.themegallery.com