Yii2 + AngularJS在单个应用程序中 - 如何？

Question

我有Yii  2和AngularJS的经验,但是分开.我有两个问题:

是否可以在Yii 2的视图中使用AngularJS？我问可能而不是可行,因为我认为问题可能已经到达路由.

此外,将Yii 2和AngularJS一起使用是否公平(性能)？(对于模块化,可管理的代码,两者都是MVC.)

我搜索了很长时间,但我找不到任何合适的资源.解释是什么!

Answer 1

是的,在实现不同的生根方法后,您可以在Yii 2视图中使用AngularJS.这是一个开始的教程.

但不,我不建议这样做(虽然Yii 2和AngularJS都是具有REST原生支持的优秀框架).所以正确的方法是使用AngularJS来构建你的前端,并使用Yii 2来提供服务器API.这是一个很好的结构:

来自此Stack Overflow帖子的 @AlekseiAkireikin的结构

   project/
     backend/        // Yii 2 application
       web/          // Public visible backend folder
         index.php   // Entry point
       config/
       controllers/
       models/
       ...
     frontend/
       app/          // Your AngularJS application here
         css/        // Styles (.less or .css)
         img/        // Images
         lib/        // Third-party libraries such as jQuery or AngularJS
         js/         // .js files (controllers, services, etc.)
         partials/   // Templates (.html)
         index.html
       tests/        // AngularJS tests
       node_modules/
       ...

在Yii的REST的API框架将提供一个干净的API可以与您的沟通内置的AngularJS应用程序或者一个未来的移动应用程序,甚至提供资源和/或服务的其他网站或软件.如果您关心性能,那么请同时使用REST并使用REST.结构良好的RESTful应用程序非常适合轻松构建具有灵活策略的良好缓存系统.您甚至可以在服务器(如Amazon EC2)上托管后端和数据库,仅提供JSON(和/或XML)数据以最小化带宽使用,并将您的前端存储在优化的CDN上 (如Amazon S3或其他CDN提供商)具有更低的成本和更快的答案.

以下是在REST中实现AngularJS和Yii 2的两个示例:this和this.