Laravel 后端与 Vue 2 前端组合的启动器骨架
vuejs2-laravel53-starter — Vue 启动器模板
作者 fagray
基于 Laravel 与 Vue 2 的前后端分离启动器模板,包含 VueRouter 路由、VueResource 接口调用与列表渲染示例。
看看你的网站会是什么样
浏览真实页面截图,比较内容排版与手机效果。点击下方缩略图切换,放大查看整页细节。
全部页面与视图 2
截图用于了解视觉与布局,交互效果请以实际项目为准。
值得关注的模板亮点
从已有项目资料中,快速了解它的特点。
内置 VueRouter 2.0 的基础路由示例
提供使用 VueResource 调用 Web API 的示例代码
包含一个 Vue 起步组件与列表渲染示例
仓库 README 标注已不再维护,并指向更新版本
模板详细介绍
这是一个把 Laravel 后端与 Vue 2 前端组合在一起的启动器模板,仓库自述其目标是提供开箱可用的基础骨架,包含 VueRouter 2.0 的基础路由、一个 Vue 起步组件、使用 VueResource 发起 Web API 调用,以及用 Vue 做列表渲染。项目附带在线演示页面,可先看效果再决定是否使用。
仓库 README 顶部明确标注该仓库已不再维护,并指向作者更新的 Laravel 5.8 + Vue.js 2 + Vuex 版本。因此它更适合作为了解早期 Laravel + Vue 组合方式的参考,或作为已有旧项目的对照,而不是新项目的起点。
安装流程依赖 PHP 侧的 Composer 与前端侧的 npm,需要复制 .env.example 为 .env 并填写数据库连接信息,再执行数据库迁移并写入示例数据,最后通过 php artisan serve 启动。仓库未在 README 中说明测试、构建产物或部署方式。
适合你的项目吗?
适用场景
- 学习早期 Laravel 与 Vue 2 前后端分离项目的组织方式
- 参考 VueRouter 与 VueResource 在启动器中的基本用法
- 作为旧版 Laravel + Vue 项目的对照或迁移参考
适合人群
- 需要查看 Laravel + Vue 2 启动器结构的开发者
- 研究 VueRouter、VueResource 基础示例的学习者
- 维护或迁移旧版 Laravel + Vue 项目的团队
上手与定制指南
结合仓库当前版本的说明,按下面的资料检查内容、配置与运行要求。
- 1
先克隆或下载仓库,再执行 composer install 与 npm install
- 2
将 .env.example 复制为 .env,并填写数据库连接信息
- 3
执行数据库迁移并写入示例数据
- 4
使用 php artisan serve 启动本地服务
- 5
仓库已标注不再维护,新项目可考虑作者指向的更新版本
授权与来源资料
使用条件与限制
免费使用 · 保留许可声明本次收录的是公开仓库中采用 MIT 许可的免费版本;免费范围为该版本代码,不代表外部服务或第三方素材免费。
使用时需要遵守
- 允许免费使用、修改、商用和分发该版本代码。
- 分发代码副本或实质性部分时,保留原作者版权声明和完整 MIT 许可声明。
- 代码按现状提供;担保与责任限制以原许可证及适用法律为准。
额外费用与待核对事项
- 该仓库已停止维护,README 明确建议改用作者更新的 Laravel 5.8 + Vue.js 2 + Vuex 版本,因此不适合作为新项目起点。
- 使用前必须自行准备并配置数据库连接信息(在 .env 文件中填写数据库凭据),项目本身不提供数据库服务。
- 安装流程要求执行数据库迁移并自行向数据库写入示例数据,缺少数据库环境时无法直接运行。
- 演示图片、字体、图标及其他第三方素材需按各自许可核对,不能仅凭代码的 MIT 许可判断。
- 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
查看原文依据
Permission is hereby granted, free of charge
许可证原文
This repository is Unmaintained. Please use the newer version with Laravel 5.8 and Vue.js 2 along with Vuex.
README 原文
Change your database credentials on the .env file
README 原文
https://github.com/fagray/vuejs2-laravel53-starter/blob/master/LICENSEhttps://github.com/fagray/vuejs2-laravel53-starter/blob/master/README.mdRun the migrations and add a sample data on your database.
README 原文
DeepSeek 根据仓库许可证和 README 整理 ·2026-10-01。结果仅覆盖已读取资料,依赖、图片、字体及后续条款变更以各自原文为准。
项目核对记录与介绍依据
模板资料
- 来源平台
- GitHub
- 资料与维护参考分
- 资料较完整 · 81 / 100
- 技术栈
- Vue · Laravel
- 网站类型
- 启动器
这个分数如何计算
本站按许可资料(最高30分)、演示链接(12分)、预览图(10分)、Star数(15分)、记录的维护时间(15分)、描述完整度(8分)、功能记录(5分)和分类资料(5分)计算。它不是代码、安全或性能测试,也不是 Google 评分;有链接不代表已实测可用。
这个项目需要核对什么
- 记录的仓库更新时间
- 2019-04-10
- 截图检查日期
- 2026-10-01
已收录演示链接。请用你的内容与屏幕尺寸检查;有演示不代表表单、认证或支付已经可用。
目录记录的主要技术栈是 Vue。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料,不代表代码审计或部署实测。
查看具体选型方法 →介绍的制作与核对状态
介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。
已完成服务器许可规则与 AI 来源核对;未经过人工编辑审核。
查看当时使用的来源资料
SHA-256: f03aa83d358702dd7fa078d57721656c28490370f8342452faf5f2e6ad4739ae
2026-10-01T02:32:23.199Z
来源文件 / 仓库# This repository is Unmaintained. Please use the newer version with Laravel 5.8 and Vue.js 2 along with Vuex. https://github.com/fagray/laravel-vuejs-5-8-starter # Welcome Aboard !  This starter template is boostrapped with Laravel 5.3, VueJS 2.0, VueRouter,VueResource and so much more ! # Features - Basic Routing with VueRouter 2.0 - A VueJS Starter Component - Web API call with VueResource - List Rendering with VueJS # Installation - Clone or download the repository - Run composer install - Run npm install - Rename .env.example to .env - Change your database credentials on the .env file - Run the migrations and add a sample data on your database. - Run php artisan serve - And you're good to go ! # Support or Contact This project is open for all. Any contributions are so much welcome. Feel free to open a pull request ! Thank you very much.
看看同类模板
对比同技术栈与用途的模板,找到更适合的视觉与内容结构。

vitesse
🏕 Opinionated Vite + Vue Starter Template
Vue · 启动器

vitesse-webext
⚡️ WebExtension Vite Starter Template
Vue · 启动器

laravel-vue-spa
A Laravel-Vue SPA starter kit.
Vue · 启动器

vue3-h5-template
vue3-h5-template 是一个面向移动端 H5 项目的启动模板,基于 Vue3、Vite 和 Vant4 构建,同时集成了 TypeScript、Tailwindcss、Pinia、Vue-router 等常用…
Vue · 启动器

tov-template
vite + vue3 + ts 开箱即用现代开发模板 | vite + vue3 + ts out-of-the-box modern development template
Vue · 启动器

shadcn-vue-landing-page
New design 🎉 Vue + Shadcn-vue + TypeScript + Tailwind. Landing page template ease-to-use
Vue · 企业官网
