What Files are Inside Vue.js+Laravel CRUD?
When you create a CRUD in Vue QuickAdminPanel, minimum of 12 new files are generated automatically, and 6 more files are updated. Potentially more, if you use some advanced features/modules.
For example, if you create CRUD called Transactions with a few simple columns like "amount" and "transaction_date", here's the minimum list of generated files.
[New Model]
- app/Transaction.php
[New API Controller]
- app/Http/Controllers/Api/V1/Admin/TransactionsApiController.php
[New Form Requests for Validation]
- app/Http/Requests/StoreTransactionRequest.php
- app/Http/Requests/UpdateTransactionRequest.php
[New Eloquent API Resource]
- app/Http/Resources/Admin/TransactionResource.php
[New Database Migration]
- database/migrations/2020_09_11_000006_create_transactions_table.php
-----------------------------------------------------------
[Changed API Routes]
- routes/api.php
[Changed Seeds for Permissions]
- database/seeds/PermissionsTableSeeder.php
[Changed Translation File]
- resources/lang/en/cruds.php
-----------------------------------------------------------
[New Vue Components for CRUD]
- resources/adminapp/js/cruds/Transactions/Index.vue
- resources/adminapp/js/cruds/Transactions/Create.vue
- resources/adminapp/js/cruds/Transactions/Edit.vue
- resources/adminapp/js/cruds/Transactions/Show.vue
[New Vuex Store Files]
- resources/adminapp/js/store/cruds/Transactions/index.js
- resources/adminapp/js/store/cruds/Transactions/single.js
-----------------------------------------------------------
[Added Menu Item on Sidebar]
- resources/adminapp/js/pages/Layout/DashboardLayout.Vue
[Added Vue Routes]
- resources/adminapp/js/routes/routes.js
[Added Vuex Files to the List]
- resources/adminapp/js/store/store.js
-----------------------------------------------------------
For a bit deeper explanation of those files, look at this video (specifically, section "Look at Vue/Laravel Generated Code", from 8:34):