Laravue - 漂亮的 Laravel 仪表板

2025-05-28

Laravue - 漂亮的 Laravel 仪表板

引言

几个月前,我一直在为我的项目寻找新的解决方案,我用 Vue 构建了一个 SPA 仪表板(使用了 Vue 这个很棒的框架,Laravel Lumen作为 API 网关,Laravel Passport作为单点登录服务器)。经过几周的工作,我发现这个架构有一些局限性,尤其是在部署方面,而且很难开源(因为涉及许多组件,需要设置 CORS 等等)。然后有一天,我突然有了新的想法:

为什么我们不使用 Laravel 内置的 VueJS 来构建 SPA 仪表板?

Laravel + VueJS = Laravue

演示:https://laravue.dev
文档:https://doc.laravue.dev

拉拉维

Laravue是一款精美的仪表板,灵感源自vue-element-admin,但远不止于此。它提供了构建企业级应用程序所需的所有组件,方便管理员控制业务并管理其他用户。我计划将 Laravel/Vue 的最新技术/库/组件应用到这个项目中,使其易于所有人使用。在演示中,API 将由 Laravel 本身提供,其中大部分是模拟的,但易于实现。

入门

# Clone the project with composer
composer create-project tuandm/laravue
cd laravue

# Migration and DB seeder (after changing your DB settings in .env)
php artisan migrate --seed

# Install passport
php artisan passport:install

# install dependency
npm install

# Build for development
npm run dev # or npm run watch

# Start local development server
npm artisan serve
Enter fullscreen mode Exit fullscreen mode

后续步骤Next steps

  • 该项目正在大力开发中,尚未构建为 Laravel 插件(这理应如此)。下一步将开发一个独立的 Laravel 插件,以便轻松集成到现有的 Laravel 网站。

  • 提供完整的文档和严格的编码规范。PHP/Laravel 拥有优秀的PSR ,VueJS在这方面也拥有良好的标准,但还不够完善。

  • 全面测试。

我非常感谢任何反馈、评论、建议……它们绝对能让我和这个图书馆变得更好。谢谢。

另外,这是我的第一篇 DEV 帖子🎉

文章来源:https://dev.to/tuandm/laravel--vuejs--laravue---a-beautiful-dashboard-for-laravel-3h11
PREV
为什么选择 React Hooks?
NEXT
✨ 在你的文档上训练 ChatGPT 🪄 ✨ TL;DR