代码之家 › 专栏 › 技术社区 › Niladri Banerjee - Uttarpara

如何在Gether中实现Laravel 5.5和Angular 4项目?

laravel-5.5 laravel angular

Niladri Banerjee - Uttarpara · 技术社区 · 8 年前

如果我想用Laravel 5.5实现Angularjs 4或2(Angularjs将使用Laravel的API),那么最好的方法是什么?1) 我是否应该在xampp/htdocs中创建两个文件夹,如c:/xampp/htdocs/test-laravel55和c:/xampp/htdocs/test-angular4或2)我是否应该创建一个Laravel5.5项目,如c:/xampp/htdocs/test-laravel55,并放置angularjs4(e2e、node\U模块、src)文件(&将文件夹放入test-laravel55?

如果方法1更好,您能否向我推荐一些链接/视频,以了解CRUD操作、身份验证登录等过程。此外,如果方法2更好,您能否向我推荐一些有关过程/教程、CRUD操作、身份验证登录等的链接/视频?

我的主要任务是“管理用户”可以登录到管理面板并创建一些CRUD操作,如类别创建、产品创建等。

2 回复 | 直到 8 年前

Peter Wilson 8 年前

我的方法是制作两个完全独立的项目,一个用于Laravel,您应该将其放在本地主机根目录中
另一个是角度,你可以把它放在任何地方

Laravel项目

您将只使用不需要视图的路由和控制器,并且确保连接到数据库,您可以使用Postman来测试RESTAPI和功能。

角度项目

您将在这里处理所有前端路由和视图—您只需调用后端API(laravel项目)即可获取和设置数据。

当您通过以下方式构建角度项目时 ng build 它将创建一个名为 dist 此文件夹是您项目的客户端。一旦您将项目部署到任何托管服务提供商上,您应该使用域名指向它,对于Laravel项目,您可以使用子域指向它

实例

您创建了一个laravel项目,并将其托管在 应用程序。您的网站。com公司 您创建了一个角度项目并进行了构建,然后将dist文件夹上载到 您的网站。com公司

现在当用户点击 您的网站。com公司 他会看到你的angular应用程序的前端,然后在后面调用 应用程序。您的网站。com公司 通过HTTP请求获取/设置数据

您可以在此处找到更多有用的信息和示例 https://laravel-angular.io/

回答您的问题

1-通过创建dist文件夹 ng构建
2-您将仅上载dist文件夹,因为它包含所有已编译的angular应用程序
3-任何托管服务器都将被接受,因为您只托管JS/HTML文件,所以不需要任何编译器或nodejs/npm环境

stebal 7 年前

如果您想: 拥有laravel网站: http://site.localhost 在里面有一个有棱角的管理员,在: http://site.localhost/admin

我试图将资源放在laravel public(assets&js)的根目录下,在资源/视图/管理中创建我的视图:

Route::get('/admin', function () {
    View::addExtension('html', 'php');
    return View::make('admin.index');
} )->name('admin');

并使用 ng build --prod --aot --base-href /admin

现在的问题是,基本href也适用于CSS,因此加载fontawesome会查找: http://site.localhost/admin/assets/fonts/fontawesome-webfont.ttf?v=4.7.0

但我的资产在public的根目录上,而不是在“admin”中,如果我在public中添加一个“admin”文件夹,我会在网站上看到一个“禁止”页面。本地主机/管理员。。。