×ðÁú¿­Ê±¹ÙÍøµÇ¼

laravelÔõÑùÒýÈëÇ°¶ËUI

Ëæ×ÅwebÓ¦ÓóÌÐòµÄÒ»Ö±Éú³¤ºÍÓû§ÐèÇóµÄÔöÌí £¬Ç°¶Ëui¿ò¼ÜÖð½¥³ÉΪÁËwebÓ¦ÓóÌÐò¿ª·¢µÄÖ÷Òª×é³É²¿·Ö¡£ÔÚÕâ¸öÁìÓòµÄÖڶྺÕùÖÐ £¬bootstrapºÍfoundationÊÇÁ½¸ö×îÊ¢ÐкÍÆÕ±é½ÓÄɵĿò¼Ü¡£È»¶ø £¬ÕâÁ½¸ö¿ò¼Ü¶¼ÓÐÏà¶Ô·±ËöµÄ×°ÖúÍÉèÖÃÀú³Ì £¬ÐèÒªÆÆ·Ñ´ó×Úʱ¼äºÍ¾«Éñ¡£ÔÚlaravel¿ò¼ÜÖÐ £¬ÕâЩÎÊÌâ»ñµÃÁ˺ܺõĽâ¾ö¡£

LaravelÊÇÒ»¸öPHP webÓ¦ÓóÌÐò¿ò¼Ü £¬ÊÇÏÖÔÚ×îÊ¢ÐеÄPHP¿ò¼ÜÖ®Ò»¡£Laravel¿ò¼Ü¼¯³ÉÁË´ó×ڵŤ¾ß £¬ÈçArtisanÏÂÁîÐй¤¾ß¡¢Eloquent ORM¡¢BladeÄ£°åµÈ £¬ÕâЩ¹¤¾ßʹµÃ¿ª·¢Ö°Ô±¿ÉÒÔ¿ìËÙ¡¢¸ßЧµØ¹¹½¨webÓ¦ÓóÌÐò¡£±ðµÄ £¬Laravel»¹ÌṩÁËÒ»ÖÖ¼òÆÓµÄÒªÁìÀ´ÒýÈëÇ°¶ËUI £¬°üÀ¨BootstrapºÍFoundation¡£ÏÂÃæ £¬ÎÒÃǽ«ÏêϸÏÈÈÝÔõÑùÔÚLaravelÓ¦ÓóÌÐòÖÐÒýÈëÇ°¶ËUI¡£

ÒýÈëBootstrap

BootstrapÊÇÓÉTwitter¿ª·¢µÄÒ»¸öÊ¢ÐеÄÇ°¶ËUI¿ò¼Ü £¬Êǹ¹½¨ÏìӦʽ¡¢Òƶ¯×°±¸ÓѺõÄwebÓ¦ÓóÌÐòµÄÀíÏëÑ¡Ôñ¡£ÔÚLaravelÖÐ £¬½èÖúComposer £¬¿ÉÒÔ¿ìËÙ¡¢ÇáÓ¯µØ×°ÖÃBootstrap¡£

Ê×ÏÈ £¬ÄúÐèҪȷ±£ÄúµÄÓ¦ÓóÌÐòÒѾ­×°ÖÃÁËComposer¡£È»ºóÔÚÖÕ¶ËÖнøÈëÄúµÄLaravelÓ¦ÓóÌÐòĿ¼ £¬²¢ÔËÐÐÒÔÏÂÏÂÁ

Á¬Ã¦Ñ§Ï°¡°Ç°¶ËÃâ·ÑѧϰÌõ¼Ç£¨ÉîÈ룩¡±£»

composer require twbs/bootstrap

µÇ¼ºó¸´ÖÆ

Õ⽫ÏÂÔز¢×°ÖÃ×îа汾µÄBootstrapµ½ÏîÄ¿µÄvendorÎļþ¼ÐÖС£

