laravel-frontend-presets/light-bootstrap

Laravel 10.x前端预设,适用于argon

v1.0.6 2023-03-13 14:12 UTC

This package is auto-updated.

Last update: 2024-09-12 10:35:19 UTC


README

version license GitHub issues open GitHub issues closed

前端版本: 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,请使用以下链接之一

另外,您还需要安装Composer: https://getcomposer.org.cn/doc/00-intro.md
以及Laravel: https://laravel.net.cn/docs/10.x

安装

在初始化Laravel的新实例(并完成所有必要的配置)后,使用以下方法之一安装预设

通过composer

  1. Cd到您的Laravel应用程序
  2. 在终端中输入:composer require laravel/uiphp artisan ui vue --auth
  3. 通过composer require laravel-frontend-presets/light-bootstrap安装此预设。无需注册服务提供程序。Laravel 9.x可以自动检测此包。
  4. 运行php artisan ui light-bootstrap命令安装Light Bootstrap预设。这将安装所有必要的资源,包括自定义认证视图,并将认证路由添加到routes/web.php(注意:如果您多次运行此命令,请确保清理routes/web.php中的重复认证条目)
  5. 在终端中运行composer dump-autoload
  6. 运行php artisan migrate --seed以创建基本用户表

通过存档

  1. 在应用程序的根目录下创建一个presets文件夹
  2. 下载存档并解压
  3. light-bootstrap-dashboard-master文件夹复制并粘贴到步骤2中创建的presets文件夹中,并将其重命名为light-bootstrap
  4. 打开composer.json文件
  5. "LaravelFrontendPresets\\LightBootstrapPreset\\": "presets/light-bootstrap/src"添加到autoload/psr-4autoload-dev/psr-4
  6. LaravelFrontendPresets\LightBootstrapPreset\LightBootstrapPresetServiceProvider::class添加到config/app.php文件
  7. 在终端中输入:composer require laravel/uiphp artisan ui vue --auth
  8. 在终端中运行composer dump-autoload
  9. 运行php artisan ui light-bootstrap命令安装Light Bootstrap预设。这将安装所有必要的资源,包括自定义认证视图,并将认证路由添加到routes/web.php(注意:如果您多次运行此命令,请确保清理routes/web.php中的重复认证条目)
  10. 运行php artisan migrate --seed以创建基本用户表

使用方法

使用admin@lightbp.comsecret注册用户或登录,开始测试预设(确保运行迁移和种子,以便这些凭证可用)。

除了仪表盘和认证页面,这个预设还有一个编辑个人资料页面。所有必要的文件(控制器、请求、视图)都默认安装,并且所有需要的路由都添加到了 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

浏览器支持

目前,我们正式支持以下浏览器的最后两个版本

资源

变更日志

请参阅 变更日志 以获取有关最近更改的更多信息。

致谢

报告问题

我们使用 GitHub Issues 作为 Light Bootstrap Dashboard Laravel 的官方错误跟踪器。以下是给想要报告问题的用户的一些建议

  1. 请确保您正在使用 Light Bootstrap Dashboard Laravel 的最新版本。检查我们 网站 仪表板上的 CHANGELOG。
  2. 提供可复现问题的步骤将缩短修复问题所需的时间。
  3. 某些问题可能具有浏览器特定性,因此指定您在哪个浏览器中遇到问题可能会有所帮助。

许可协议

有用链接

社交媒体

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

致谢