XAMPP + Laravel + AdminLTE
XAMPP + Laravel + AdminLTE
好吧,当我找到 Admin Dash Laravel 模板时,我非常兴奋,该模板将整个 AdminLTE 模板移植到 Laravel 5.4,包括示例页面、数据库表等。 ,只是为了在我的本地 XAMPP 服务器上尝试 运行 时遇到障碍...
我按照说明进行操作并且:
- 通过
laravel new test3
在 Z:/xampp/htdocs/
中创建了一个新的 Laravel 项目
- 下载了 Admin-Dash 文件并将它们粘贴到新项目文件夹 (test3)
- 运行
php artisan migration
- 运行
npm install
- 编辑了我的
.env
文件以指向正确的文件夹 APP_URL=http://localhost/test3
。
结果是:
None 本应提供的网站(例如 /login/
或 /register/
和 CSS / JS 功能似乎都不起作用,很可能是由于模板正在寻找http://localhost/dist/
中的 dist
文件夹,而它们实际上位于 Z:/xampp/htdocs/test3/public/dist
中。
如何更改模板中的文件夹目标?感谢您的帮助,谢谢!
A2k
编辑
如前所述,css/js 文件夹位置存在问题。从那以后,我在 Z:\xampp\htdocs\test3\resources\views\layouts
中找到 Admin/Guest/Common 的 blades 并按如下方式调整它们:
例如。 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>
这似乎最终解决了布局问题,但是当单击任何 link 时,例如。 /register/
它指向 http://localhost/register/
而不是 http://localhost/test3/register/
。没有必要弄乱主 blade 配置,这让我想知道是否有我缺少的 Admin-Dash 路径的主设置?
编辑 2
由于 CSS/JS 问题已通过 {{ asset }}
解决,唯一剩下的问题就是路线。现在,当导航到例如 http://localhost/test3/register/
时,我收到 404 错误,提示应用程序 URL 或路由有问题。以下两者:
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'),
控制台最新截图:
你应该这样做:
1) 安装作曲家依赖项
composer install
2) 需要使用命令生成应用密钥
php artisan key:generate
3) 在代码编辑器中打开项目,将 .env.example
重命名为 .env
并根据您的环境修改数据库名称、用户名和密码。
4) 随seed一起迁移数据库
php artisan migrate --seed
编辑:您可以像这样在每条路线上加上前缀'test3':
Route::prefix('test3')->group(function () {
//your all routes inside here
});
点击这里了解更多:route-group-prefixes
首先,从 src="/test3/public/plugins/jQuery/jquery-2.2.3.min.js"
中删除 /test3
。然后,定义 css/js
路径,如:{{ asset('plugins/jQuery/jquery-2.2.3.min.js') }}
.
确保 plugins/jQuery/
目录中有 jquery-2.2.3.min.js
!
在 config/app.php
中进行更改,例如 url' => env('APP_URL', 'http://localhost/test4'),
通过创建 virtualhost
轻松使用项目,还可以实现和重定向!
希望这些步骤可以解决您的问题! :)
好吧,当我找到 Admin Dash Laravel 模板时,我非常兴奋,该模板将整个 AdminLTE 模板移植到 Laravel 5.4,包括示例页面、数据库表等。 ,只是为了在我的本地 XAMPP 服务器上尝试 运行 时遇到障碍...
我按照说明进行操作并且:
- 通过
laravel new test3
在Z:/xampp/htdocs/
中创建了一个新的 Laravel 项目
- 下载了 Admin-Dash 文件并将它们粘贴到新项目文件夹 (test3)
- 运行
php artisan migration
- 运行
npm install
- 编辑了我的
.env
文件以指向正确的文件夹APP_URL=http://localhost/test3
。
结果是:
None 本应提供的网站(例如 /login/
或 /register/
和 CSS / JS 功能似乎都不起作用,很可能是由于模板正在寻找http://localhost/dist/
中的 dist
文件夹,而它们实际上位于 Z:/xampp/htdocs/test3/public/dist
中。
如何更改模板中的文件夹目标?感谢您的帮助,谢谢! A2k
编辑
如前所述,css/js 文件夹位置存在问题。从那以后,我在 Z:\xampp\htdocs\test3\resources\views\layouts
中找到 Admin/Guest/Common 的 blades 并按如下方式调整它们:
例如。 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>
这似乎最终解决了布局问题,但是当单击任何 link 时,例如。 /register/
它指向 http://localhost/register/
而不是 http://localhost/test3/register/
。没有必要弄乱主 blade 配置,这让我想知道是否有我缺少的 Admin-Dash 路径的主设置?
编辑 2
由于 CSS/JS 问题已通过 {{ asset }}
解决,唯一剩下的问题就是路线。现在,当导航到例如 http://localhost/test3/register/
时,我收到 404 错误,提示应用程序 URL 或路由有问题。以下两者:
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'),
控制台最新截图:
你应该这样做:
1) 安装作曲家依赖项
composer install
2) 需要使用命令生成应用密钥
php artisan key:generate
3) 在代码编辑器中打开项目,将 .env.example
重命名为 .env
并根据您的环境修改数据库名称、用户名和密码。
4) 随seed一起迁移数据库
php artisan migrate --seed
编辑:您可以像这样在每条路线上加上前缀'test3':
Route::prefix('test3')->group(function () {
//your all routes inside here
});
点击这里了解更多:route-group-prefixes
首先,从 src="/test3/public/plugins/jQuery/jquery-2.2.3.min.js"
中删除 /test3
。然后,定义 css/js
路径,如:{{ asset('plugins/jQuery/jquery-2.2.3.min.js') }}
.
确保 plugins/jQuery/
目录中有 jquery-2.2.3.min.js
!
在 config/app.php
中进行更改,例如 url' => env('APP_URL', 'http://localhost/test4'),
通过创建 virtualhost
轻松使用项目,还可以实现和重定向!
希望这些步骤可以解决您的问题! :)