أساس SPA كبير وحدات على Laravel + Vue + ElementUI مع مولد CRUD

الهدف الرئيسي

• سوف يساعد على تجنب التماسك الصلب للوحدات
• مفهومة لمبرمج لديه خبرة قليلة
• تساعد على تجنب تكرار التعليمات البرمجية
• سيكون من السهل توسيعها
• تقليل وقت بدء المشروع
• تقليل وقت دعم المشروع والملاحة البرمجية

{moduleName}/
│
├── routes.js
│
├── api/
│   └── index.js
│
├── components/
│   ├── {ModuleName}List.vue
│   ├── {ModuleName}View.vue
│   └── {ModuleName}Form.vue
│
└── store/
    ├── store.js
    ├── types.js
    └── actions.js

// Load store modules dynamically.
const requireContext = require.context('../../modules', true, /store\.js$/) 
 
let modules = requireContext.keys() 
    .map(file => 
        [file.replace(/(^.\/)|(\.js$)/g, ''), requireContext(file)] 
    )
    .reduce((modules, [path, module]) => { 
        let name = path.split('/')[0] 
        return { ...modules, [name]: module.store } 
    }, {})
 
modules = {...modules, core} 
 
export default new Vuex.Store({
    modules
})
 

{ModuleName}/
│
├── routes_api.php
│
├── Controllers/
│   └──{ModuleName}Controller.php
│
├── Requests/
│   └──{ModuleName}Request.php
│
└── Resources/
    └── {ModuleName}Resource.php