laravel-frontend-presets / now-ui-dashboard
Laravel 10.x 适用于 now ui dashboard 的前端预设
Requires
- laravel/framework: ^10.0
- laravel/legacy-factories: ^1.0
README
前端版本: 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),请使用以下链接之一
- 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/now-ui-dashboard
安装此预设。无需注册服务提供者。Laravel 5.5 及以上版本可以自动检测此包。 - 运行
php artisan ui nowui
命令安装 NowUI 预设。这将安装所有必要的资源,以及自定义的认证视图,还会在routes/web.php
中添加认证路由(注意:如果您多次运行此命令,请确保清理 routes/web.php 中的重复认证条目) - 在终端运行
composer dump-autoload
- 运行
php artisan migrate --seed
创建基本用户表
通过存档
- 在应用程序的根目录下创建一个 presets 文件夹
- 下载 repo 的存档并解压缩
- 将 now-ui-master 文件夹复制粘贴到步骤 2 中创建的 presets 中,并将其重命名为 NowUi
- 打开
composer.json
文件 - 将
"LaravelFrontendPresets\\NowUiPreset\\": "presets/NowUi/src"
添加到autoload/psr-4
和autoload-dev/psr-4
- 将
LaravelFrontendPresets\NowUiPreset\NowUiPresetServiceProvider::class
添加到config/app.php
文件中 - 在终端输入:
composer require laravel/ui
和php artisan ui vue --auth
- 在终端运行
composer dump-autoload
- 运行
php artisan ui nowui
命令安装 NowUI 预设。这将安装所有必要的资源,以及自定义的认证视图,还会在routes/web.php
中添加认证路由(注意:如果您多次运行此命令,请确保清理 routes/web.php 中的重复认证条目) - 运行
php artisan migrate --seed
创建基本用户表
使用方法
要开始测试主题,请注册为用户或使用默认用户之一登录
- 管理员类型 - admin@nowui.com,密码 secret
请确保运行迁移和种子,以便上述凭证可用。
除了免费预设中包含的功能外,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
浏览器支持
目前,我们官方支持以下浏览器的最后两个版本
资源
- 演示:https://www.creative-tim.com/live/now-ui-dashboard-laravel/?ref=ndl-readme
- 下载页面:https://www.creative-tim.com/product/now-ui-dashboard-laravel?ref=ndl-readme
- 文档:https://www.creative-tim.com/live/now-ui-dashboard-laravel/?start-page=/docs/getting-started/laravel-setup.html&ref=ndl-readme
- 许可协议:https://www.creative-tim.com/license?ref=ndl-readme
- 支持:https://www.creative-tim.com/contact-us?ref=ndl-readme
- 问题:Github Issues Page
- 仪表板
变更日志
有关最近更改的更多信息,请参阅变更日志。
致谢
问题报告
我们使用GitHub Issues作为now-ui Dashboard Laravel的官方错误追踪器。以下是我们用户想要报告问题的一些建议
- 确保您正在使用now-ui Dashboard Laravel的最新版本。检查我们网站仪表板上的CHANGELOG。
- 提供问题可重现的步骤将缩短修复它所需的时间。
- 某些问题可能是特定于浏览器的,所以指定您在哪个浏览器遇到问题可能会有所帮助。
许可
- 版权Creative Tim (https://www.creative-tim.com/?ref=ndl-readme)
- 许可协议:MIT (https://github.com/laravel-frontend-presets/now-ui-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=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