laravel 9 加入 laravel ui 使用 Bootstrap
2022年5月21日我们在很多网站上都能看到顶部导航的存在,因为这是个非常通用的产品需求,顶部导航能够让用户很方便的对网站进行浏览。接下来我们会使用 Bootstrap 来为网站添加顶部导航,加入一些基本的如 LOGO,帮助页,登录页等链接,方便用户跳转,随着后面功能的添加,该导航也会被不断完善。
Laravel 项目中使用 Bootstrap 前端框架,需要先执行以下命令:
1 |
composer require laravel/ui:3.4.5 --dev. //安装laravel ui |
composer require
是用来安装扩展包使用的命令,参数 --dev
是指定此扩展包只在开发环境中使用。
上面的命令安装完成后,使用以下命令来引入 Bootstrap :
1 2 3 |
php artisan ui bootstrap //使用bootstrap 会在resource创建asse文件夹里面有css资源 npm install //安装npm 运行环境 npm run watch-poll //会调用laravel-mix 将 resource的资源发布到public中 |