½ÓÏÂÀ´ £¬ÄúÐèÒªÔÚÄúµÄÓ¦ÓóÌÐòÖÐÒýÈëBootstrap¡£ÔÚLaravelÖÐ £¬Äú¿ÉÒÔͨ¹ýÒÔÏ°취ÇáËÉʵÏÖÕâһĿµÄ¡£

1.½«×ÊÔ´ÎļþÏÂÔص½ÄúµÄ¹«¹²Ä¿Â¼ÖУ¨Í¨³£ÊÇpublicĿ¼£©¡£

php artisan vendor:publish --tag=bootstrap --force

µÇ¼ºó¸´ÖÆ

Õ⽫ÏÂÔØBootstrapµÄCSS¡¢JSºÍ×ÖÌåµ½ÄúµÄpublic/vendor/bootstrapĿ¼ÖС£

2.ÔÚÄúµÄÓ¦ÓóÌÐò½á¹¹ÎļþÖÐÒýÈëBootstrap×ÊÔ´£¨Í¨³£ÊÇÔÚ±êÇ©ÖУ©£º

<link href="{{ asset('vendor/bootstrap/css/bootstrap.min.css') }}" rel="stylesheet">
<script src="{{ asset('vendor/bootstrap/js/bootstrap.min.js') }}"></script>

µÇ¼ºó¸´ÖÆ

Ä¿½ñ°æ±¾µÄBootstrap½öÖ§³ÖjQuery £¬Òò´ËÄúÐèҪȷ±£ÄúÒѾ­ÔÚÄúµÄÓ¦ÓóÌÐòÖÐ×°ÖÃÁËjQuery¡£

ÒýÈëFoundation

FoundationÊÇÁíÒ»¸öÊ¢ÐеÄÇ°¶ËUI¿ò¼Ü £¬Ò²Êǹ¹½¨ÏìӦʽ¡¢Òƶ¯×°±¸ÓѺÃwebÓ¦ÓóÌÐòµÄÒ»¸ö²»´íµÄÑ¡Ôñ¡£ºÍBootstrapÒ»Ñù £¬Ê¹ÓÃComposerÒýÈëFoundationÒ²ºÜ¼òÆÓ £¬Ïêϸ²Ù×÷ÈçÏ¡£

ÔÚÖÕ¶ËÖнøÈëÄúµÄLaravelÓ¦ÓóÌÐòĿ¼ £¬²¢ÔËÐÐÒÔÏÂÏÂÁ

composer require zurb/foundation

µÇ¼ºó¸´ÖÆ

Õ⽫ÏÂÔز¢×°ÖÃ×îа汾µÄFoundationµ½ÏîÄ¿µÄvendorÎļþ¼ÐÖС£

½ÓÏÂÀ´ £¬ÄúÐèÒªÔÚÄúµÄÓ¦ÓóÌÐòÖÐÒýÈëFoundation¡£ÔÚLaravelÖÐ £¬Äú¿ÉÒÔͨ¹ýÒÔÏ°취ÇáËÉʵÏÖÕâһĿµÄ¡£

1.½«×ÊÔ´ÎļþÏÂÔص½ÄúµÄ¹«¹²Ä¿Â¼ÖУ¨Í¨³£ÊÇpublicĿ¼£©¡£

php artisan vendor:publish --tag=foundation --force

µÇ¼ºó¸´ÖÆ

Õ⽫ÏÂÔØFoundationµÄCSS¡¢JSºÍ×ÖÌåµ½ÄúµÄpublic/vendor/foundationĿ¼ÖС£

2.ÔÚÄúµÄÓ¦ÓóÌÐò½á¹¹ÎļþÖÐÒýÈëFoundation×ÊÔ´£¨Í¨³£ÊÇÔÚ±êÇ©ÖУ©£º

<link href="{{ asset('vendor/foundation/css/foundation.min.css') }}" rel="stylesheet">
<script src="{{ asset('vendor/foundation/js/foundation.min.js') }}"></script>

