📙
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
On this page
  • NEW Back-end Laravel Files
  • UPDATED Back-end Laravel Files
  • NEW Front-end JavaScript/Vue Files
  • UPDATED Front-end JavaScript/Vue Files
  1. Vue.js + Laravel API Version

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):

PreviousQuickAdminPanel: Vue.js+Laravel VersionNextInstalling Downloaded Vue.js+Laravel Panel

Last updated 4 years ago