Olá pessoal!
Na semana passada, nosso
novo professor , Backend PHP Developer, ensinou a primeira lição aberta sobre "Criando um site usando o Yii2 Framework". Chamamos a sua atenção para a gravação e transcrição do próprio webinar.
O Yii2 Object Oriented Component Framework é uma ferramenta muito popular e útil que é útil na criação de sites. A lição aberta de Evgeny Volosatov, realizada em 2 de julho de 2018, foi dedicada a este tópico. Como parte de uma aula interativa, o professor não apenas falou da mesma forma sobre os recursos da estrutura, mas também mostrou sua aplicação na prática.
O trabalho em uma lição aberta ocorreu de acordo com o princípio: "É melhor fazê-lo uma vez do que ver cem vezes". Todas as etapas foram realizadas seqüencialmente e de acordo com um plano previamente preparado. Para uma melhor compreensão da estrutura, os modelos prontos não foram carregados. Todas as alterações são confirmadas passo a passo. O feedback foi mantido com os alunos, de modo que o professor respondeu imediatamente às perguntas e ajudou a lidar com as dificuldades e os erros.
As seguintes ferramentas foram usadas na lição online:
- Servidor aberto
- Ambiente de desenvolvimento PhpStorm
- Software Git
- Um gerenciador de nível de aplicativo do compositor.
Todo o software necessário foi instalado no PC antes do início dos trabalhos.
Durante a aula principal, os alunos foram solicitados a concluir uma série de tarefas práticas juntamente com o professor:
- Preparação do local de trabalho. O primeiro passo é iniciar o painel do sistema operacional a partir da pasta Open Server e configurá-lo (selecionando uma versão especial do Apache-PHP-7 na guia "Módulos", criando um domínio otus.localhost local na guia "Domínios"). Além disso, a pasta otus foi criada no endereço OpenServer / Domains e a pasta web foi criada nela. Foi esse endereço que se tornou o diretório raiz do site futuro, enquanto o caminho para ele (\ otus \ web) foi especificado manualmente na guia "Domínios". Após concluir as configurações do servidor, o site foi iniciado com sucesso e ficou disponível no navegador em otus.localhost.
- Crie o primeiro arquivo de projeto. Este procedimento, como muitos outros subsequentes, foi realizado através do console do Open Server. Ele incluía comandos para inserir a pasta otus (> cd otus), a pasta de domínios (> domínios de cd) e a pasta da web. O primeiro arquivo index.php foi criado manualmente na Web e uma linha com conteúdo simples foi enviada - Bem-vindo.
- Instalando o kernel Yii2. O procedimento começou atualizando a versão do gerenciador de pacotes do Composer através do comando de atualização automática do composer e preparando-a para o trabalho carregando bibliotecas e módulos. Além disso, o Git foi inicializado (> git init) e o arquivo criado foi conectado a ele (> git add web \ index php). Em seguida, instale o kernel do Yii2 por meio do comando> composer exigem “yiisoft / yii2: *” Como resultado, os arquivos composer.json e composer.log apareceram na pasta da Web, mais a pasta do fornecedor (foi adicionada às exceções do Git). Depois disso, foi necessário fazer o download do PhpStorm e escrever certas configurações e comandos no index.php. Além disso, uma pasta separada foi criada na pasta otus para configurações, e nela havia um arquivo web.php com o conteúdo correspondente.
- Crie um ponto de entrada do desenvolvedor para gerenciar o programa. A pasta Controllers foi criada com o arquivo SiteController.php, as funções necessárias e a classe com a herança do controlador da Web foram registradas.
- Criação de representações (Views). Nesse estágio, era necessário um diretório com o mesmo nome, além de uma pasta adicional para cada controlador, que continha um arquivo index.php para cada método individual. A estrutura HTML foi gravada no arquivo main.php, que foi colocado na pasta de layouts criada anteriormente (isso ajudou a evitar um erro).
- Conecte e configure skins do Bootstrap. Um estágio difícil e importante, cuja implementação bem-sucedida abriu oportunidades para o desenvolvimento de belos sites sem a participação de um designer. Para instalar o módulo, um comando foi adicionado à linha de comando do painel para conectar os componentes, após o qual eles foram baixados. Também no arquivo main.php, foi necessário criar um script php e conectá-lo ao Bootstrap. Em seguida, o componente NavBar, necessário para a navegação funcionar, foi chamado. Ocorreram erros e, para evitá-los, a configuração do Composer foi reconfigurada no arquivo composer.json com o caminho de instalação correto. Depois disso, tornou-se possível excluir a pasta Bower-asset na pasta do fornecedor. Além disso, foi feito um trabalho para configurar o módulo de design (gatilhos, um contêiner div etc. foram adicionados ao arquivo main.php).
- Crie barra de menus e itens de navegação. As tarefas foram implementadas inserindo o código necessário no main.php. Para trabalhar com a navegação da página na pasta do site, novos arquivos php com nomes correspondentes aos itens de navegação (join.php, login.php) foram criados. Além disso, foram feitas alterações no controlador. Para "limpar" na barra de endereço, tive que conectar o componente urlManager e definir as regras para redirecionar as solicitações do navegador no arquivo .htaccess criado para isso (pasta da web).
- Conectando o sistema de depuração do projeto Debug Extension for Yii2. Para o sistema funcionar, um software especial foi baixado e instalado (quando foi conectado, foram executadas as etapas descritas nas instruções no site do fabricante). Como resultado da passagem bem-sucedida desse estágio, o usuário pôde ver os logs, solicitações, configuração e outros parâmetros do site por meio de um painel de interface especial na parte inferior da página.
Como sempre, estamos aguardando perguntas, sugestões, comentários aqui ou veja a segunda
lição aberta .