µÇ¼ºó¸´ÖÆ

Ä¿½ñ°æ±¾µÄFoundationÖ§³ÖjQueryºÍZepto £¬Òò´ËÄúÐèҪȷ±£ÄúÒѾ­ÔÚÄúµÄÓ¦ÓóÌÐòÖÐ×°ÖÃÁËÆäÖеÄÒ»¸ö¿â¡£

×ܽá

ÔÚÕâƪÎÄÕÂÖÐ £¬ÎÒÃÇÏÈÈÝÁËÔõÑùÔÚLaravelÓ¦ÓóÌÐòÖÐÒýÈëÇ°¶ËUI¡£BootstrapºÍFoundationÊÇÔÚwebÓ¦ÓóÌÐò¿ª·¢ÖÐÆÕ±é½ÓÄɵĿò¼Ü £¬ËûÃÇÌṩÁ˸»ºñµÄ×é¼þºÍÑùʽ £¬Ê¹¿ª·¢Ö°Ô±Äܹ»¿ìËÙ¹¹½¨ÏìӦʽ¡¢Òƶ¯×°±¸ÓѺõÄwebÓ¦ÓóÌÐò¡£ÔÚLaravelÖÐ £¬Äú¿ÉÒÔʹÓÃComposerÇáËÉ×°ÖÃÕâЩ¿ò¼Ü £¬²¢ÔÚÓ¦ÓóÌÐòÖÐÇáËɵØÒýÈë×ÊÔ´Îļþ¡£Ï£ÍûÕâƪÎÄÕÂÄܹ»ÎªÄúÔÚ¿ª·¢webÓ¦ÓóÌÐòµÄÀú³ÌÖÐÌṩ×ÊÖúºÍÖ¸µ¼¡£

ÒÔÉϾÍÊÇlaravelÔõÑùÒýÈëÇ°¶ËUIµÄÏêϸÄÚÈÝ £¬¸ü¶àÇë¹Ø×¢±¾ÍøÄÚÆäËüÏà¹ØÎÄÕ£¡

ÃâÔð˵Ã÷£ºÒÔÉÏչʾÄÚÈÝȪԴÓÚÏàÖúýÌå¡¢ÆóÒµ»ú¹¹¡¢ÍøÓÑÌṩ»òÍøÂçÍøÂçÕûÀí £¬°æȨÕùÒéÓë±¾Õ¾ÎÞ¹Ø £¬ÎÄÕÂÉæ¼°¿´·¨Óë¿´·¨²»´ú±í×ðÁú¿­Ê±¹ÙÍøµÇ¼ÂËÓÍ»úÍø¹Ù·½Ì¬¶È £¬Çë¶ÁÕß½ö×ö²Î¿¼¡£±¾ÎĽӴýתÔØ £¬×ªÔØÇë˵Ã÷À´ÓÉ¡£ÈôÄúÒÔΪ±¾ÎÄÇÖÕ¼ÁËÄúµÄ°æȨÐÅÏ¢ £¬»òÄú·¢Ã÷¸ÃÄÚÈÝÓÐÈκÎÉæ¼°ÓÐÎ¥¹«µÂ¡¢Ã°·¸Ö´·¨µÈÎ¥·¨ÐÅÏ¢ £¬ÇëÄúÁ¬Ã¦ÁªÏµ×ðÁú¿­Ê±¹ÙÍøµÇ¼ʵʱÐÞÕý»òɾ³ý¡£

Ïà¹ØÐÂÎÅ

ÁªÏµ×ðÁú¿­Ê±¹ÙÍøµÇ¼

18523999891

¿É΢ÐÅÔÚÏß×Éѯ

ÊÂÇéʱ¼ä£ºÖÜÒ»ÖÁÖÜÎå £¬9:30-18:30 £¬½ÚãåÈÕÐÝÏ¢

QR code
ÍøÕ¾µØͼ