pyronome / pattern-adminlte-3x-vuejs-2x-laravel-6x

Pyronome Pattern for Web Application Development Kit (AdminLTE 3.x + Vue.js 2.x + Laravel 6.x)
https://pyronome.com/pyronome/adminlte-3x-vuejs-2x-laravel-6x
MIT License
5 stars 3 forks source link

Instruction for install source code #1

Open hungids opened 4 years ago

hungids commented 4 years ago

Dear author

At first, very thank to you about this source code.

About me who is a not experience of Laravel and Vuejs, so have some difficult when I install this source code. Can you capture step by step of this source code install.

Thank you

aykutaydinli commented 4 years ago

Hello hungids,

Thank you very much for your interest in our repository. Please note that this repository is at the very early stage and under development right now. This repository is a part of a Pyronome -an online source code generator- component. These components called "Patterns". Patterns are used to generate source code in different technologies e.g., Laravel, NodeJS, Reactjs, Vuejs, etc.

To use this pattern, please sign up Pyronome. Pyronome is free. The only limitation is that you have to wait 5 minutes for your next code generation. You can benefit other technologies and features that Pyronome has, such as code generation auto-push to a repository for free.

  1. Sign Up / Log-in to Pyronome from https://pyronome.com
  2. Create a new project.
  3. After creating a new project, a pattern selection dialog will be displayed.
  4. Click the "Install" button of the pattern that you want to generate source code. For your case you can choose "AdminLTE 3.x + Vue.js 2.x + Laravel 6.x" pattern.
  5. After choosing the pattern. The pattern will be installed to your project. Click the "MODEL" button at the bottom of the pattern selection dialog. The model page will be displayed.
  6. On the model page, you need to define your model. These are your classes and your class properties. Source code will be generated based on your model and save you a significant amount of time. You can specify the model below as an example.
Student
   FirstName: Short Text
   LastName: Short Text
  1. After defining your model, click the "Source Code" menu on the right. Your code generation process automatically begins. Your code will be generated in seconds.
  2. Download the source code.

Please note that, as I mentioned before, this repository is at a very early stage and under development right now. It is not available for production uses. Just use source code for experimental purposes.

We will be updating these repositories daily. Please check back soon for the latest updates.

aykutaydinli commented 4 years ago

Also, I will leave this issue open. I will update the installation steps after downloading the generated source code.

Please feel free to contact me at any time about your questions and suggestions. You can check other repositories as well.

obeyfenyere commented 4 years ago

hie

after successfully installed and run the project, the adress http://localhost:8000/adminlte/login returns a blank page please help

aykutaydinli commented 4 years ago

Hello,

Do you view the default Laravel page when you open http://localhost:8000/ address?

If you cannot view the default Laravel page, the problem may be the port. Possibly another application/web server is using the port 8000.

Please run the following commands in the terminal:

php artisan serve --port=8001

and after running the command, please visit the page with the following address:

http://localhost:8001/adminlte/login
aykutaydinli commented 4 years ago

Also, please check your model page in the project. Model can be blank. Please define your model and re-generate source code.

obeyfenyere commented 4 years ago

http://localhost:8000/ returns the laravel home page...

Maybe it is about the model page. let me do that

aykutaydinli commented 4 years ago

Ok. Great! Web server is running. I also installed the source code. It would help if you had the run the following command before running the webserver:

npm run dev

The command above runs a webpack process and generates required javascript files and copies them into the public directory.

I hope it works for you.

obeyfenyere commented 4 years ago

I am new to laravel. i don't know how to define the model page

On Wed, Aug 26, 2020 at 2:42 PM Aykut Aydınlı notifications@github.com wrote:

Also, please check your model page in the project. Model can be blank. Please define your model and re-generate source code.

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/pyronome/pattern-adminlte-3x-vuejs-2x-laravel-6x/issues/1#issuecomment-680854892, or unsubscribe https://github.com/notifications/unsubscribe-auth/AJECEXSER4LATRNAUIH4HTTSCT7KPANCNFSM4NPQBOKQ .

obeyfenyere commented 4 years ago

ERROR in ./resources/js/adminlte/routes.js Module build failed (from ./node_modules/babel-loader/lib/index.js): SyntaxError: /home/obey/Projects/source/resources/js/adminlte/routes.js: Unexpected token, expected "," (47:5)

45 | "path": ("/" + mainFolder + "/laravelmodeldisplaytext"), 46 | "component": AdminLTEModelDisplayTextPage

