Laravel + Vue 3 + Inertia.js 後台管理系統

本專案為一套基於 Laravel 10、Vue 3 與 Inertia.js 打造的 SPA 後台管理系統，具備模組化設計、權限控管、檔案管理、文章管理等功能，並整合多項現代化開發工具與 UI 元件。

後端核心技術

• Laravel 10： 穩定的路由、ORM、Middleware 與事件系統
• Inertia.js + Vue 3： SPA 架構與 Laravel 路由整合
• Sanctum： 提供 CSRF 防護與身份驗證
• Spatie MediaLibrary： 儲存與圖片處理
• Spatie Permission： 角色與權限控管

前端技術與 UI 套件

• Vue 3 + Composition API
• Tailwind CSS
• Vite 打包工具
• Axios 處理 HTTP 請求
• FontAwesome 圖示套件
• Vue Multiselect、Draggable、Chart.js、Simple Datatables
• Vue3 Notification 即時提示
• Tiptap 編輯器：支援表格、程式碼、圖片等功能

系統功能與選單設計

選單設計結合 Spatie 權限設定，根據不同角色顯示對應功能模組：