VueLaravel后台启动器

laravel-vue-crud-starter — Vue 后台模板

作者 AnowarCST

基于 Laravel 8、Vue 2 与 AdminLTE 3 的 CRUD 单页应用启动模板，内置认证、用户与产品管理、权限控制和 Docker 配置。

打开源站下载源码 ZIP

看看你的网站会是什么样

浏览真实页面截图，比较内容排版与手机效果。点击下方缩略图切换，放大查看整页细节。

1 个预览视图
作者提供的预览
作者提供的预览

来自项目 README 的原始预览。

目前有 1 张原始预览，可打开完整图片查看设计细节。

截图用于了解视觉与布局，交互效果请以实际项目为准。

采集于 2026-10-01查看来源

值得关注的模板亮点

从已有项目资料中，快速了解它的特点。

01

Laravel 8 + Vue 2 + AdminLTE 3 的 SPA CRUD 启动模板

02

弹窗式新增/编辑、分页列表与 SweetAlert 删除交互

03

内置登录、注册、忘记与重置密码，认证基于 Laravel Passport

04

用户与产品管理、分类与标签设置，以及基于 Gate Policy 的 admin/user 权限控制

05

提供 Docker 运行方式与 PHPUnit 测试用例、覆盖率报告

模板详细介绍

这是一个面向单页应用（SPA）的 CRUD 启动模板，后端使用 Laravel 8，前端使用 Vue 2（配合 VueRouter、vue-progressbar、sweetalert2 和 laravel-vue-pagination），界面基于 AdminLTE 3、Bootstrap 4 与 Font Awesome 5。认证层使用 Laravel Passport。

模板已实现的功能包括：基于弹窗的新增与编辑、带分页的列表、配合 SweetAlert 的删除操作；登录、注册、忘记密码与重置密码等默认认证流程；个人资料查看与更新、修改密码、头像；产品管理；用户管理；分类与标签设置；基于 Gate Policy 的前后端用户 ACL（区分 admin 与 user 类型）；一个简单的静态仪表盘；以及面向开发者的 OAuth 客户端与个人访问令牌选项。项目还提供 Docker 构建方式与 PHPUnit 测试用例及覆盖率报告。

使用限制方面：项目定位是“非常简单的”启动模板，仪表盘为静态页面，并非完整业务系统；技术栈为 Laravel 8 与 Vue 2，属于较早期的版本组合，若用于新项目需要考虑升级路径。仓库采用 MIT 许可，可免费使用、修改、商用和分发，但需保留版权与许可声明；演示图片、字体、图标等第三方素材需单独核对其许可，域名、托管、数据库等外部服务可能另行收费。

VueLaravel后台启动器

适合你的项目吗？

适用场景

  • 需要快速搭建带认证与权限的后台管理 SPA 原型
  • 学习 Laravel 与 Vue 前后端分离的 CRUD 实现方式
  • 作为产品、用户、分类、标签等基础数据管理模块的起点
  • 在本地或容器环境中运行并验证 PHPUnit 测试与覆盖率报告

适合人群

  • 熟悉 Laravel 与 Vue 的前后端开发者
  • 需要后台 CRUD 脚手架的个人或小团队项目
  • 希望以 Docker 方式快速启动开发环境的使用者

上手与定制指南

结合仓库当前版本的说明，按下面的资料检查内容、配置与运行要求。

  1. 1

    克隆仓库后执行 composer install 与 npm install，复制 .env.example 为 .env 并配置数据库，再运行 key:generate、migrate、db:seed 与 passport:install

  2. 2

    使用 Docker 时执行 docker-compose up -d，进入容器后完成 composer install、.env 配置、迁移、填充与 passport:install；应用默认在 8008 端口，Adminer 在 8080 端口

  3. 3

    数据库连接信息需按 .env 自行填写；Docker 环境中的数据库主机、端口与账号密码以仓库说明为准

  4. 4

    运行测试使用 vendor/bin/phpunit，生成覆盖率报告使用 vendor/bin/phpunit --coverage-html reports/

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

本次收录的是公开仓库中采用 MIT 许可的免费版本；免费范围为该版本代码，不代表外部服务或第三方素材免费。

使用时需要遵守

  • 允许免费使用、修改、商用和分发该版本代码。
  • 分发代码副本或实质性部分时，保留原作者版权声明和完整 MIT 许可声明。
  • 代码按现状提供；担保与责任限制以原许可证及适用法律为准。

额外费用与待核对事项

  • 项目定位为“非常简单的”CRUD 启动模板，仅用于 SPA 应用起步，并非完整或生产级业务系统。
  • 仪表盘为静态页面，不含真实数据统计或动态图表功能。
  • 需自行配置数据库连接信息（.env 中的数据库凭据）才能运行。
  • 认证依赖 Laravel Passport，安装时需执行 passport:install 生成 OAuth 密钥。
  • Docker 环境中的数据库主机、端口与账号密码以仓库说明为准，需按实际环境调整。
  • 演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 MIT 许可判断。
  • 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
查看原文依据

Permission is hereby granted, free of charge

许可证原文

A very simple Laravel 8 + Vue 2 + AdminLTE 3 based Curd Starter template for SPA Application.

README 原文

Simple Static Dashboard

README 原文

Update `.env` and set your database credentials

README 原文

- `php artisan passport:install`

README 原文

- DBhost: yourIP:3307, user: root, Password: 123456

README 原文
https://github.com/AnowarCST/laravel-vue-crud-starter/blob/main/LICENSEhttps://github.com/AnowarCST/laravel-vue-crud-starter/blob/main/README.md

