Laravel 5.5和angular 4 integration

时间:2017-10-01 01:56:30

标签: php jquery angular typescript laravel-5.5

我正在开发一个已有6年历史的ERP系统,它是在原始PHP中开发的,维护程序编码结构,没有OOP或任何框架。

最后,我们的管理层决定使用升级技术重新编写应用程序。我们将在Laravel Framework中编写应用程序。数据库将是Oracle和Mysql。在前端,我们将使用Angular 4。

混淆是我应该使用Angular 4进行前端请求处理和数据绑定吗?或者我应该使用Javascript / Jquery。最近几天我在网上寻求一些建议。我也发现了一些。我的问题是,我应该如何整合Laravel和angular?我应该采用基于API的方法为Laravel和Angular维护两个不同的项目,还是在文件夹中保存Laravel?如果我采用基于API的方法,我的ajax请求会增加吗?应用程序的数据库太大了。 基于API的方法会使数据加载速度变慢吗?

应用程序中的所有请求都将基于ajax,并且不会有页面刷新方法,但url会根据请求进行更改。

请告诉我可能的正确解决方案,以帮助我做出正确的决定。

2 个答案:

答案 0 :(得分:1)

Angular 2/4 +旨在构建SPA(单页应用程序)。如果您深入探讨角度,那么您将清楚角度2+架构中所遵循的所有结构和惯例都针对SPA进行了优化。

所以,如果你想将Angular与Laravel 5+一起使用,那么我认为最好的方法是使用angular来构建一个独立的前端应用程序并使用Laravel 5+作为后端。这意味着laravel将充当API服务器和应用程序的后端。

使用laravel作为API服务器并不一定意味着您的数据库会更大。实际上,您如何设计应用程序。

但是,还有另一个好的解决方案。 您可以使用VueJs。在Laravel 5+中有一个对VueJs的支持。 使用VueJs的好处是你可以像Jquery一样使用它。这意味着您不必为像Angular这样的VueJ创建单独的独立应用程序。 但是,您可以逐页使用它。它松散耦合。 您将从中获得Angular的大部分好处。

您也可以使用React。

答案 1 :(得分:0)

您可以使用 Angular 4 来重写您的应用。 Fontend as 单页面应用程序和Backend公开 REST API 将帮助您构建一个良好的性能应用程序。

我更喜欢将 Angular REST API 分开,因为它们应该彼此独立。 REST API 应始终是通用的,以便其他应用程序也可以使用它们。

是的,服务器会有很多API调用。您可以根据请求数量扩展 REST API 。最好构建微服务,以确保在大量负载(至少部分应用程序将运行)的情况下,大多数服务不会受到影响。它也将帮助您将来的维护。