LARAVEL

 

Para nuestro caso de estudio será laravel 9 con sistema operativo Windows
se requiere para empezar :
lamp, xamp, mamp ,wamp o laragon
los anteriores tienen apache , mysql entre otros componentes 
se requiere
composer nueva versión 
así como php 8.0 en adelante

luego de instalar la herramienta gestora de php y MySQL se deba instalar el composer 
adicional descargar admin Ltd.
combinaremos estos elementos para dar la presentación de inicial nuestro sistema
esta pagina se estara desarrollando poco a poco


me he descargado una platilla de inicio , como para dar promoción o propaganda

es una plantilla de boostrap



se configura de la sigueinte forma 
se debe crear 
la vista como dashboard.blade.php 
se debe pegar el codigo de la plantilla
ahora no se vera nada bien.
claro debes colocar todo lo css y js en la carpeta public
asi de esta forma podremos enlazar css y js
  <link rel="stylesheet" href="{{ asset('css/stilo.css') }}" />

<script src="js/scripts.js"></script>
para las imagenes es diferente debes hacer esto

<a class="portfolio-box" href="http://localhost/base2/resources/dasboard/src/assets/img/portfolio/fullsize/5.jpg" title="Project Name">


la parte interezante es esta ya que si no se ven las imagenes 

http://localhost/base2/resources/dasboard/src/assets/img/portfolio/fullsize/5.jpg

ahora lo siguiente que hare es usar el auth de laravel los formulario de login para ir al admin ltd


primero cambiemos el login , este es codigo:

@extends('layouts.app')


@section('content')

<div class="container" style="background-image: url("http://localhost/base2/resources/dasboard/src/assets/img/bg-masthead.jpg");">

    <div class="row justify-content-center">

        <div class="col-md-4">

              <link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">

              <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>

              <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

              <body>

                  <div id="login" style="background-color:#125868;">

                      <h3 class="text-center text-white pt-5" >Login</h3>

                      <div class="container" style="background-color:#125868;">

                          <div id="login-row" class="row justify-content-center align-items-center" >

                              <div id="login-column" class="col-md-12" >

                                  <div id="login-box" class="col-md-12">

                                                            <form method="POST" action="{{ route('login') }}" class="form">

                                                                @csrf

                                                                <div class="row mb-3">

                                                                    <div class="form-group">

                                                                        <input id="email" type="email" class="form-control @error('email') is-invalid @enderror" name="email" value="{{ old('email') }}" required autocomplete="email" autofocus placeholder="Email">


                                                                        @error('email')

                                                                            <span class="invalid-feedback" role="alert">

                                                                                <strong>{{ $message }}</strong>

                                                                            </span>

                                                                        @enderror

                                                                    </div>

                                                                </div>

                                                                <div class="form-group">

                                                                    <div class="form-group">

                                                                        <input id="password" type="password" class="form-control @error('password') is-invalid @enderror" name="password" required autocomplete="current-password" placeholder="Contraseña">


                                                                        @error('password')

                                                                            <span class="invalid-feedback" role="alert">

                                                                                <strong>{{ $message }}</strong>

                                                                            </span>

                                                                        @enderror

                                                                    </div>

                                                                </div>

                                                                <!-- <div class="form-group">

                                                                    <div class="col-md-6 offset-md-4">

                                                                        <div class="form-check">

                                                                            <input class="form-check-input" type="checkbox"                                                                                                             name="remember" id="remember" {{ old('remember') ? 'checked' : '' }}>


                                                                            <label class="form-check-label" for="remember">

                                                                                {{ __('Remember Me') }}

                                                                            </label>

                                                                        </div>

                                                                    </div>

                                                                </div> -->

                                                                <div class="form-group">

                                                                        <button type="submit" class="btn btn-primary">

                                                                            {{ __('Login') }}

                                                                        </button>

                                                                        <!-- @if (Route::has('password.request'))

                                                                            <a class="btn btn-link" href="{{ route('password.request') }}">

                                                                                {{ __('Forgot Your Password?') }}

                                                                            </a>

                                                                        @endif -->

                                                                </div>

                                                           </form>

                                </div>

                           </div>

                       </div>

                   </div>

               </div>

           </body>


@endsection


si todo sale bien de debe quedare asi

claro falta modifica el archivo app.blade.php
para que no se vea la parte superior con el login y register




Enviar entrada por correo electrónico

Comentarios

Publicar un comentario

Entradas populares