CRUD जनरेटर के साथ Laravel + Vue + ElementUI पर एक बड़े मॉड्यूलर एसपीए के लिए आधार

मुख्य उद्देश्य

• मॉड्यूल के कठोर सामंजस्य से बचने में मदद करेगा
• कम अनुभव वाले प्रोग्रामर के लिए समझ में आता है
• कोड दोहराव से बचने में मदद करें
• विस्तार करना आसान होगा
• प्रोजेक्ट शुरू करने का समय कम करें
• प्रोजेक्ट सपोर्ट और कोड नेविगेशन का समय कम करें

{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