[扩展推荐] Laravue —— 漂亮的 Laravel 管理界面

介绍

几个月前我尝试为我的项目寻找新的解决方案, 我已经使用 Vue 构建了一个 单页应用 (使用这个 非常棒的框架, 使用 Laravel Lumen 作为 API 网关, 使用 Laravel Passport 作为 SSO 服务器)。经过几周的工作, 我发现那个框架有一些限制, 尤其是在部署和难以开源方面 (因为涉及许多组件, CORS 设置 ...)。突然有一天我有了一个新的想法:

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

Laravel + VueJS = Laravue

例子: https://laravue.dev\
文档: https://doc.laravue.dev

Laravue

Laravue 是一个受 vue-element-admin 启发的漂亮的仪表盘。它提供了所有构建企业应用所必须的组件, 管理员可以控制业务并管理其他人。 我的计划是将 Laravel/Vue 最新的 技术/库/组件 应用于该项目, 并且易于使用. 在这个示例中, API 由 Laravel 提供, 大多数 API 都是假的 - 但是易于实现。

开始

# 使用 composer 克隆项目
composer create-project tuandm/laravue
cd laravue

# 迁移数据 (在 .env 文件设置了数据库信息之后)
php artisan migrate --seed

# 生成 JWT 秘钥
php artisan jwt:secret

# 安装依赖
yarn install

# 构建(开发环境)
yarn run dev # 或者 yarn run watch

# 启动本地服务
php artisan serve

下一步

  • 这个项目正在大力开发中, 还没有被构建为 Laravel 插件(应该是这样)。下一步将会将此项目构建为一个独立的 Laravel 插件, 使得现有的 Laravel 网站可以很好的集成。

  • 提供完善的文档和严格的代码规范。PHP/Laravel 有优秀的代码规范 PSR , VueJS 也有很好的标准 这里 但这太基础了, 还不够。

  • 完善的测试。

本文中的所有译文仅用于学习和交流目的,转载请务必注明文章译者、出处、和本文链接
我们的翻译工作遵照 CC 协议,如果我们的工作有侵犯到您的权益,请及时联系我们。

原文地址:https://dev.to/tuandm/laravel--vuejs--la...

译文地址:https://learnku.com/laravel/t/37417

本帖已被设为精华帖!
本文为协同翻译文章,如您发现瑕疵请点击「改进」按钮提交优化建议
《L03 构架 API 服务器》
你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程,JWT 概念及使用 和 API 开发相关的进阶知识。
《L05 电商实战》
从零开发一个电商项目,功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等
讨论数量: 24

emmmm,在做一样的事情,只不过我用的 bootstrap-vue

2个月前 评论
还以为能元气满满

这也是我一直在使用的方案 laravel+vue-element-admin,vue-element-admin是一个相当完美的开源项目

2个月前 评论

漂亮是次要,这些里边还是前后端结合的 Laravel Admin 最快速,不用写任何前端代码,几个命令增删改查导出出来了。这些能做到吗?

2个月前 评论
Summer (楼主) 2个月前

借鉴一下思路

2个月前 评论
likunyan

Laravel + React + Material-UI 路过。。。

2个月前 评论

laravel nova 99美金 刷一波存在感

2个月前 评论
likunyan 2个月前
hainuo

mark

2个月前 评论

已发布核心包,可在已有项目添加!laravel-core

2个月前 评论

Fantastic!

如果能组织大家翻译一下文档就好了 :joy:

2个月前 评论

@WuChienKun 是吖,在啃机翻的路过

2个月前 评论

中文有没有啊

2个月前 评论

error Couldn't find match for "eef80ed8d188423c2272746fb8ae5cc8dad84cb1" in "refs/heads/master,refs/tags/v.0.1.2,refs/tags/v0.1.1,refs/tags/v0.2.0,refs/tags/v0.2.1,refs/tags/v0.2.2,refs/tags/v0.2.3,refs/tags/v0.2.4,refs/tags/v0.5.1,refs/tags/v0.5.2,refs/tags/v0.5.3,refs/tags/v0.5.4" for "git://github.com/adobe-webplatform/eve.git".
info Visit https://yarnpkg.com/en/docs/cli/install for documentation about this command.
这是啥问题

2个月前 评论

是基于 vue-element-admin 的吗? vue-element-admin 的组建也可以拿来用吧

1个月前 评论

laravue不错

1个月前 评论
yujunnan 1个月前
Musk·C·Ace (作者) 1个月前
Everan

我用的是 iview 感觉比起来,好看些 :joy:

1个月前 评论

最近一直在为laravel 结合element-admin烦恼,谁知道大佬早就在做这个了。 :+1::+1::+1:

1周前 评论

请勿发布不友善或者负能量的内容。与人为善,比聪明更重要!