Laravel 后台模板分享:Inertia + Vue3 + ArcoDesign 现代化开发方案
技术栈亮点
后端框架:Laravel 12.x (PHP 8.2+) 前端架构:Vue3 + Inertia.js 无刷新SPA体验 UI 组件库:字节跳动 ArcoDesign Vue 组件库 工具链:Vite + TailwindCSS 构建现代化工作流
核心依赖清单
Composer 后端依赖
{
"require": {
"inertiajs/inertia-laravel": "^2.0", // Inertia 服务端适配器
"mews/captcha": "^3.4", // 验证码生成组件
"tightenco/ziggy": "^2.5", // Laravel 路由转 JS 工具
"w7corp/easywechat": "^6.17" // 微信开发 SDK
}
}
NPM 前端依赖
{
"dependencies": {
"@arco-design/web-vue": "^2.57.0", // ArcoDesign UI 组件库
"@inertiajs/vue3": "^2.0.14", // Inertia Vue3 适配器
"@vueuse/core": "^5.13.0", // Vue 组合式 API 工具集
"md-editor-v3": "^5.8.1", // Markdown 编辑器组件
"vue": "^3.5.17" // Vue 3 核心库
},
"devDependencies": {
"@vitejs/plugin-vue": "^5.2.4", // Vite Vue 插件
"laravel-vite-plugin": "^1.3.0", // Laravel Vite 集成
"tailwindcss": "^4.1.11", // Tailwind CSS 框架
"unplugin-auto-import": "^19.3.0" // 自动导入组件
}
}
后台截图
项目定位:
- 企业级后台管理系统开发
- 内容管理平台快速搭建
- 微信生态整合项目
- Laravel 全栈学习项目
技术价值:提供经过验证的
Laravel
+Vue3
最佳实践方案,解决中后台系统常见的状态管理、权限控制和组件复用问题。
已开发功能
做的比较少,后续把功能补齐就开源:
1. 仪表盘:
- 工作台
- 分析页
- 访问日志
2. 博客
- 文章管理
- 分类管理
- 标签管理
3. 公众号
- 公众号配置
- 自定义菜单
- 消息回复
- 草稿箱列表
- 发布列表
- 素材管理
4. 设置
- 站点设置
- 默认图设置
- ....
待开发的功能
- 权限模块
- 导航栏
- 友情链接
- 评论模块
- 留言板 ....