Facebook Twitter Gplus LinkedIn E-mail RSS
Home Laravel Instalar Laravel 5.3 e Composer
formats

Instalar Laravel 5.3 e Composer

Publicado em 29/09/2016 por em Laravel

composer-laravel

O intuito desse tutorial é demonstrar como instalar o Laravel 5.3 em Windows com Wamp. Comecei a estudar Laravel para dar uma ajuda a um amigo que está começando a trabalhar como programador Laravel no Rio de Janeiro, e ele tem como base o PHP puro. Não sou nenhum expert em Laravel, e tudo que vou demonstrar nesse tutorial, foram os passos seguidos de outros tutoriais, os quais vou deixar a referência no final do post.

Esse tutorial tem como objetivo: instalar o composer, instalar o laravel via composer, criar um sistema de login, configurar um banco de dados e realizar um CRUD.

O que você precisa ter uma noção para prosseguir:

  • PHP, MySQL, Wamp server 3, PhpMyAdmin

Requisitos:

  • Wamp3 instalado, apache e MySQL inicializados

Sumário

Instalar composer para trabalhar com Laravel

Vamos começar instalando o composer:

Agora temos que instalar o composer, baixe-o no site oficial do composer.

Caso tenha dificuldades em instalar o composer, veja o vídeo de como instalar o composer.

Como instalar o Laravel com Composer

Após ter realizado a instalação do composer , verifique se o composer está no diretório AppData > Roaming > Composer > vendor > bin:

laravel-composer

Abra o MS-DOS, abra a pasta onde está seu wamp, e execute o seguinte comando:

  1. composer global require "laravel/installer"

 

composer-laravel

Pronto, já temos o laravel instalado.

Instalando o Laravel: Composer – Configurar variáveis de ambiente

Clique no menu iniciar, digite variáveis, e clique em Editar as variáveis de ambiente do sistema:

laravel-variaveis-de-ambiente

Abrindo as configurações de variáveis, clique na aba “Avançado” > “Variáveis de Ambiente”, localize a opção Path em “Variáveis do sistema” e clique em “Editar”:

variaveis-windows

Ao editar, em valor da variável, vá até o final da linha, e digite o seguinte:

  1. ;C:\Users\Infor04\AppData\Roaming\Composer\vendor\bin

Não esqueça de colocar o ponto e vírgula igual o exemplo acima. Você deve trocar o Infor04 pelo seu usuário do windows.

Para testar se está tudo funcionando OK, abra um terminal, e digite laravel:

bash-laravel

Abra a pasta referente ao www de seu wamp, verifique que na minha instalação do wamp eu utlizei a pasta com nome de wamp3, porém o seu pode estar wamp ou algum outro nome, execute o comando cd C:\wamp\www

Logo após execute o comando para criarmos um novo projeto em laravel: laravel new LaravelSistema

Note que LaravelSistema é o nome do nosso projeto.

laravel-instalacao

Se tudo ocorrer bem, o sistema vai te retornar a mensagem de acordo com o modelo acima.

Para verificar se a instalação ocorreu normalmente, teste:
laravel-initial-window

Configurar banco de dados

Para criar o sistema de login, primeiramente temos que criar uma base de dados. Você pode utilizar o phpMyAdmin para criar essa base:

php-my-admin-laravel

Agora vamos setar dentro do laravel, as configurações referente ao banco de dados que acabamos de criar.

Edite o arquivo .env que fica no diretório LaravelSistema/.env

file-env-laravel

Configure as linhas de configurações de conexão com o banco de dados:

database-laravel

Salve o arquivo e abra o terminal (MS-DOS), e abra o diretório do nosso sistema.

Criando sistema de login

Execute o comando php artisan migrate dentro da pasta do seu projeto:

artisan-migrate

Execute o comando php artisan make:auth

make-auth-laravel

Você pode verificar que agora seu projeto conta com login e register:

login-laravel

Para registrar um novo usuário, você clica em Register.

Verifique que as tabelas em seu banco de dados foram criadas automaticamente:

laravel-sistema

 

Agora você pode realizar login utilizando seu usuário e senha.

Instalando o Boostrap no Laravel 5.3

