带有 javascript 前端的 Django 后端 - 最佳实践

Question

我偶然发现了 google 的材料设计 Web 组件 ("https://material.io/")，并希望在我的项目中实现它。唯一的问题是我以前从未使用过 javascript 前端。

注意：Google 的 Material Design 是 Material Design Lite 的继承者。

我收到了学习 Angular 并通过 Angular 实现 Google 的材料设计组件并让我的前端 (Angular) 通过 API 与我的后端 (django) 通信的建议。

1- 如果只需要 Web 组件，这真的是最好的方法吗？难道我们不能像使用 bootstrap 那样只导入 CSS 和 JS 并使用 Django/jinja 来渲染视图吗？

2- 似乎需要 node.js / NPM 才能使用 Angular 和 Google 的材料设计，但是，这只是在开发期间吗？或者我们在尝试部署 django 后端和 javascript 前端时会遇到复杂情况？

Answer 1

您当然可以将前端和后端分开，但我认为在这种情况下没有必要这样做。您绝对可以导入所需的 JS 和 CSS，而无需将两者分开（只需确保将它们包含在基本模板中，以便所有页面都可以访问它们）。您只需要一个 CDN。如果您想使用链接网页中提到的原始 SCSS，您可以随时使用 Django scss https://github.com/jrief/django-sass-processor

关于你的第二个问题。 Node.js 本质上是一个平台，因此 Javascript 可以作为后端在服务器上运行，而不是在浏览器中运行。 Angular 是一个前端框架（就像 Django 用于 python）。你不需要 node.js 来使用 angular。

NPM (node package manager) 是 node.js 的 javascript 包管理器，就像 pip 是 python 的包管理器一样。如果您不使用 node.js，则没有必要。

我没有看到任何暗示分离前端和后端对于使用材料设计是必要的，所以你绝对应该这样做。完全取决于你。