Laravel 10.x 适用于 Paper Dashboard 的前端预设
Requires
- laravel/framework: ^10.0
- laravel/legacy-factories: ^1.0
README
前端版本: 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),请使用以下链接之一
- 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/paper
安装此预设。无需注册服务提供程序。Laravel 5.5 及以上版本可以自动检测该包。 - 运行
php artisan ui paper
命令以安装 Argon 预设。这将安装所有必要的资产和自定义认证视图,它还会在routes/web.php
中添加认证路由(注意:如果您多次运行此命令,请确保清理 routes/web.php 中的重复认证条目) - 在终端中运行
composer dump-autoload
- 运行
php artisan migrate --seed
创建基本用户表
使用存档
- 在应用程序的根目录中创建一个 presets 文件夹
- 下载存档 并解压
- 将 paper-dashboard-master 文件夹复制粘贴到预设文件夹(在第 2 步中创建)中,并将其重命名为 paper
- 打开
composer.json
文件 - 将
"LaravelFrontendPresets\\PaperPreset\\": "presets/paper/src"
添加到autoload/psr-4
和autoload-dev/psr-4
- 将
LaravelFrontendPresets\PaperPreset\PaperPresetServiceProvider::class,
添加到config/app.php
文件 - 在终端中输入:
composer require laravel/ui
和php artisan ui vue --auth
- 在终端中运行
composer dump-autoload
- 运行
php artisan ui paper
命令以安装 Paper Dashboard 预设。这将安装所有必要的资产和自定义认证视图,它还会在routes/web.php
中添加认证路由(注意:如果您多次运行此命令,请确保清理 routes/web.php 中的重复认证条目) - 运行
php artisan migrate --seed
创建基本用户表
使用方法
使用 admin@paper.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'],
];
}
目录
版本
演示
文档
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
浏览器支持
目前,我们官方旨在支持以下浏览器的最后两个版本
资源
- 演示: https://www.creative-tim.com/live/paper-dashboard-laravel/?ref=pdl-readme
- 下载页面: https://www.creative-tim.com/product/paper-dashboard-laravel?ref=pdl-readme
- 文档: https://www.creative-tim.com/live/paper-dashboard-laravel/?start-page=/docs/getting-started/laravel-setup.html&ref=pdl-readme
- 许可协议: https://www.creative-tim.com/license
- 支持: https://www.creative-tim.com/contact-us
- 问题: Github 问题页面
- 仪表板
变更日志
请参阅变更日志以获取有关最近更改的更多信息。
鸣谢
报告问题
我们使用 GitHub Issues 作为 Paper Dashboard Laravel 的官方错误跟踪器。以下是我们给想要报告问题的用户的一些建议
- 请确保您正在使用 Paper Dashboard Laravel 的最新版本。检查我们网站仪表板上的 CHANGELOG。
- 提供问题可复现的步骤将缩短修复问题所需的时间。
- 某些问题可能是特定于浏览器的,因此指定您在哪个浏览器遇到问题可能会有所帮助。
许可
- 版权所有创意时间 (https://www.creative-tim.com/?ref=pdl-readme)
- 许可协议 MIT (https://github.com/laravel-frontend-presets/paper-dashboard/blob/master/license.md)
实用链接
- 教程
- 联盟计划(赚钱)
- 创意时间博客
- 免费产品 来自 Creative Tim
- 高级产品 来自 Creative Tim
- React 产品 来自 Creative Tim
- Angular 产品 来自 Creative Tim
- VueJS 产品 来自 Creative Tim
- 更多产品 来自 Creative Tim
- 查看我们的捆绑包这里
社交媒体
创意时间
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