Baixe o bootstrap no site: http://getbootstrap.com/

boostrap

 

Extraia para dentro da pasta public de seu projeto de modo que fique dessa forma:

bootstrap-estrutura

Temos que criar uma página para testarmos o funcionamento do bootstrap. Ainda na página de download do bootstrap, vamos escolher uma página de exemplo que queremos utilizar e vamos copiar o código fonte dela:

bootstrap-jump

Página: http://getbootstrap.com/examples/jumbotron-narrow/

Mande exibir o código fonte e copie o código da página toda:

codigo-fonte

Copie todo o código fonte dessa página:

codigo-fonte-laravel

Em seu projeto no diretório resources/views, crie um arquivo chamado novomaster.blade.php:

view-master-bootstrap

Nesse arquivo, cole o código fonte que copiamos da página do bootstrap:

narrow-laravel

Agora vamos escrever os caminhos de css de acordo com o modelo do laravel, para isso altere as seguintes linhas, de modo que fique dessa maneira:

bootstrap-modificacoes

Agora vamos escrever no arquivo, as variáveis referentes as regiões de cada parte do layout, siga o modelo:

cols-boostrap

Temos que copiar também o arquivo .css para dentro da pasta de CSS de seu projeto, no caso vamos copiar o css com nome de jumbotron-narrow.css, coloque esse css na pasta public/css: http://getbootstrap.com/examples/jumbotron-narrow/jumbotron-narrow.css

boostrap-css

Em seu projeto, vá até a pasta route, e edite o arquivo web.php:

arquivo-web-laravel

Adicione as seguintes linhas:

  1. Route::get('/paginateste', function(){
  2.     return view('novoteste');
  3. });

route-laravel

E salve o arquivo.

Dentro da pasta resources/views, crie um arquivo chamado novoteste.blade.php:

views-test-laravel

Edite o arquivo novoteste.blade.php de forma que fique o seguinte:

sections-laravel

Adicionar Boostrap nas páginas de login

Ao acessar a página de login, você vai verificar que ela está desconfigurada e sem estilo d bootstrap implementado:

laravel-login

Para prosseguirmos no tutorial, registre um usuário clicando no botão “Register”.

Agora vamos editar a view do sistema de login, navegue até resources/views/auth, e edite o arquivo login.blade.php:

login-blade

Você deve determinar o extends, e as sections que você vai usar nessa view.

O exemplo esta no arquivo login.blade.php.txt

Resultado final:

login-laravel-demo

Repita o passo também para o arquivo register.blade.php

Testando nossa instalação

Para visualizar essas paginas você deve acessar: http://localhost/LaravelSistema/public/register

ou

http://localhost/LaravelSistema/public/login

Também podemos utilizar o comando php artisan serve, que automaticamente gera um novo ambiente para você:

artisan-serve

Automaticamente é gerado um server na porta 8000, basta você digitar o endereço http://localhost:8000/ em seu navegador.

No nosso próximo tutorial, vou explicar como criar um CRUD no Laravel 5.3.

 

Se você curtir o post, compartilha ou curte ai no face, se você teve dificuldade ou conseguiu usar, deixe seu comentário. Seu feeedback é de extrema importância.

 
 Compartilahr no Facebook Compartilhar no Twitter Comaprtilhar no Reddit Compartilhar no LinkedIn
2 Comments  comments 

2 Respostas

  1. Raffael

    Boa noite, quando executo o comando: php artisan migrate, o seguinte erro é retornado:
    [Illuminate\Database\QueryException]
    SQLSTATE[42S01]: Base table or view already exists: 1050 Table ‘users’ already exists (SQL: create table `users` (`
    id` int unsigned not null auto_increment primary key, `name` varchar(255) not null, `email` varchar(255) not null,
    `password` varchar(255) not null, `remember_token` varchar(100) null, `created_at` timestamp null, `updated_at` tim
    estamp null) default character set utf8mb4 collate utf8mb4_unicode_ci)

    [PDOException]
    SQLSTATE[42S01]: Base table or view already exists: 1050 Table ‘users’ already exists

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

© Adonai Diófanes | Wordpress | Drupal | Rio de Janeiro