Scribd Logo
Загрузить

Добро пожаловать в Scribd!

  • Integrar Bootstrap 3 en Laravel 5.1

    Загружено:

    Anonymous cXivA12nc8
    79 просмотров7 страниц
    bootstrap

    Авторское право

    © © All Rights Reserved

    Доступные форматы

    PDF, TXT или читайте онлайн в Scribd

    Этот документ был вам полезен?

    Это неприемлемый материал?

    Пожаловаться на этот документ
    bootstrap

    Авторское право:

    © All Rights Reserved
    Скачайте в формате PDF, TXT или читайте онлайн в Scribd
    Отметить как неприемлемый контент
    79 просмотров7 страниц

    Integrar Bootstrap 3 en Laravel 5.1

    Загружено:

    Anonymous cXivA12nc8
    bootstrap

    Авторское право:

    © All Rights Reserved
    Скачайте в формате PDF, TXT или читайте онлайн в Scribd
    Отметить как неприемлемый контент
    из 7

    Sieresunadeesaspersonasquesehaacostumbradoa

    usarBootstrapcomoframeworkdediseoentus
    proyectosynoestsmuyconformeconquehayasido
    retiradodelaversin5.1delaravel,notepreocupes,
    hoyteensearcomointegrarlodenuevoconayudadel
    componenteLaravelCollective.

    InstalarLaravelCollective
    ParainstalarelpaqueteviaComposer,agregamos
    encomposer.jsonlasiguientelneaalainstruccin
    require:
    1 "require":{
    2 "laravelcollective/html":"5.1.*"
    3 }

    Luegoejecutamos:
    1 $composerupdate

    Luegodesdeelarchivoconfig/app.phpagregamosel
    ServiceProvideralarraydeproviders
    1 Collective\Html\HtmlServiceProvider::class,

    Noolvidesagregartambinlosalias:
    1 'Form'=>'Collective\Html\FormFacade',
    2 'Html'=>'Collective\Html\HtmlFacade',

    AgregandoBootstrap
    Desdelapaginaoficialdelframework,descargamoslos
    archivosnecesarios:

    http://getbootstrap.com/gettingstarted/#download

    Puedesdescargarlaprimeraopcin(Bootstrap),
    quesloincluyelosarchivosnecesariosdeCSS,
    JSylasfuentes.
    lacarpetajs,cssyfontsdebenincluirsedentrodenuestra
    aplicacin,unlugaridealparaelloescrearundirectorio
    assets/dentrodepublic/

    Creandounnuevolayout

    Creandounnuevolayout
    Vamosacrearunanuevaplantillabasequesepueda
    extenderdesdelasotrasvistasdenuestroproyecto,sera
    estlaqueincluyalosarchivosCSSyJS,paracontinuar
    unpococonlaconvencindeLaravel5.0podemos
    llamaraestaplantillaapp.blade.php(tambinpuedes
    llamarlalayout.blade.phpocomoquieras).
    1 <!DOCTYPEhtml>
    2 <htmllang="en">
    3 <head>
    4

    <metacharset="utf8">

    <metahttpequiv="XUACompatible"content="IE=edge">

    <metaname="viewport"content="width=devicewidth,initialscale=1"

    <title>Laravel</title>

    8
    9

    {!!Html::style('assets/css/bootstrap.css')!!}

    10
    11

    <!Fonts>

    12

    <linkhref='//fonts.googleapis.com/css?family=Roboto:400,300'

    13
    14

    <!HTML5shimandRespond.jsforIE8supportofHTML5

    15

    <!WARNING:Respond.jsdoesn'tworkifyouviewthepageviafile://>

    16

    <![ifltIE9]>

    17

    <scriptsrc="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"

    18

    <scriptsrc="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"

    19

    <![endif]>

    20 </head>
    21 <body>

    22

    <navclass="navbarnavbardefault">

    23

    <divclass="containerfluid">

    24

    <divclass="navbarheader">

    25

    <buttontype="button"class="navbartogglecollapsed"datatoggle="c

    26

    <spanclass="sronly">ToggleNavigation</span>

    27

    <spanclass="iconbar"></span>

    28

    <spanclass="iconbar"></span>

    29

    <spanclass="iconbar"></span>

    30

    </button>

    31

    <aclass="navbarbrand"href="#">Laravel</a>

    32

    </div>

    34

    35

    </div>

    36

    </nav>

    33

    37
    38

    @yield('content')

    39
    40

    <!Scripts>

    41

    {!!Html::script('assets/js/bootstrap.min.js')!!}

    42 </body>
    43 </html>

    EnestecasosehaceusodelfacadeHtmlparaincluirlos
    archivosdeBootstrapenlaplantilla
    Ahoraquecontamosconnuestraplantillabase,podemos
    procederacrearunavistaparaelhomedelaaplicacin,
    llamadahome.blade.php

    1 @extends('app')
    2
    3 @section('content')
    4 <divclass="container">
    5

    <divclass="row">

    <divclass="colmd10colmdoffset1">

    <divclass="panelpaneldefault">

    <divclass="panelheading">Home</div>

    10

    <divclass="panelbody">

    11

    12

    </div>

    13

    </div>

    14

    </div>

    15

    </div>

    Youareusingbootstrap

    16 </div>
    17 @endsection

    Siledisteunnombrediferenteaapptulayout,
    hazelcambioenlaprimeralnea:
    @extends(nombre_del_layout_aqui)

    Configuracindelcontroladorylas
    rutas
    Loideal,estrabajarconuncontroladorencargadodel
    comportamientodelhome,locreamosusandoartisan

    con:
    1 phpartisanmake:controllerHomeControllerplain

    Luegovamosaeditarelarchivogeneradoen
    app/Http/Controllers/HomeController.php,yagregamos
    unafuncinindexquedevuelvalavistacreada.
    1 publicfunctionindex()
    2 {
    3 return\View::make('home')
    4 }

    Porsupuesto,nopodemosolvidarnosdeagregarlaruta
    paraaccederadichocontroladorenelarchivo
    app/Http/routes.php
    1 Route::get('home',[
    2 'as'=>'home',
    3 'uses'=>'HomeController@index'
    4 ])

    Finalmentesiingresasaruta_de_tu_proyecto/homepodrsver
    algocomoesto:

    Вам также может понравиться