DeepSeek 根据仓库许可证和 README 整理 ·2026-10-01。结果仅覆盖已读取资料，依赖、图片、字体及后续条款变更以各自原文为准。

项目核对记录与介绍依据

模板资料

来源平台
GitHub
资料与维护参考分
资料较完整 · 84 / 100
技术栈
Vue · Laravel
网站类型
后台 · 启动器
这个分数如何计算

本站按许可资料（最高30分）、演示链接（12分）、预览图（10分）、Star数（15分）、记录的维护时间（15分）、描述完整度（8分）、功能记录（5分）和分类资料（5分）计算。它不是代码、安全或性能测试，也不是 Google 评分；有链接不代表已实测可用。

这个项目需要核对什么

记录的仓库更新时间
2026-02-17
截图检查日期
2026-10-01

目前没有记录演示链接。请依据仓库说明在本地评估；仅凭截图无法确认交互行为。

目录记录的主要技术栈是 Vue。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料，不代表代码审计或部署实测。

查看具体选型方法 →

介绍的制作与核对状态

介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。

已完成服务器许可规则与 AI 来源核对；未经过人工编辑审核。

查看当时使用的来源资料

SHA-256: 20d9d2c259f9de257df28e633b1dd2f25a23e66cba6a958a094b1bc132d151ac

2026-10-01T02:29:24.464Z

来源文件 / 仓库

# Laravel+Vue Crud Starter


[![Build Status](https://dev.azure.com/anowarhossain/laravel-vue-crud-starter/_apis/build/status/AnowarCST.laravel-vue-crud-starter?branchName=master)](https://dev.azure.com/anowarhossain/laravel-vue-crud-starter/_build/latest?definitionId=6&branchName=master)


## About Repository

A very simple Laravel 8 + Vue 2 + AdminLTE 3 based Curd Starter template for SPA Application.
<p align="center">
<img src="https://i.imgur.com/mZAHbUL.png">
<img src="https://i.imgur.com/3hhoQnq.png">
<img src="https://i.imgur.com/aHtQkYl.png">
<img src="https://i.imgur.com/V7OuwLn.png">
</p>

## Tech Specification

- Laravel 8
- Vue 2 + VueRouter + vue-progressbar + sweetalert2 + laravel-vue-pagination
- Laravel Passport
- Admin LTE 3 + Bootstrap 4 + Font Awesome 5
- PHPUnit Test Case/Test Coverage

## Features

- Modal based Create+Edit, List with Pagination, Delete with Sweetalert
- Login, Register, Forget+Reset Password as default auth
- Profile, Update Profile, Change Password, Avatar
- Product Management 
- User Management
- Settings: Categories, Tags
- Frontend and Backend User ACL with Gate Policy (type: admin/user)
- Simple Static Dashboard
- Developer Options for OAuth Clients and Personal Access Token
- Build with Docker

## Installation

- `git clone https://github.com/AnowarCST/laravel-vue-crud-starter.git`
- `cd laravel-vue-crud-starter/`
- `composer install`
- `cp .env.example .env`
- Update `.env` and set your database credentials
- `php artisan key:generate`
- `php artisan migrate`
- `php artisan db:seed`
- `php artisan passport:install`
- `npm install`
- `npm run dev`
- `php artisan serve`

## Install with Docker

- `docker-compose up -d`
- `docker exec -it vue-starter /bin/bash`
- `composer install`
- `cp .env.example .env`
- `php artisan key:generate`
- `php artisan migrate`
- `php artisan db:seed`
- `php artisan passport:install`
- Application http://localhost:8008/
- Adminer for Database http://localhost:8080/
- DBhost: yourIP:3307, user: root, Password: 123456


## Unit Test

#### run PHPUnit

```bash
# run PHPUnit all test cases
vendor/bin/phpunit
# or Feature test only
vendor/bin/phpunit --testsuite Feature
```

#### Code Coverage Report

```bash
# reports is a directory name
vendor/bin/phpunit --coverage-html reports/
```
A `reports` directory has been created for code coverage report. Open the dashboard.html.


## Credit
This repository is motivated by [Hujjat/laravStart](https://github.com/Hujjat/laravStart) and his awesome video tutorial in [Youtube](https://www.youtube.com/playlist?list=PLB4AdipoHpxaHDLIaMdtro1eXnQtl_UvE).

## License

[MIT license](https://opensource.org/licenses/MIT).
反馈内容错误

看看同类模板

对比同技术栈与用途的模板，找到更适合的视觉与内容结构。

vuestic-admin

vuestic-admin

Vuestic Admin is an open-source, ready-to-use admin template suite designed for rapid development, easy mainte…

Vue · 后台

vitesse

vitesse

🏕 Opinionated Vite + Vue Starter Template

Vue · 启动器

v3-admin-vite

v3-admin-vite

v3-admin-vite 是一个主打 AI 编程友好体验的 Vue3 后台管理模板，基于 Vue3、Vite、TypeScript、Element Plus 构建。

Vue · 后台

vue-typescript-admin-template

vue-typescript-admin-template

vue-typescript-admin-template 是一套面向后台管理界面的前端解决方案，基于 Vue 2.6、TypeScript 和 Element UI 构建。

Vue · 后台

vue-antd-admin

vue-antd-admin

Vue Antd Admin 是 Ant Design Pro 的 Vue 实现版本，目标是为中后台项目提供一套开箱即用的前端与设计解决方案。

Vue · 后台

coreui-free-vue-admin-template

coreui-free-vue-admin-template

Free Vue Admin & Dashboard Template Built for AI-Assisted Development

Vue · 后台