Na aula anterior, criamos um aplicativo padrão usando o NativePHP e o abrimos no navegador. O endereço padrão é: http://127.0.0.1:8000/
Essa página é, em essência, uma página web, e isso é perfeitamente normal. Toda a renderização da interface do NativePHP é feita com HTML, CSS e JS. Então, como podemos editar essa tela?
Todos os arquivos responsáveis pela exibição da interface ficam na pasta resources na raiz do seu projeto
No meu ambiente, o caminho completo é este:
Ao abrir a pasta, você verá as seguintes subpastas:
As pastas css e js armazenam, respectivamente, os estilos e os scripts. A pasta views guarda os arquivos PHP das telas. Dentro de views estão esses arquivos
Abra o arquivo welcome.blade.php
Uma parte do conteúdo dele é assim:
Familiar, não é? Esse é o seu código PHP. Vamos fazer uma pequena alteração
Procure o trecho do subtítulo:
<p class="subtitle">Your app is ready.</p>Code language: HTML, XML (xml)Adicione uma frase no final da linha:
<p class="subtitle">Your app is ready.welcome to foxdevelop.com</p>Code language: HTML, XML (xml)Salve o arquivo e atualize a página http://127.0.0.1:8000/
Você verá que o subtítulo da interface mudou para o texto que você editou. Teste você mesmo. O NativePHP não limita nenhuma tecnologia frontend: você pode usar qualquer ferramenta ou framework, como Livewire, Vue, React, Svelte, HTMX e até jQuery.
Nesta aula, localize primeiro a pasta resources e experimente modificar seus arquivos para entender a estrutura técnica do NativePHP. Nas próximas lições, vamos explorar tudo sobre essa interface com mais detalhes.