laravel-frontend-presets/now-ui-dashboard

Laravel 10.x 适用于 now ui dashboard 的前端预设

v1.0.6 2023-03-13 11:21 UTC

This package is auto-updated.

Last update: 2024-09-12 10:51:26 UTC


README

version license GitHub issues open GitHub issues closed

前端版本: Now UI Dashboard v1.4.1。更多信息请访问 https://www.creative-tim.com/product/now-ui-dashboard/?ref=ndl-readme

使用为 Laravel 框架 9.x 及以上版本构建的 Bootstrap 4 管理仪表板来加速您的 web 开发。

如果您想获得更多功能,请通过 Now UI 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/now-ui-dashboard 安装此预设。无需注册服务提供者。Laravel 5.5 及以上版本可以自动检测此包。
  4. 运行 php artisan ui nowui 命令安装 NowUI 预设。这将安装所有必要的资源,以及自定义的认证视图,还会在 routes/web.php 中添加认证路由(注意:如果您多次运行此命令,请确保清理 routes/web.php 中的重复认证条目)
  5. 在终端运行 composer dump-autoload
  6. 运行 php artisan migrate --seed 创建基本用户表

通过存档

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

使用方法

要开始测试主题,请注册为用户或使用默认用户之一登录

请确保运行迁移和种子,以便上述凭证可用。

除了免费预设中包含的功能外,Pro主题还包含一个带有人际关系管理的角色管理示例,以及标签管理、分类管理和项目管理示例。所有必要的文件(控制器、请求、视图)都预装,并且所有需要的路由都添加到了routes/web.php。请记住,登录使用上述凭证或注册自己的用户后,您可以看到所有功能。

仪表板

您可以通过左侧侧边栏中的"仪表板/仪表板"链接或通过在URL中添加/home来访问仪表板。

个人资料编辑

您可以选择编辑当前登录用户的个人资料信息(姓名、电子邮件、个人照片)和密码。要访问此页面,只需单击左侧侧边栏中的"示例/个人资料"链接或添加/profile到URL中。

App\Http\Controllers\ProfileController处理用户信息和密码的更新。

public function update(ProfileRequest $request)
    {
        auth()->user()->update(
            $request->merge(['picture' => $request->photo ? $request->photo->store('profile', 'public') : null])
                ->except([$request->hasFile('photo') ? '' : 'picture'])
        );

        return back()->withStatus(__('Profile successfully updated.'));
    }

/**
* Change the password
*
* @param  \App\Http\Requests\PasswordRequest  $request
* @return \Illuminate\Http\RedirectResponse
*/
public function password(PasswordRequest $request)
{
    auth()->user()->update(['password' => Hash::make($request->get('password'))]);

    return back()->withStatus(__('Password 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'],
    ];
}

目录

版本

演示

文档

now-ui Dashboard Laravel的文档托管在我们的网站上

文件结构

