Laravel 10.x 适用于 Paper Dashboard 的前端预设

v1.0.5 2023-03-13 12:25 UTC

This package is auto-updated.

Last update: 2024-09-12 10:49:48 UTC


README

version license GitHub issues open GitHub issues closed

前端版本: Paper Dashboard v2.1.1。更多信息请访问 https://www.creative-tim.com/product/paper-dashboard-2/?ref=pdl-readme

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

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

使用存档

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

使用方法

使用 admin@paper.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'],
    ];
}

目录

版本

演示

文档

Paper Dashboard Laravel 的文档托管在我们的网站上

文件结构

├── app
│   ├── Http
│   │   ├── Controllers
│   │   │   ├── Auth
│   │   │   │   └── RegisterController.php
│   │   │   ├── HomeController.php
│   │   │   ├── PageController.php
│   │   │   ├── ProfileController.php
│   │   │   └── UserController.php
│   │   └── Requests
│   │       ├── PasswordRequest.php
│   │       ├── ProfileRequest.php
│   │       └── UserRequest.php
│   └── Rules
│       └── CurrentPasswordCheckRule.php
├── database
│   └── seeds
│       ├── DatabaseSeeder.php
│       └── UsersTableSeeder.php
└── resources
    ├── assets
    │   ├── css
    │   │   ├── bootstrap.min.css
    │   │   ├── bootstrap.min.css.map
    │   │   ├── paper-dashboard.css
    │   │   ├── paper-dashboard.css.map
    │   │   └── paper-dashboard.min.css
    │   ├── demo
    │   │   ├── demo.css
    │   │   └── demo.js
    │   ├── fonts
    │   │   ├── nucleo-icons.eot
    │   │   ├── nucleo-icons.ttf
    │   │   ├── nucleo-icons.woff
    │   │   └── nucleo-icons.woff2
    │   ├── img
    │   │   ├── apple-icon.png
    │   │   ├── bg
    │   │   │   ├── fabio-mangione.jpg
    │   │   │   └── jan-sendereks.jpg
    │   │   ├── bg5.jpg
    │   │   ├── damir-bosnjak.jpg
    │   │   ├── default-avatar.png
    │   │   ├── faces
    │   │   │   ├── ayo-ogunseinde-1.jpg
    │   │   │   ├── ayo-ogunseinde-2.jpg
    │   │   │   ├── clem-onojeghuo-1.jpg
    │   │   │   ├── clem-onojeghuo-2.jpg
    │   │   │   ├── clem-onojeghuo-3.jpg
    │   │   │   ├── clem-onojeghuo-4.jpg
    │   │   │   ├── erik-lucatero-1.jpg
    │   │   │   ├── erik-lucatero-2.jpg
    │   │   │   ├── joe-gardner-1.jpg
    │   │   │   ├── joe-gardner-2.jpg
    │   │   │   ├── kaci-baum-1.jpg
    │   │   │   └── kaci-baum-2.jpg
    │   │   ├── favicon.png
    │   │   ├── header.jpg
    │   │   ├── jan-sendereks.jpg
    │   │   ├── logo-small.png
    │   │   └── mike.jpg
    │   ├── js
    │   │   ├── core
    │   │   │   ├── bootstrap.min.js
    │   │   │   ├── jquery.min.js
    │   │   │   └── popper.min.js
    │   │   ├── paper-dashboard.js
    │   │   ├── paper-dashboard.js.map
    │   │   ├── paper-dashboard.min.js
    │   │   └── plugins
    │   │       ├── bootstrap-notify.js
    │   │       ├── chartjs.min.js
    │   │       └── perfect-scrollbar.jquery.min.js
    │   └── scss
    │       ├── paper-dashboard
    │       │   ├── _alerts.scss
    │       │   ├── _animated-buttons.scss
    │       │   ├── _buttons.scss
    │       │   ├── cards
    │       │   │   ├── _card-chart.scss
    │       │   │   ├── _card-map.scss
    │       │   │   ├── _card-plain.scss
    │       │   │   ├── _card-stats.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
    │       │   │   ├── _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
    │       │   ├── _sections.scss
    │       │   ├── _sidebar-and-main-panel.scss
    │       │   ├── _tables.scss
    │       │   ├── _typography.scss
    │       │   └── _variables.scss
    │       └── paper-dashboard.scss
    └── views
        ├── auth
        │   ├── login.blade.php
        │   ├── passwords
        │   │   ├── email.blade.php
        │   │   └── reset.blade.php
        │   └── register.blade.php
        ├── layouts
        │   ├── app.blade.php
        │   ├── footer.blade.php
        │   ├── navbars
        │   │   ├── auth.blade.php
        │   │   └── navs
        │   │       ├── auth.blade.php
        │   │       └── guest.blade.php
        │   └── page_templates
        │       ├── auth.blade.php
        │       └── guest.blade.php
        ├── pages
        │   ├── dashboard.blade.php
        │   ├── icons.blade.php
        │   ├── map.blade.php
        │   ├── notifications.blade.php
        │   ├── tables.blade.php
        │   ├── typography.blade.php
        │   └── upgrade.blade.php
        ├── profile
        │   └── edit.blade.php
        ├── users
        │   └── index.blade.php
        └── welcome.blade.php

浏览器支持

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

资源

变更日志

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

鸣谢

报告问题

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

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

许可

实用链接

社交媒体

创意时间

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

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

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

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

Updivision

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

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

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

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

鸣谢