laravel-frontend-presets / light-bootstrap
Laravel 10.x前端预设,适用于argon
Requires
- laravel/framework: ^10.0
- laravel/legacy-factories: ^1.0
This package is auto-updated.
Last update: 2024-09-12 10:35:19 UTC
README
前端版本: Light Bootstrap Dashboard v2.1.1。更多信息请访问https://www.creative-tim.com/product/light-bootstrap-dashboard/?ref=lbdl-readme
使用Bootstrap 4 Admin Dashboard加速您的Web开发,适用于Laravel Framework 9.x及以上版本。
如果您想获取更多功能,请使用Light Bootstrap Dashboard PRO Laravel升级为PRO版。
注意
我们建议在从头开始的项目上安装此预设,否则您的项目设计可能会损坏。
先决条件
如果您还没有Apache本地环境,其中包含PHP和MySQL,请使用以下链接之一
- Windows: https://updivision.com/blog/post/beginner-s-guide-to-setting-up-your-local-development-environment-on-windows
- Linux & Mac: https://updivision.com/blog/post/guide-what-is-lamp-and-how-to-install-it-on-ubuntu-and-macos
另外,您还需要安装Composer: https://getcomposer.org.cn/doc/00-intro.md
以及Laravel: https://laravel.net.cn/docs/10.x
安装
在初始化Laravel的新实例(并完成所有必要的配置)后,使用以下方法之一安装预设
通过composer
Cd
到您的Laravel应用程序- 在终端中输入:
composer require laravel/ui
和php artisan ui vue --auth
- 通过
composer require laravel-frontend-presets/light-bootstrap
安装此预设。无需注册服务提供程序。Laravel 9.x可以自动检测此包。 - 运行
php artisan ui light-bootstrap
命令安装Light Bootstrap预设。这将安装所有必要的资源,包括自定义认证视图,并将认证路由添加到routes/web.php
(注意:如果您多次运行此命令,请确保清理routes/web.php中的重复认证条目) - 在终端中运行
composer dump-autoload
- 运行
php artisan migrate --seed
以创建基本用户表
通过存档
- 在应用程序的根目录下创建一个
presets
文件夹 - 下载存档并解压
- 将
light-bootstrap-dashboard-master
文件夹复制并粘贴到步骤2中创建的presets
文件夹中,并将其重命名为light-bootstrap
- 打开
composer.json
文件 - 将
"LaravelFrontendPresets\\LightBootstrapPreset\\": "presets/light-bootstrap/src"
添加到autoload/psr-4
和autoload-dev/psr-4
- 将
LaravelFrontendPresets\LightBootstrapPreset\LightBootstrapPresetServiceProvider::class
添加到config/app.php
文件 - 在终端中输入:
composer require laravel/ui
和php artisan ui vue --auth
- 在终端中运行
composer dump-autoload
- 运行
php artisan ui light-bootstrap
命令安装Light Bootstrap预设。这将安装所有必要的资源,包括自定义认证视图,并将认证路由添加到routes/web.php
(注意:如果您多次运行此命令,请确保清理routes/web.php中的重复认证条目) - 运行
php artisan migrate --seed
以创建基本用户表
使用方法
使用admin@lightbp.com
和secret
注册用户或登录,开始测试预设(确保运行迁移和种子,以便这些凭证可用)。
除了仪表盘和认证页面,这个预设还有一个编辑个人资料页面。所有必要的文件(控制器、请求、视图)都默认安装,并且所有需要的路由都添加到了 routes/web.php
。请记住,一旦您使用上述凭证登录或注册自己的用户,就可以查看所有功能。
仪表盘
您可以通过左侧边栏中的“仪表盘”链接或通过在URL中添加 /home 来访问仪表盘。
个人资料编辑
您可以选择编辑当前登录用户的个人资料(更改姓名、电子邮件和密码)。要访问此页面,只需点击左侧边栏中的“用户个人资料”链接或通过在URL中添加 /profile。
App\Http\Controllers\ProfileController
负责用户信息的更新。
public function update(ProfileRequest $request)
{
auth()->user()->update($request->all());
return back()->withStatus(__('Profile successfully updated.'));
}
在编辑个人资料时,您无需担心在输入框中输入错误的数据,我们已添加了验证规则来防止这种情况(请参阅 App\Http\Requests\ProfileRequest
)。如果您尝试更改密码,您将看到在 App\Http\Requests\PasswordRequest
中添加了其他验证规则。注意,在此文件中,您有一个可在 App\Rules\CurrentPasswordCheckRule
中找到的自定义验证规则。
public function rules()
{
return [
'old_password' => ['required', 'min:6', new CurrentPasswordCheckRule],
'password' => ['required', 'min:6', 'confirmed', 'different:old_password'],
'password_confirmation' => ['required', 'min:6'],
];
}
目录
版本
演示
文档
Light Bootstrap Dashboard Laravel 的文档托管在我们的 网站上。
文件结构
+--- app
│ ├── Console
│ │ └── Kernel.php
│ ├── Exceptions
│ │ └── Handler.php
│ ├── Http
│ │ ├── Controllers
│ │ │ ├── Auth
│ │ │ │ ├── ForgotPasswordController.php
│ │ │ │ ├── LoginController.php
│ │ │ │ ├── RegisterController.php
│ │ │ │ ├── ResetPasswordController.php
│ │ │ │ └── VerificationController.php
│ │ │ ├── Controller.php
│ │ │ ├── HomeController.php
│ │ │ ├── PageController.php
│ │ │ ├── ProfileController.php
│ │ │ └── UserController.php
│ │ ├── Kernel.php
│ │ ├── Middleware
│ │ │ ├── Authenticate.php
│ │ │ ├── CheckForMaintenanceMode.php
│ │ │ ├── EncryptCookies.php
│ │ │ ├── RedirectIfAuthenticated.php
│ │ │ ├── TrimStrings.php
│ │ │ ├── TrustProxies.php
│ │ │ └── VerifyCsrfToken.php
│ │ └── Requests
│ │ ├── PasswordRequest.php
│ │ ├── ProfileRequest.php
│ │ └── UserRequest.php
│ ├── Providers
│ │ ├── AppServiceProvider.php
│ │ ├── AuthServiceProvider.php
│ │ ├── BroadcastServiceProvider.php
│ │ ├── EventServiceProvider.php
│ │ └── RouteServiceProvider.php
│ ├── Rules
│ │ └── CurrentPasswordCheckRule.php
│ └── User.php
├── artisan
├── bootstrap
│ ├── app.php
│ └── cache
│ ├── packages.php
│ └── services.php
├── composer.json
├── composer.lock
├── config
│ ├── app.php
│ ├── auth.php
│ ├── broadcasting.php
│ ├── cache.php
│ ├── database.php
│ ├── filesystems.php
│ ├── hashing.php
│ ├── logging.php
│ ├── mail.php
│ ├── queue.php
│ ├── services.php
│ ├── session.php
│ └── view.php
├── database
│ ├── factories
│ │ └── UserFactory.php
│ ├── migrations
│ │ ├── 2014_10_12_000000_create_users_table.php
│ │ └── 2014_10_12_100000_create_password_resets_table.php
│ └── seeds
│ ├── DatabaseSeeder.php
│ └── UsersTableSeeder.php
├── package.json
├── phpunit.xml
├── public
│ ├── favicon.ico
│ ├── index.php
│ ├── light-bootstrap
│ │ ├── css
│ │ │ ├── bootstrap.min.css
│ │ │ ├── demo.css
│ │ │ └── light-bootstrap-dashboard.css
│ │ ├── fonts
│ │ │ ├── nucleo-icons.eot
│ │ │ ├── nucleo-icons.svg
│ │ │ ├── nucleo-icons.ttf
│ │ │ ├── nucleo-icons.woff
│ │ │ └── nucleo-icons.woff2
│ │ ├── img
│ │ │ ├── apple-icon.png
│ │ │ ├── bg5.jpg
│ │ │ ├── default-avatar.png
│ │ │ ├── faces
│ │ │ │ ├── face-0.jpg
│ │ │ │ ├── face-1.jpg
│ │ │ │ ├── face-2.jpg
│ │ │ │ ├── face-3.jpg
│ │ │ │ ├── face-4.jpg
│ │ │ │ ├── face-5.jpg
│ │ │ │ ├── face-6.jpg
│ │ │ │ ├── face-7.jpg
│ │ │ │ └── tim_vector.jpe
│ │ │ ├── favicon.ico
│ │ │ ├── full-screen-image-2.jpg
│ │ │ ├── full-screen-image-3.jpg
│ │ │ ├── laravel.svg
│ │ │ ├── loading-bubbles.svg
│ │ │ ├── mask.png
│ │ │ ├── new_logo.png
│ │ │ ├── sidebar-1.jpg
│ │ │ ├── sidebar-2.jpg
│ │ │ ├── sidebar-3.jpg
│ │ │ ├── sidebar-4.jpg
│ │ │ ├── sidebar-5.jpg
│ │ │ └── tim_80x80.png
│ │ ├── js
│ │ │ ├── core
│ │ │ │ ├── bootstrap.min.js
│ │ │ │ ├── jquery.3.2.1.min.js
│ │ │ │ └── popper.min.js
│ │ │ ├── demo.js
│ │ │ ├── light-bootstrap-dashboard.js
│ │ │ └── plugins
│ │ │ ├── bootstrap-datepicker.js
│ │ │ ├── bootstrap-notify.js
│ │ │ ├── bootstrap-switch.js
│ │ │ ├── chartist.min.js
│ │ │ └── nouislider.min.js
│ │ └── sass
│ │ ├── lbd
│ │ │ ├── _alerts.scss
│ │ │ ├── _bootstrap-switch.scss
│ │ │ ├── _buttons.scss
│ │ │ ├── _cards.scss
│ │ │ ├── _chartist.scss
│ │ │ ├── _checkbox-radio-switch.scss
│ │ │ ├── _dropdown.scss
│ │ │ ├── _footers.scss
│ │ │ ├── _inputs.scss
│ │ │ ├── _misc.scss
│ │ │ ├── mixins
│ │ │ │ ├── _buttons.scss
│ │ │ │ ├── _cards.scss
│ │ │ │ ├── _chartist.scss
│ │ │ │ ├── _icons.scss
│ │ │ │ ├── _inputs.scss
│ │ │ │ ├── _labels.scss
│ │ │ │ ├── _morphing-buttons.scss
│ │ │ │ ├── _navbars.scss
│ │ │ │ ├── _social-buttons.scss
│ │ │ │ ├── _tabs.scss
│ │ │ │ ├── _transparency.scss
│ │ │ │ └── _vendor-prefixes.scss
│ │ │ ├── _mixins.scss
│ │ │ ├── _navbars.scss
│ │ │ ├── _partial-nucleo-icons.scss
│ │ │ ├── plugins
│ │ │ │ ├── _animate.scss
│ │ │ │ └── _datetime-picker.scss
│ │ │ ├── _responsive.scss
│ │ │ ├── _sidebar-and-main-panel.scss
│ │ │ ├── _tables.scss
│ │ │ ├── _typography.scss
│ │ │ └── _variables.scss
│ │ └── light-bootstrap-dashboard.scss
│ └── robots.txt
├── resources
│ ├── js
│ │ ├── app.js
│ │ ├── bootstrap.js
│ │ └── components
│ │ └── ExampleComponent.vue
│ ├── lang
│ │ └── en
│ │ ├── auth.php
│ │ ├── pagination.php
│ │ ├── passwords.php
│ │ └── validation.php
│ ├── sass
│ │ ├── app.scss
│ │ └── _variables.scss
│ └── views
│ ├── alerts
│ │ ├── errors.blade.php
│ │ ├── error_self_update.blade.php
│ │ ├── feedback.blade.php
│ │ ├── migrations_check.blade.php
│ │ └── success.blade.php
│ ├── auth
│ │ ├── login.blade.php
│ │ ├── passwords
│ │ │ ├── email.blade.php
│ │ │ └── reset.blade.php
│ │ ├── register.blade.php
│ │ └── verify.blade.php
│ ├── dashboard.blade.php
│ ├── layouts
│ │ ├── app.blade.php
│ │ ├── footer
│ │ │ └── nav.blade.php
│ │ └── navbars
│ │ ├── navbar.blade.php
│ │ ├── navs
│ │ │ ├── auth.blade.php
│ │ │ └── guest.blade.php
│ │ └── sidebar.blade.php
│ ├── pages
│ │ ├── icons.blade.php
│ │ ├── maps.blade.php
│ │ ├── notifications.blade.php
│ │ ├── table.blade.php
│ │ ├── typography.blade.php
│ │ └── upgrade.blade.php
│ ├── profile
│ │ └── edit.blade.php
│ ├── users
│ │ └── index.blade.php
│ └── welcome.blade.php
├── routes
│ ├── api.php
│ ├── channels.php
│ ├── console.php
│ └── web.php
├── server.php
├── storage
│ ├── app
│ │ └── public
│ ├── framework
│ │ ├── cache
│ │ │ └── data
│ │ │ ├── 1a
│ │ │ │ └── 43
│ │ │ │ └── 1a43d4d8a10fba3a5857264007fd4f8494990eb9
│ │ │ └── f0
│ │ │ └── a7
│ │ │ └── f0a70bbe9f0a2fbd95a4dee84fb8f092e00acc29
│ │ ├── sessions
│ │ │ └── bDASqge6ugwwnupCJQxc6UpeCzU5mWnlBf3OtHbV
│ │ ├── testing
│ │ └── views
│ └── logs
│ ├── laravel-2019-08-07.log
│ ├── laravel-2019-08-08.log
│ └── laravel-2019-08-09.log
├── tests
│ ├── CreatesApplication.php
│ ├── Feature
│ │ └── ExampleTest.php
│ ├── TestCase.php
│ └── Unit
│ └── ExampleTest.php
浏览器支持
目前,我们正式支持以下浏览器的最后两个版本
资源
- 演示: https://www.creative-tim.com/live/light-bootstrap-dashboard-laravel?ref=lbdl-readme
- 下载页面: https://www.creative-tim.com/product/light-bootstrap-dashboard-laravel?ref=lbdl-readme
- 文档: https://www.creative-tim.com/live/light-bootstrap-dashboard-laravel/?start-page=/docs/tutorial-components.html&ref=lbdl-readme
- 许可协议: https://www.creative-tim.com/license?ref=lbdl-readme
- 支持: https://www.creative-tim.com/contact-us?ref=lbdl-readme
- 问题: Github 问题页面
- 仪表盘
变更日志
请参阅 变更日志 以获取有关最近更改的更多信息。
致谢
报告问题
我们使用 GitHub Issues 作为 Light Bootstrap Dashboard Laravel 的官方错误跟踪器。以下是给想要报告问题的用户的一些建议
- 请确保您正在使用 Light Bootstrap Dashboard Laravel 的最新版本。检查我们 网站 仪表板上的 CHANGELOG。
- 提供可复现问题的步骤将缩短修复问题所需的时间。
- 某些问题可能具有浏览器特定性,因此指定您在哪个浏览器中遇到问题可能会有所帮助。
许可协议
- 版权 Creative Tim (https://www.creative-tim.com/?ref=lbdl-readme)
- 许可协议 MIT (https://github.com/laravel-frontend-presets/light-bootstrap-dashboard/blob/master/license.md)
有用链接
- 教程
- 联盟计划(赚钱)
- Creative Tim 博客
- Creative Tim 的免费产品
- 高端产品 来自 Creative Tim
- React 产品 来自 Creative Tim
- Angular 产品 来自 Creative Tim
- VueJS 产品 来自 Creative Tim
- 更多产品 来自 Creative Tim
- 查看我们的捆绑包这里
社交媒体
Creative Tim
Twitter: https://twitter.com/CreativeTim?ref=lbdl-readme
Facebook: https://#/CreativeTim?ref=lbdl-readme
Dribbble: https://dribbble.com/creativetim?ref=lbdl-readme
Instagram: https://www.instagram.com/CreativeTimOfficial?ref=lbdl-readme
Updivision
Twitter: https://twitter.com/updivision?ref=lbdl-readme
Facebook: https://#/updivision?ref=lbdl-readme
LinkedIn: https://www.linkedin.com/company/updivision?ref=lbdl-readme
Updivision 博客: https://updivision.com/blog/?ref=lbdl-readme