Armitage2k Armitage2k - 2 months ago 54
PHP Question

XAMPP + Laravel + AdminLTE

Alright, so I got super excited when I found the Admin Dash Laravel template which ports the entire AdminLTE template over to Laravel 5.4, including sample pages, db tables, etc., just to hit a roadblock when trying to run this on my local XAMPP Server...

I followed the instructions and:


  • created a new Laravel project via
    laravel new test3
    in
    Z:/xampp/htdocs/

  • downloaded the Admin-Dash files and pasted them into the new project folder (test3)

  • ran
    php artisan migration

  • ran
    npm install

  • edited my
    .env
    file to point to the correct folder
    APP_URL=http://localhost/test3
    .



which resulted in this:
enter image description here

None of the supposedly provided sites such as
/login/
or
/register/
nor the CSS / JS features seem to work, most likely due to the template looking for the
dist
folder in
http://localhost/dist/
while they are actually located in
Z:/xampp/htdocs/test3/public/dist
.

How can I change the folder destination in the template? Appreciate any help on that, thank you!
A2k

EDIT

As pointed out earlier, there is a problem with the css/js folder location. I have since located the blades for Admin/Guest/Common in
Z:\xampp\htdocs\test3\resources\views\layouts
and adjusted them as following:

eg. jQuery

<!-- jQuery 2.2.3 -->
<script src="/plugins/jQuery/jquery-2.2.3.min.js"></script>

to
<!-- jQuery 2.2.3 -->
<script src="/test3/public/plugins/jQuery/jquery-2.2.3.min.js"></script>


This seems to finally fix the layout issue, but when clicking on any link such as eg.
/register/
it points me to
http://localhost/register/
instead of
http://localhost/test3/register/
. It shouldnt be necessary to mess around with the master blade configuration which makes me wonder if there is a master setting for the Admin-Dash path that I am missing?

EDIT 2

Since the CSS/JS issue was fixed by utilizing
{{ asset }}
, the only problem left are the routes. Right now, when navigating to eg
http://localhost/test3/register/
I receive a 404 error, suggesting problems with either the APP URL or routes. Both below:

localhost/test3/routes/web.php

// Registration routes
Route::get('register', 'Auth\AuthController@showRegistrationForm')->name('register');
Route::post('register', 'Auth\AuthController@register');


localhost/test3/config/app.php

'url' => env('APP_URL', 'http://localhost/test4'),


Latest screenshot of the console:
enter image description here

Answer Source

First, remove the /test3 from your src="/test3/public/plugins/jQuery/jquery-2.2.3.min.js". Then, define css/js path like: {{ asset('plugins/jQuery/jquery-2.2.3.min.js') }}.

Be sure that you have jquery-2.2.3.min.js in plugins/jQuery/ directory!

Make changes in config/app.php like url' => env('APP_URL', 'http://localhost/test4'),

Use project by creating virtualhost easily and also for implementing and redirection!

Hope this steps may fixed you problem! :)