📙
📙
📙
📙
QuickAdminPanel
Search…
📙
📙
📙
📙
QuickAdminPanel
QuickAdminPanel Docs
Quick Start: Creating Panel
Creating a Simple CRUD
Radio/Checkbox/Select Fields
Relationships fields: belongsTo/belongsToMany
File/Photo Upload Fields
Date/Time Picker Fields
Multi-language Projects
API Generator
Roles and Permissions
How to Change Design Template/Theme
Using the Generated Code
Download Code and Install on Your Web-Server
Push Code to Your Github
Edit Code and Merge Changes
What Files are Inside the CRUD
Modules
Modules Overview
AJAX Datatables
System Calendar
Audit Changes Logs
Dashboard and Reports
Multi-Tenancy
CSV Import
Global Search
User Registration
Internal Messages
Change Notifications
Tasks + Calendar
Courses LMS
CRUD Templates Modules
Customizing the Code
Datatables Customizations
Upgrade Laravel version
Dependent Dropdowns: Parent-Child
Add Front User Without Admin Permissions
How to Add Mass Actions to Datatable
Vue.js + Laravel API Version
QuickAdminPanel: Vue.js+Laravel Version
What Files are Inside Vue.js+Laravel CRUD?
Installing Downloaded Vue.js+Laravel Panel
Livewire + Tailwind Version
QuickAdminPanel: Livewire+Tailwind Version
What Files are Inside Livewire+Tailwind CRUD?
Installing Downloaded Livewire+Tailwind Panel
Powered By GitBook
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 Back-end Laravel 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
-----------------------------------------------------------

UPDATED Back-end Laravel Files

[Changed API Routes]
  • routes/api.php
[Changed Seeds for Permissions]
  • database/seeds/PermissionsTableSeeder.php
[Changed Translation File]
  • resources/lang/en/cruds.php
-----------------------------------------------------------

NEW Front-end JavaScript/Vue Files

[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
-----------------------------------------------------------

UPDATED Front-end JavaScript/Vue Files

[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):
​
Vue.js + Laravel API Version - Previous
QuickAdminPanel: Vue.js+Laravel Version
Next - Vue.js + Laravel API Version
Installing Downloaded Vue.js+Laravel Panel
Last modified 1yr ago
Copy link
Contents
NEW Back-end Laravel Files
UPDATED Back-end Laravel Files
NEW Front-end JavaScript/Vue Files
UPDATED Front-end JavaScript/Vue Files