Laravel 5.5 和 angular 4 集成
Laravel 5.5 and angular 4 integration
我正在开发一个已有 6 年历史的 ERP 系统,它是用原始 PHP 开发的,在没有 OOP 或任何框架的情况下维护过程编码结构。
最后,我们的管理层决定使用升级后的技术重新编写应用程序。我们将在 Laravel 框架中编写应用程序。数据库将是 Oracle 和 Mysql 两者。在前端我们将使用Angular 4.
困惑是我应该使用 Angular 4 进行前端请求处理和数据绑定吗?或者我应该选择 Javascript/Jquery。最近几天我在网上寻求一些建议。我也找到了一些。我的问题是,我应该如何整合 Laravel 和 angular?我应该采用基于 API 的方法在文件夹中的 Laravel 中为 Laravel 和 Angular 或 angular 维护两个不同的项目吗?如果我采用基于 API 的方法,我的 ajax 请求会增加吗?应用程序的数据库将太大。
基于 API 的方法是否会使数据加载变慢?
应用程序中的所有请求都将基于 ajax,不会有页面刷新方法,但 url 会根据请求更改。
请建议我可能的正确解决方案,以帮助我做出正确的决定。
Angular 2/4+ 旨在构建 SPA(单页应用程序)。如果你深入研究 angular 那么你会很清楚 angular 2+ 架构中遵循的所有结构和约定都针对 SPA 进行了优化。
因此,如果您想将 Angular 与 Laravel 5+ 一起使用,那么我认为最好的方法是使用 angular 构建独立的前端应用程序并使用 Laravel 5+ 作为后端。这意味着 laravel 将充当 API 服务器和应用程序的后端。
将laravel用作API服务器并不一定意味着您的数据库会更大。这实际上取决于您如何设计应用程序。
但是,还有一个很好的解决办法。
您可以使用 VueJs。在 Laravel 5+ 中构建了对 VueJs 的支持。
使用VueJs的好处是可以像Jquery一样使用。这意味着您不必像 Angular 那样为 VueJs 创建单独的独立应用程序。
但是,您可以逐页使用它。它是松耦合的。
您将从中获得 Angular 的大部分好处。
你也可以使用 React。
您可以使用Angular4重写您的应用程序。作为 单页应用程序 的前端和暴露 REST API 的后端将帮助您构建性能良好的应用程序。
我更喜欢将 Angular 和 REST API 分开,因为它们应该彼此独立. REST APIs 应该始终是通用的,以便它们也可以被其他应用程序使用。
是的,会有很多 API 调用服务器。您可以根据请求数量扩展 REST API。最好构建 微服务 以确保在大量重负载的情况下不会影响大多数服务 (至少部分应用程序将 运行)。对您以后的维护也有帮助。
我正在开发一个已有 6 年历史的 ERP 系统,它是用原始 PHP 开发的,在没有 OOP 或任何框架的情况下维护过程编码结构。
最后,我们的管理层决定使用升级后的技术重新编写应用程序。我们将在 Laravel 框架中编写应用程序。数据库将是 Oracle 和 Mysql 两者。在前端我们将使用Angular 4.
困惑是我应该使用 Angular 4 进行前端请求处理和数据绑定吗?或者我应该选择 Javascript/Jquery。最近几天我在网上寻求一些建议。我也找到了一些。我的问题是,我应该如何整合 Laravel 和 angular?我应该采用基于 API 的方法在文件夹中的 Laravel 中为 Laravel 和 Angular 或 angular 维护两个不同的项目吗?如果我采用基于 API 的方法,我的 ajax 请求会增加吗?应用程序的数据库将太大。 基于 API 的方法是否会使数据加载变慢?
应用程序中的所有请求都将基于 ajax,不会有页面刷新方法,但 url 会根据请求更改。
请建议我可能的正确解决方案,以帮助我做出正确的决定。
Angular 2/4+ 旨在构建 SPA(单页应用程序)。如果你深入研究 angular 那么你会很清楚 angular 2+ 架构中遵循的所有结构和约定都针对 SPA 进行了优化。
因此,如果您想将 Angular 与 Laravel 5+ 一起使用,那么我认为最好的方法是使用 angular 构建独立的前端应用程序并使用 Laravel 5+ 作为后端。这意味着 laravel 将充当 API 服务器和应用程序的后端。
将laravel用作API服务器并不一定意味着您的数据库会更大。这实际上取决于您如何设计应用程序。
但是,还有一个很好的解决办法。 您可以使用 VueJs。在 Laravel 5+ 中构建了对 VueJs 的支持。 使用VueJs的好处是可以像Jquery一样使用。这意味着您不必像 Angular 那样为 VueJs 创建单独的独立应用程序。 但是,您可以逐页使用它。它是松耦合的。 您将从中获得 Angular 的大部分好处。
你也可以使用 React。
您可以使用Angular4重写您的应用程序。作为 单页应用程序 的前端和暴露 REST API 的后端将帮助您构建性能良好的应用程序。
我更喜欢将 Angular 和 REST API 分开,因为它们应该彼此独立. REST APIs 应该始终是通用的,以便它们也可以被其他应用程序使用。
是的,会有很多 API 调用服务器。您可以根据请求数量扩展 REST API。最好构建 微服务 以确保在大量重负载的情况下不会影响大多数服务 (至少部分应用程序将 运行)。对您以后的维护也有帮助。