人称外号大脸猫

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. 设置

  • 站点设置
  • 默认图设置
  • ....

待开发的功能

  1. 权限模块
  2. 导航栏
  3. 友情链接
  4. 评论模块
  5. 留言板 ....
copyright ©2025 ahimu.com all rights reserved 皖ICP备19021547号-1