├── changelog.md
├── composer.json
├── docs
│   └── documentation.html
├── .git
│   ├── branches
│   ├── COMMIT_EDITMSG
│   ├── config
│   ├── description
│   ├── HEAD
│   ├── hooks
│   │   ├── applypatch-msg.sample
│   │   ├── commit-msg.sample
│   │   ├── fsmonitor-watchman.sample
│   │   ├── post-update.sample
│   │   ├── pre-applypatch.sample
│   │   ├── pre-commit.sample
│   │   ├── prepare-commit-msg.sample
│   │   ├── pre-push.sample
│   │   ├── pre-rebase.sample
│   │   ├── pre-receive.sample
│   │   └── update.sample
│   ├── index
│   ├── info
│   │   └── exclude
│   ├── logs
│   │   ├── HEAD
│   │   └── refs
│   │       ├── heads
│   │       │   ├── develop
│   │       │   └── master
│   │       └── remotes
│   │           └── origin
│   │               └── develop
│   ├── objects
│   └── refs
│       ├── heads
│       │   ├── develop
│       │   └── master
│       ├── remotes
│       │   └── origin
│       │       └── develop
│       └── tags
├── license.md
├── README.md
├── screens
│   ├── Dashboard.png
│   ├── login.png
│   ├── Profile.png
│   └── Users.png
├── src
│   ├── NowUiPreset.php
│   ├── NowUIPresetServiceProvider.php
│   └── now-ui-stubs
│       ├── app
│       │   ├── Console
│       │   │   ├── comments
│       │   │   │   └── DeleteOldUsers.php
│       │   │   └── 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
│       │   │       ├── CategoryRequest.php
│       │   │       ├── ItemRequest.php
│       │   │       ├── PasswordRequest.php
│       │   │       ├── ProfileRequest.php
│       │   │       ├── TagRequest.php
│       │   │       └── UserRequest.php
│       │   ├── Observers
│       │   │   └── UserObserver.php
│       │   ├── Policies
│       │   │   └── UserPolicy.php
│       │   ├── Providers
│       │   │   ├── AppServiceProvider.php
│       │   │   ├── AuthServiceProvider.php
│       │   │   ├── BroadcastServiceProvider.php
│       │   │   ├── EventServiceProvider.php
│       │   │   └── RouteServiceProvider.php
│       │   ├── Rules
│       │   │   └── CurrentPasswordCheckRule.php
│       │   └── User.php
│       ├── database
│       │   ├── factories
│       │   │   └── UserFactory.php
│       │   ├── .gitignore
│       │   ├── migrations
│       │   │   ├── 2014_10_12_100000_create_password_resets_table.php
│       │   │   └── 2019_01_15_110000_create_users_table.php
│       │   └── seeds
│       │       ├── DatabaseSeeder.php
│       │       └── UsersTableSeeder.php
│       └── resources
│           ├── assets
│           │   ├── css
│           │   │   ├── bootstrap.min.css
│           │   │   ├── bootstrap.min.css.map
│           │   │   ├── now-ui-dashboard.css
│           │   │   ├── now-ui-dashboard.css.map
│           │   │   └── now-ui-dashboard.min.css
│           │   ├── demo
│           │   │   ├── demo.css
│           │   │   └── demo.js
│           │   ├── fonts
│           │   │   ├── nucleo-license.md
│           │   │   ├── nucleo-outline.eot
│           │   │   ├── nucleo-outline.ttf
│           │   │   ├── nucleo-outline.woff
│           │   │   └── nucleo-outline.woff2
│           │   ├── img
│           │   │   ├── apple-icon.png
│           │   │   ├── bg14.jpg
│           │   │   ├── bg16.jpg
│           │   │   ├── bg5.jpg
│           │   │   ├── default-avatar.png
│           │   │   ├── favicon.png
│           │   │   ├── header.jpg
│           │   │   ├── mike.jpg
│           │   │   ├── now-logo.png
│           │   │   └── now-ui-dashboard.gif
│           │   ├── js
│           │   │   ├── core
│           │   │   │   ├── bootstrap.min.js
│           │   │   │   ├── jquery.min.js
│           │   │   │   └── popper.min.js
│           │   │   ├── now-ui-dashboard.js
│           │   │   ├── now-ui-dashboard.js.map
│           │   │   ├── now-ui-dashboard.min.js
│           │   │   └── plugins
│           │   │       ├── bootstrap-notify.js
│           │   │       ├── chartjs.min.js
│           │   │       └── perfect-scrollbar.jquery.min.js
│           │   └── scss
│           │       ├── now-ui-dashboard
│           │       │   ├── _alerts.scss
│           │       │   ├── _buttons.scss
│           │       │   ├── cards
│           │       │   │   ├── _card-chart.scss
│           │       │   │   ├── _card-map.scss
│           │       │   │   ├── _card-plain.scss
│           │       │   │   └── _card-user.scss
│           │       │   ├── _cards.scss
│           │       │   ├── _checkboxes-radio.scss
│           │       │   ├── _dropdown.scss
│           │       │   ├── _fixed-plugin.scss
│           │       │   ├── _footers.scss
│           │       │   ├── _images.scss
│           │       │   ├── _inputs.scss
│           │       │   ├── _misc.scss
│           │       │   ├── mixins
│           │       │   │   ├── _buttons.scss
│           │       │   │   ├── _cards.scss
│           │       │   │   ├── _dropdown.scss
│           │       │   │   ├── _inputs.scss
│           │       │   │   ├── _page-header.scss
│           │       │   │   ├── _sidebar.scss
│           │       │   │   ├── _transparency.scss
│           │       │   │   └── _vendor-prefixes.scss
│           │       │   ├── _mixins.scss
│           │       │   ├── _navbar.scss
│           │       │   ├── _nucleo-outline.scss
│           │       │   ├── _page-header.scss
│           │       │   ├── plugins
│           │       │   │   ├── _plugin-animate-bootstrap-notify.scss
│           │       │   │   └── _plugin-perfect-scrollbar.scss
│           │       │   ├── _responsive.scss
│           │       │   ├── _sidebar-and-main-panel.scss
│           │       │   ├── _tables.scss
│           │       │   ├── _typography.scss
│           │       │   └── _variables.scss
│           │       └── now-ui-dashboard.scss
│           ├── 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
│               ├── home.blade.php
│               ├── layouts
│               │   ├── app.blade.php
│               │   ├── footer.blade.php
│               │   ├── navbars
│               │   │   ├── navs
│               │   │   │   ├── auth.blade.php
│               │   │   │   └── guest.blade.php
│               │   │   └── sidebar.blade.php
│               │   └── page_template
│               │       ├── auth.blade.php
│               │       └── guest.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
└── .vscode
    └── settings.json

浏览器支持

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

资源

变更日志

有关最近更改的更多信息,请参阅变更日志

致谢

问题报告

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

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

许可

有用链接

社交媒体

Creative Tim

Twitter: https://twitter.com/CreativeTim?ref=ndl-readme

Facebook: https://#/CreativeTim?ref=ndl-readme

Dribbble: https://dribbble.com/creativetim?ref=ndl-readme

Instagram: https://www.instagram.com/CreativeTimOfficial?ref=ndl-readme

Updivision

Twitter: https://twitter.com/updivision?ref=ndl-readme

Facebook: https://#/updivision?ref=ndl-readme

LinkedIn: https://www.linkedin.com/company/updivision?ref=ndl-readme

Updivision 博客: https://updivision.com/blog/?ref=ndl-readme

致谢