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://composer.php.ac.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






