PHPackages wikichua/vam - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Admin Panels](/categories/admin) 4. / 5. wikichua/vam ActiveLibrary[Admin Panels](/categories/admin) wikichua/vam ============ Vue Admin Manager + CRUD Generator for bootstrap Admin Panel Platform 118[3 PRs](https://github.com/wikichua/vam/pulls)PHP Since Aug 10Pushed 3y ago1 watchersCompare [ Source](https://github.com/wikichua/vam)[ Packagist](https://packagist.org/packages/wikichua/vam)[ RSS](/packages/wikichua-vam/feed)WikiDiscussions master Synced 1w ago READMEChangelogDependenciesVersions (4)Used By (0) Vue Admin Manager (CRUD generator) - Basic (TO BE ENHANCED) =========================================================== [](#vue-admin-manager-crud-generator---basic-to-be-enhanced) [![Latest Version on Packagist](https://camo.githubusercontent.com/0c63168c5878f4e4c066ca962d6563233a4042229759589001e25a2576613d8d/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f77696b69636875612f76616d2e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/wikichua/vam)[![Total Downloads](https://camo.githubusercontent.com/7e97796895063f8c1f70ad51b84644cb54d87e08f535fc18c097a245c2884f26/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f77696b69636875612f76616d2e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/wikichua/vam)[![Build Status](https://camo.githubusercontent.com/30eabe2d110560f16916149881d8bae6e6e6bb5311394583edc38ba55544bb54/68747470733a2f2f696d672e736869656c64732e696f2f7472617669732f77696b69636875612f76616d2f6d61737465722e7376673f7374796c653d666c61742d737175617265)](https://travis-ci.org/wikichua/vam)[![StyleCI](https://camo.githubusercontent.com/cb13a877afd1dbe223c631789c3f922d3ace958fdb334a9cce9b26afefbc2ebd/68747470733a2f2f7374796c6563692e696f2f7265706f732f31323334353637382f736869656c64)](https://styleci.io/repos/12345678) Requirements ------------ [](#requirements) 1. A new Laravel related project (completedly new) 2. Composer require laravel/ui (no need installing the auth scaffolding) 3. A working NPM in your machine 4. Knowledge in Vue Js, Bootstrap-Vue, Axios, Sass, & all Laravel stuffs... ### Vue Package integrated [](#vue-package-integrated) ``` "@popperjs/core": "^2.4.0", "bootstrap-vue": "^2.15.0", "moment": "^2.26.0", "portal-vue": "^2.1.7", "sweetalert2": "^9.13.2", "vform": "^1.0.1", "vue-progressbar": "^0.7.5", "vue-router": "^3.3.1", "vue2-editor": "^2.10.2", "vuejs-loading-plugin": "^1.0.51", "vuex": "^3.4.0", "watch": "^1.0.2" ``` ### Current Edition [](#current-edition) 1. Activity Logging 2. Preset Authentication (exactly from Laravel scaffolding) 3. Permission & Role (Authorization) 4. Settings configuration 5. Basic Users' Management 6. Profile & Password Update 7. CRUD generator (create components for CRUD, migrations, forms, controller, model, etc...) - Datatable listing (using common table component in bootstrap) - Able to delete row record (Authorization Gate included) - Create and Edit form - Text, File, Textarea, Date or Time Picker, Select, Checkbox, Radio, Editor and etc... 8. Swal and Toast integrated 9. Select, Radio or Checkbox options will be added to settings table during migration 10. Select, Radio or Checkbox model options will be generated codes in controller and both create and edit component. 11. Vue Select AKA Select2 ### Todo [](#todo) 1. Additional fields to support - Editor - Select, Radio & Checkbox fetch options from Model - Select2 or Datalist from Bootstrap-vue 2. Auth route configurable 3. Setting update push notification 4. ...still thinking... Installation ------------ [](#installation) Setup new Laravel project in terminal ``` $ laravel new **project** $ php artisan storage:link ``` In your .env file ``` APP_URL=https://**project.test** DB_DATABASE=**project_table** ``` Back to your terminal ``` $ composer require wikichua/vam dev-master $ composer require laravel/ui $ php artisan vendor:publish --tag=vam.install --force ``` In your app/User.php ``` class User extends \Wikichua\VAM\Models\User { use Notifiable; use \Wikichua\VAM\Http\Traits\AdminUser; use \Wikichua\VAM\Http\Traits\ModelScopes; use \Wikichua\VAM\Http\Traits\DynamicFillable; use \Wikichua\VAM\Http\Traits\UserTimezone; ``` Then you continue in your terminal ``` $ php artisan migrate $ php artisan ziggy:generate $ npm install --save --no-bin-links && npm run dev ``` > php artisan vendor:publish --tag=vam.install --force You will see this.. ``` Copied Directory [/vendor/wikichua/vam/resources/js] To [/resources/js] Copied Directory [/vendor/wikichua/vam/resources/sass] To [/resources/sass] Copied File [/vendor/wikichua/vam/package.json] To [/package.json] Copied File [/vendor/wikichua/vam/webpack.mix.js] To [/webpack.mix.js] ``` Scary but yeah, it does overwrited if you already had modified those in your files (Suggest to backup those before publishing with --force): 1. resources/js/app.js 2. resources/js/bootstrap.js 3. webpack.mix.js Optional Publishing.. If you wish to ammend the auth layout at your wish or even change the admin theme layout.. > php artisan vendor:publish --tag=vam.view What about the config? Namespaces? > php artisan vendor:publish --tag=vam.config However, I prefer to use vam.config to toggle the availability for auth routes. ``` 'hidden_auth_route_names' => [ 'password_email' => false, 'password_request' => false, 'password_reset' => false, 'password_confirm' => false, 'login' => false, 'register' => false, 'logout' => false, ], ``` So if you wish to use your own route declarations, just turn all of those to ***true***.. This is how I normall do ``` art vendor:publish --tag=vam.install --force && art ziggy:generate && npm run watch-poll ``` Usage ----- [](#usage) ### Creating new module [](#creating-new-module) ``` $ php artisan vam:config $ php artisan vam:make $ php artisan ziggy:generate $ npm install && npm run dev ``` This is how I normall do ``` art ziggy:generate && npm run watch-poll ``` #### Config [](#config) You may get the sample of config file once vam:config called. Do advise if that's confusing, I will then make a wiki.md for that. In case of you getting "Config file is not ready". This indicating your config generated from vam:config is still work in progress. ``` 'ready' => false, // set true when you are ready to generate CRUD ``` Once you have done your config, you can switch that to true. Of course after vam:make is done, this section will be turned to true automatically. This could prevent you from accidentally run vam:make again. You may access with this auto populated login > email: > password: admin123 #### Deployment issue [](#deployment-issue) Okay! I love ziggy but for now, there is no support env detection or either I can't figure out other way of hack technique. But it's still good using it so all you need to do is 1. Change you .env file APP\_URL to your production DNS 2. Npm run prod 3. Push to your repo and all set to go #### Sample of the vam:make output [](#sample-of-the-vammake-output) ``` $ art vam:config Test Config file created: config/vam/TestConfig.php $ art vam:make Test --force Config Test Found! Initiating! Model file created: /codes/vam/app/Test.php Controller file created: /codes/vam/app/Http/Controllers/Admin/TestController.php API Route file created: routes/routers/testRoutes.php VUE Route file created: /codes/vam/resources/js/routers/testRoutes.js Menu included: routes/web.php Vue component file created: /codes/vam/resources/js/components/test/ListComponent.vue Vue component file created: /codes/vam/resources/js/components/test/CreateComponent.vue Vue component file created: /codes/vam/resources/js/components/test/EditComponent.vue Vue component file created: /codes/vam/resources/js/components/test/ShowComponent.vue Menu included: routes/web.php Migration file created: /codes/vam/database/migrations/2020_06_05_000000_VamTestTable.php Since you had done make the CRUD, we will help you set ready to false to prevent accidentally make after you have done all your changes in your flow! Config has changed: /codes/vam/config/vam/TestConfig.php ``` Security -------- [](#security) If you discover any security related issues, please email instead of using the issue tracker. Credits ------- [](#credits) - [Wiki Chua](https://github.com/wikichua) - [All Contributors](../../contributors) License ------- [](#license) license. Please see the [license file](license.md) for more information. ### Health Score 20 — LowBetter than 14% of packages Maintenance20 Infrequent updates — may be unmaintained Popularity8 Limited adoption so far Community7 Small or concentrated contributor base Maturity37 Early-stage or recently created project Bus Factor1 Top contributor holds 100% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Community Maintainers ![](https://www.gravatar.com/avatar/209854cbd063f50c1804d196f18787fb6ee5d9c2ca1410b36c6f52f8900be35d?d=identicon)[wikichua](/maintainers/wikichua) --- Top Contributors [![wikichua](https://avatars.githubusercontent.com/u/1870466?v=4)](https://github.com/wikichua "wikichua (37 commits)") ### Embed Badge ![Health badge](/badges/wikichua-vam/health.svg) ``` [![Health](https://phpackages.com/badges/wikichua-vam/health.svg)](https://phpackages.com/packages/wikichua-vam) ``` ### Alternatives [jeroennoten/laravel-adminlte Easy AdminLTE integration with Laravel 4.0k4.8M43](/packages/jeroennoten-laravel-adminlte)[dmstr/yii2-adminlte-asset AdminLTE backend theme asset bundle for Yii 2.0 Framework 1.1k1.8M67](/packages/dmstr-yii2-adminlte-asset)[dwij/laraadmin LaraAdmin is a Open source Laravel Admin Panel / CMS which can be used as Admin Backend, Data Management Tool or CRM boilerplate for Laravel with features like CRUD Generation, Module Manager, Media, Menus, Backups and much more 1.6k68.7k](/packages/dwij-laraadmin)[filament/spatie-laravel-media-library-plugin Filament support for `spatie/laravel-medialibrary`. 1764.8M125](/packages/filament-spatie-laravel-media-library-plugin)[bezhansalleh/filament-exceptions A Simple & Beautiful Pluggable Exception Viewer for FilamentPHP's Admin Panel 193195.9k13](/packages/bezhansalleh-filament-exceptions)[filament/infolists Easily add beautiful read-only infolists to any Livewire component. 1220.8M36](/packages/filament-infolists) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)