当前位置: 首页 > 面试题库 >

在Django中使用AngularJS的最佳实践是什么?

籍昱
2023-03-14
问题内容

我将开始使用AngularJS进行客户端和Django进行服务器端项目。

使他们像最好的朋友一样工作的最佳实践是什么(静态文件,身份验证,部署等)


问题答案:

有多种方法可以从Django模板中为客户端模板提供支持,以实现有趣的优化。但是,鉴于Django和AngularJS的模板语言之间的相似之处,在这里几乎不值得付出任何努力。对于此类大多数项目,我会将AngularJS的静态服务与Django REST框架配对。

urls.py的操作顺序几乎总是始终是Django REST Framework URL(尽可能严格地编写),然后是一个通用模式,该模式将其他所有内容都指向目录中我的基础AngularJS应用程序模板,以STATIC_ROOT进行本地测试/开发方案:

if settings.DEBUG:
    urlpatterns += patterns('django.contrib.staticfiles.views',
        url(r'', 'serve', {
            'document_root': settings.STATIC_ROOT, 
            'path': '/base.html'}
        ),
    )

通过将所有不匹配的请求指向同一个应用程序/模板,如果你希望使用哈希标签而不是标签,则可以开始使用URL的history-hack方法并进行路由。如果你只打算坚持使用标签,则最终的URL匹配可能会更严格(例如,将匹配/(URL root)r'^$')。

在生产中,我将使用反向代理或像nginx这样的慢客户端HTTP服务器来提供AngularJS(静态)内容,并将对REST服务的请求代理到Django WSGI应用程序。

为了与Django REST框架进行通信,我更喜欢使用类似类的JS对象来封送往返于AngularJS应用程序和Django REST框架的数据。为此,我使用angular-django-rest-resource生成了代表我在REST Framework视图中公开的Django模型类的类。

对于在查询角Django的休息资源可以使资源最大的灵活性,我将有Django的过滤器描述安装了REST框架后端这里。这允许JS资源请求受参数(例如/polls/?author=345&finished=1)约束的Django对象。

如果你要在提供AngularJS主模板的服务器的单独域上部署Django和REST操作(例如,如果你在HTML的其他Internet域上使用第三方CDN),则允许对这些资源进行跨域请求很重要。为此,我建议使用django-cors-headers中间件。

我希望这是有帮助的。这不是在最佳实践集,但它是一个已经为我工作。



 类似资料:
  • 问题内容: 我们有一个大型Angularjs 1.6应用程序,该应用程序的$ rootscope分散在整个应用程序的过滤器,服务,路由等200多个位置中。因此需要对其进行重构,但是我不确定如何知道何时将其删除。什么时候在应用程序中使用$ rootscope是最佳实践? 我已经阅读了所有内容,从没读过,到用它来存储变量,我都以为是在控制器之间共享数据。从那以后,我读到最好在这种用例中使用工厂/服务,

  • 问题内容: 我正在阅读 http://www.alexrothenberg.com/2013/02/11/the-magic-behind-angularjs- dependency-injection.html ,事实证明,如果您缩小JavaScript的大小,angularjs依赖项注入会出现问题,我想知道是否 你应该使用 总而言之,我认为第二个片段是针对angularjs的旧版本的,但是..

  • 问题内容: 我目前正在我的app.js / server.js文件中提供我所有的html,如下所示: 我想如果我有15个以上的html页面,那可能不是调用它们的最佳方法。是否有更好的方法可以从另一个文件或位置为它们提供服务,并使用导出或仅能在app.js上调用一个函数或某些东西的服务。这可能是路由的目的,但也许我不太了解。 (添加了同一文件中的更多代码) 问题答案: 您可以使用中间件: 一个服务器

  • 问题内容: 我刚开始学习Go,并通读现有代码以学习“其他人的做法”。在这种情况下,遍历使用go“工作区”,尤其是与项目依赖关系有关的地方。 在处理各种Go项目时,使用一个或多个Go工作区(即$ GOPATH的定义)的常见(或存在)最佳实践是什么?我应该期望有一个类似于我所有项目的中央代码存储库的Go工作区,还是在我处理这些项目时都明确将其分解并设置$ GOPATH(有点像python) virtu

  • 那么使用clientResponse()的最佳实践是什么?如果唯一的问题是应用程序不知道何时应该关闭连接,.exchange().block()会自动关闭连接吗?如果我应该使用.close()-我应该如何获得这个方法?也许我应该使用另一个版本的spring-webflux?或者也许还有另一种在Spring中检索响应主体和状态的最佳方法--WebFlux?

  • 问题内容: 我正在阅读这篇文章:http : //eviltrout.com/2013/06/15/ember-vs- angular.html 它说, 由于缺乏约定,我想知道有多少Angular项目依赖于不良行为,例如直接在控制器内进行AJAX调用?由于依赖注入,开发人员是否将路由器参数注入指令中?AngularJS新手开发人员是否会以经验丰富的AngularJS开发人员认为惯用的方式来构造代码