47 | }{{ROUTES_MODEL_EXPORT_DEFINITONS}} | ^ 48 | ];

getting this error when i run npm run dev

aykutaydinli commented 4 years ago

It seems the problem is related to the empty model. You can define a model in the Pyronome. Please open your project, and click the "Model" button on the overview page. You can enter a model using forms on the model page.

If you experience difficulty entering a model, please follow the instructions below:

  1. Open your project in the Pyronome.
  2. On the "Overview" page, click the "Model" button.
  3. Click the JSON link on the right-top of the page.
  4. Paste the content of the JSON file model.json.txt, and save.
  5. Close editor page.
  6. Click "Source Code" on the menu on the left.
  7. Click the "Generate Now!" button.
  8. Download the generated source code.
  9. Re-install (also run npm run dev command, before starting webserver)

Please, also note that this pattern is in the DEVELOPMENT stage. We are updating this pattern daily. Most of the parts can be incomplete and may not work correctly. Use the generated source for experimental purposes.

obeyfenyere commented 4 years ago

running the command npm run dev from the main folder doesn't read the package.json file and if i run it from the source folder how will it affect the snippets, install and pyronome folders??

aykutaydinli commented 4 years ago

Yes, you are right. Installing command should be run in the source folder. Other folders like pyronome, snippets are the folders necessary in the code generation process (inside the Pyronome). After generating source code, these folders are no effect on the source code.

obeyfenyere commented 4 years ago

when i try running php artisan migrate i get the following error

    $adminlte = new App\AdminLTE\AdminLTE();
26| 
27|                 $option_data_list = [];
28| 

29| {{SNIPPET_SEED_MODEL_OPTIONS}} 30| 31| $adminlte->seedModelDropdownOptions($option_data_list); 32| }}

obeyfenyere commented 4 years ago

when i try running php artisan migrate i get the following error

    $adminlte = new App\AdminLTE\AdminLTE();
26| 
27|                 $option_data_list = [];
28| 

29| {{SNIPPET_SEED_MODEL_OPTIONS}} 30| 31| $adminlte->seedModelDropdownOptions($option_data_list); 32| }}

on line 29

aykutaydinli commented 4 years ago

Could you please re-generate the source code, it should complete the migration now.

obeyfenyere commented 4 years ago

Thanks!!! all is working fine now

aykutaydinli commented 4 years ago

Great! I'm so glad to hear that. As I mentioned before, this pattern is in the development stage. We update this pattern regularly. You need to re-generate source code to benefit from the latest updates.

Please feel free to contact me at any time about your questions and suggestions. You can check other repositories as well.

aykutaydinli commented 4 years ago

Also, you can check: https://pyronome.com/pyronome/adminlte-3x-htmldbjs-1x-laravel-6x

It is way more functional than this one. In order to use AdminLTE 3.x + HTMLDB.js 1.x + Laravel 6.x pattern, you need to uninstall AdminLTE 3.x + Vue.js 2.x + Laravel 6.x first then install AdminLTE 3.x + HTMLDB.js 1.x + Laravel 6.x from the project's patterns page.

obeyfenyere commented 4 years ago

this one still giving the error when migrating database

25| $adminlte = new App\AdminLTE\AdminLTE(); 26| 27| $option_data_list = []; 28|

29| {{SNIPPET_SEED_MODEL_OPTIONS}} 30| 31| $adminlte->seedModelDropdownOptions($option_data_list); 32| }}

Exception trace:

On Wed, Aug 26, 2020 at 5:46 PM Aykut Aydınlı notifications@github.com wrote:

Also, you can check: https://pyronome.com/pyronome/adminlte-3x-htmldbjs-1x-laravel-6x

It is way more functional than this one. In order to use AdminLTE 3.x + HTMLDB.js 1.x + Laravel 6.x pattern, you need to uninstall AdminLTE 3.x + Vue.js 2.x + Laravel 6.x first then install AdminLTE 3.x + HTMLDB.js 1.x + Laravel 6.x from the project's patterns page.

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/pyronome/pattern-adminlte-3x-vuejs-2x-laravel-6x/issues/1#issuecomment-680962636, or unsubscribe https://github.com/notifications/unsubscribe-auth/AJECEXW4W6ZH75ACI6KO3YLSCUU5ZANCNFSM4NPQBOKQ .

aykutaydinli commented 4 years ago

Could you please re-generate source code and re-install it. It should work now.