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

如何使Django和ReactJS一起工作?

贲凌
2023-03-14
问题内容

Django的新手,ReactJS的新手。我一直在研究AngularJS和ReactJS,但是决定使用ReactJS。尽管AngularJS拥有更多的市场份额,但它似乎正在逐步超越AngularJS的知名度,并且据说ReactJS更快地被接受。

撇开所有垃圾,我开始学习Udemy的课程,并看了几段视频后,查看它与Django的集成程度似乎很重要。那就是当我不可避免地碰壁只是要启动并运行时,那里准备了什么样的文档,以使我几个小时和几个晚上都不会转动轮子。

pip我遇到的确没有任何全面的教程或软件包。例如,我碰到的几个没有用或已过时pyreact

我曾以为只将ReactJS完全分开,但要考虑要让ReactJS组件呈现的类和ID。将单独的ReactJS组件编译成单个ES5文件后,只需将该单个文件导入Django模板。

我认为当我从Django模型进行渲染时,这会很快崩溃,尽管Django Rest
Framework听起来好像很复杂。甚至还不足以了解Redux如何影响所有这一切。

无论如何,有人有明确的方式使用他们愿意共享的Django和ReactJS吗?

无论如何,文档和教程对于AngularJS和Django来说是很多的,因此很容易采取这种方法来开始使用任何前端框架……这不是最好的原因。


问题答案:

我没有Django的经验,但是从前端到后端以及前端框架到框架的概念是相同的。

  1. React将使用您的 Django REST APIhtml" target="_blank">前端和后端没有任何连接。React将向您的REST API发出HTTP请求,以获取和设置数据。
  2. React在 Webpack(模块捆绑器)和Babel(transpiler) 的帮助下,将Javascript捆绑并打包为单个或多个文件,这些文件将放置在入口HTML页面中。 学习Webpack,Babel,Javascript以及React和Redux(状态容器) 。我 相信 您不会使用Django模板,而是允许React渲染前端。
  3. 呈现此页面时,React将使用API​​来获取数据,以便React可以呈现它。在这里,您对 HTTP请求,Javascript(ES6),Promise,中间件和React的 理解至关重要。

下面是我在网络上发现了几件事情 应该 帮助(基于一个快速谷歌搜索):

  • Django和React API Youtube教程
  • 用React设置Django(用archive.org链接替换断开的链接)
  • 使用上面的粗体字词搜索其他资源。首先尝试“ Django React Webpack”。

希望这会指引您正确的方向!祝好运!希望其他专门研究Django的人可以加入我的回复。



 类似资料:
  • 问题内容: 一个星期以来,我一直在思考Webmachine应用程序中Redis使用的问题。而且我还没有开悟。 我将使用Eredis,这是用法示例: 据我了解,应该只在某个地方调用一次。但是,如何获得资源的可变性呢? 问题答案: 有几种解决方案: 在本地或全局注册Redis连接 使用gproc之类的进程寄存器 将连接的pid保留在webmachine资源上下文中 使用连接池,例如pooler或poo

  • 问题内容: 运行代码时出现该错误。好的,很好-我只是忘记了获取XMLBeans …,但是它已经退休了,我在他们的档案中找不到最新版本。因此,我发现JAXB可以替代,我下载了JAXB并尝试将jar文件添加到Intellij的库中,但是在寻找XMLBeans依赖项时仍然遇到相同的错误。 如何获得Apache POI以使用JAXB代替XMLBeans?为什么JAXB有7种不同的jar文件,而我却找不到它

  • 问题内容: (我对RESTFul不熟悉,如果我的概念有误,请纠正我) 在RESTFul体系结构中,我们将每个操作映射到URL。如果我单击“发布文章”,可能实际上是URL 和一些数据。 如果我要发布而不是刷新整个网页,则可以使用javascript的XMLHTTPRequest。我发布它,然后获取它的内容,并将其插入到页面的div中。这些动作都是异步的。 然后我知道有一个名为的东西,它是包装器。它使

  • 问题内容: 如何防止过滤器剥离非ASCII字母数字字符?(我正在使用Django 1.0.2) cnprog.com的网址中包含汉字,因此我查看了他们的代码。他们没有在模板中使用,而是在模型中调用此方法来获取永久链接 他们是不是在撒谎URL? 问题答案: 我在Askbot问答论坛上采用了一个名为unidecode的python软件包,它适用于基于拉丁语的字母,甚至对希腊人来说也很合理: 它对亚洲语

  • 问题内容: 我刚刚开始使用JSF,看起来很棒,但是我似乎无法弄清楚这最后的障碍。 我习惯了传统的Jquery AJAX函数,这在我的书中很完美。但是我希望找到一种方法使其与JSF协调工作。 这是一个说明我的情况的方案。 我的网站上有一个消息传递页面,用户可以在其中互相发送消息。所以在我的xhtml页面中,我看起来像这样: 效果很好。用户可以发布他们的消息,并将其加载到上面的对话div中。但是现在我

  • 我的pom。xml如下所示 我已经尝试了三天,使用REdhat入门指南让这个简单的示例代码与Infinispan一起使用,并下载了快速入门zip来运行它,但仍然不起作用!我一直收到Spring JMS的错误“无法连接到foo: 11222”或“池未打开”,然后是关于混合Uber和Jars版本的警告。我开始使用ehcache,这很难实现,因为只有有限的简单示例展示了如何从rest调用等中存储、检索和