将现有的HTML / CSS / JS与Django项目集成

时间:2018-06-20 19:11:28

标签: javascript html django angular gulp

我正在从事一个涉及社交网络网站全栈开发的个人项目。我在Django2.0.5中构建了一个后端,该后端支持诸如创建用户,发布内容,关注其他用户等操作。在开发此功能时,我通过在没有CSS或任何内容的最小HTML页面中打印信息来对其进行了测试,只是我可以读取的数据。

现在我正要开始构建前端。我从ThemeForest购买了一个HTML项目以开始使用,但是现在我完全迷失了如何真正集成两者。该主题位于GULP项目中,该项目配置为监视更改,与浏览器同步以及重新编译Handlebars模板。

到目前为止,我已经调查了:

  1. 将Handlebars模板转换为Django模板,并在Django中构建前端。

该方法似乎可以使用,这就是我最初的方法。但是,将100多个页面中的每一个都转换为可用的Django格式大约需要10分钟,甚至还要删除Lorem Ipsum内容

  1. 创建一个新的Angular项目,将GULP项目添加到其中,并使其通过REST API与后端通信

对于我来说,这似乎是最吸引人的选择,但是GULP和Angular都具有预期的文件结构,我不知道如何集成两者。我也找不到有关JS框架如何与Handlebars模板配合使用的任何信息。

  1. 纯粹与现有的GULP项目一起工作,并添加我自己的普通JS以对后端进行AJAX调用并显示数据

这似乎是最简单的选项,但是我不确定它是否可以使用,或者我想执行的动作是否可以通过Vanilla JS使用。我要做的就是从服务器提取对象(标题,图像,描述)并以新闻提要格式显示它们。

总而言之,我的问题是: 将现有的独立HTML / CSS / JS GULP项目集成到Django中的最佳方法是什么?与在Django中进行前端开发和后端开发相比,将前端和后端分离有什么优势?而且,我是否需要一个JS框架才能完成我正在寻找的任务?

我已经被困在这几天了。请让我知道是否可以提供更多信息,并在此先感谢您的建议。

0 个答案:

没有答案