将 twig 与 React.js 集成

2024-02-07

我已经成功使用 php symphony 及其 twig 模板系统构建了一个 Web 应用程序,但现在需求发生了变化,我必须使用 Node React.js。我已经阅读了一些关于 React.js 的文档,但我仍然不知道在严格的时间范围内最好的方法。对于如何安全快速地完成此操作的任何帮助,即使是提前的,我们也将不胜感激。 如何在这样的模板中实现react.js?

{% extends 'admin/base.html.twig' %}
{% block content %}
Fill This form
{{ form(form, {'attr': {'novalidate': 'novalidate'}}) }}
{{ form_start(form) }}
{{ form_widget(form) }}
    <input type="hidden" name="token" value="{{ csrf_token('action') }}" />
{{ form_end(form) }}
{% endblock %}

编辑 由于我的项目规模很大,在 React 中重新启动表单、表格和其他内容将需要几个月的时间...所以我让我的 symphony 应用程序将表单和表格 html 作为 JSON 字符串返回,并在 React 中处理表单,就好像 JADE 内容一样。 ..我希望这不会暴露安全威胁,我也想问这是否太蹩脚。谢谢。


简而言之,你无法快速完成。 React 是一个前端 JS 框架。 Twig 是一个前端模板引擎。虽然可以让它们一起工作,但从这种立场来处理你的项目是没有意义的。一起使用 Twig 和 React 类似于将螺丝刀放入螺丝中,然后用锤子敲打它。

将 Twig 完全替换为 React 会更有意义。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

将 twig 与 React.js 集成 的相关文章

  • 如何通过 redux-persist 阻止 redux-form“form” 状态自动重新水合

    我正在使用 redux form 它提供了一个内置的减速器 称为 formReducer 需要向组合减速器注册 以使用 redux 的存储管理表单状态 我还使用 redux persist 来保存 redux 存储 当我不想让我的表单自动重
  • 如何在javascript中获取基本url

    我正在建立一个网站代码点火器 http ellislab com codeigniter 我有各种资源 我用base url http ellislab com codeigniter user guide helpers url help
  • 表头在 php 中的 for 循环中重复

    我正在尝试从数据库创建排行榜 我将数据打印在列表中 当我尝试将此数据放入 html 表中时 标题在每次数据输入后都会重复 这是 for 循环导致的 但我不知道如何只打印一次标题 然后将数据插入到每一行中 任何帮助将不胜感激 代码和结果的屏幕
  • Facebook Graph API - 如何用新行发布到墙上?

    我正在使用 Facebook Graph API 但遇到一个问题 我找不到任何方法如何使用一些 HTML 代码发布到墙上or新线路 怎么办呢 这是我的代码
  • 在 PHP 中比较字符串的方式与 MySQL 相同

    我将 varchar 存储在 utf8 MySQL 表中并使用 utf8 general ci 排序规则 我在 varchar 上有一个唯一索引 我想在 PHP 中进行字符串比较 这相当于 MySQL 对索引所做的操作 一个具体的例子是 我
  • 将 Google 转换代码添加到 WordPress 联系表单 7

    我找到了一个将 Google Conversion 代码添加到 WordPress Contact Form 7 插件的教程 可以找到here http contactform7 com tracking form submissions
  • $_POST 返回空

    尝试练习一下 ajax 和 PHP 我不明白为什么每当我发送一些东西时 它都会返回空或未定义的索引 PHP 返回空 JS form submit function var meth this attr action var msg msg
  • 错误 TS2314:通用类型“Component”需要 2 个类型参数

    在将 ReactJS 与 TypeScript 一起使用时 会出现以下错误 error TS2314 Generic type Component
  • SMTP:无法连接套接字:无法找到套接字传输“ssl”

    我一直在尝试在 WAMP 上使用 Pear 发送电子邮件通过 GMail 花了几个小时将其全部设置并找出我遇到的所有错误后 我以为我已经很接近了 直到我开始收到此错误 Failed to connect to ssl smtp gmail
  • 如何从数据库生成 Doctrine 实体并使用 PSR-4 自动加载?

    使用教义2 5使用 PSR 4 自动加载并将已设计的数据库模式转换为实体类 注释 问题是将导出的文件放入正确的目录结构中 作曲家 json autoload psr 4 Application src require doctrine or
  • Laravel - 动态更改电子邮件设置不起作用

    我的应用程序的所有电子邮件设置都存储在数据库中 用户可以选择更改这些设置 而且一切都很好 但我正在尝试设置 发送测试电子邮件 功能 以允许用户在保存设置之前测试其设置 当他们提交发送测试电子邮件的表单时 电子邮件将通过原始设置而不是新设置发
  • 如何在数据库中找到实际的联系表7结构?

    我想找到我所有表单的实际代码 有很多 例如 cf7 代码如下所示
  • 接下来如何在React应用程序中使用material-ui的rtl布局

    我想在我的 React 应用程序中使用 RTL 布局 我已经使用material ui下一版本来集成这个应用程序 我使用下面的代码来制作应用程序布局 RTL 某些组件在 RTL 布局中正常工作 但某些组件不受影响 App js Layout
  • PHP strtotime +1 个月添加额外一个月[重复]

    这个问题在这里已经有答案了 我有一个简单的变量 可以将今天添加一个月 endOfCycle date Y m strtotime 1 month 今天是 2013 年 1 月 所以我希望返回 2013 02 但我得到的是 2013 03 我
  • 如何使用 Symfony2 使 form_rest() 不显示字段?

    我已经开始使用 Symfony2 但遇到了一些问题 我想手动渲染字段 但它不起作用 因为我尚未渲染的字段显示为form rest 函数也一样 所以我有两个相同的字段 这是我的代码 div form errors form contenu d
  • PHP - 递归搜索数组中的键和子键,成功时返回键['subkey]

    因此 我编写了一个函数 该函数可以在数组中深入搜索两个级别以查找键和子键对 基本上是在寻找key subkey 如果找到 则返回key subkey 我正在寻找一种以真正递归的方式执行此操作的方法 并根据需要进行尽可能多的深度搜索 直到到达
  • 正则表达式提取大括号之间的文本

    我正在尝试提取 PHP 中花括号之间的文本 例如 欢迎 user first name 使用 site 版本 1 5 您的用户名 是 user username 您目前的声誉是 user reputation name 我用过 在某些情况下
  • redux - 如何存储和更新键/值对

    我正在使用 redux 和 React js 我想存储简单的键 值对 但无法获得正确的减速器语法 在这种情况下 每个键 值对将保持与外部系统的连接 这是正确的做法吗 我刚开始使用 redux 所以这有点神秘 export default s
  • 为什么 sql 字段名称中不应该包含逗号?

    人们一直告诉我列名中不应包含空格 我只是想知道 这是为什么 这是我为学校创建的一些数据库表遇到的问题 字段名称包括 Preble 和 Darke 相反 它们需要是 普雷布尔县 俄亥俄州 和 达克县 俄亥俄州 如果它们是行名称 我只需创建一个
  • 如何将 JSON 文本转换为 PHP 关联数组

    我将以下 JSON 对象存储在文本文件 data txt 中 player black time 0 from 2c to 3d 我使用 php 阅读 问题 有没有简单的方法可以转换 data到 PHP 关联数组 我尝试过使用json de

随机推荐

  • 如何使用代码为 Visual Studio 等 CRUD 操作生成完整的样板代码?

    我正在尝试为数据库表的实体生成 CRUD 操作 例如使用相应的端点来使用 它与 Visual Studio 生成用于身份验证 帐户控制器 的样板代码相同 并且也以整个包的形式进行增删改查操作 我遇到过 t4 模板 但不知道如何使用它为我的数
  • 地图和字典有什么区别?

    I know a map is a data structure that maps keys to values Isn t a dictionary the same What is the difference between a m
  • 将反应路由链接集成到 Material UI 列表中

    我正在尝试创建一个链接列表 https material ui com components lists 在侧边栏中 问题是如果我使用
  • 无法连接到 net.tcp:连接尝试持续了一段时间

    在远程构建计算机上 运行单元测试时出现以下错误 测试方法 MyNameSpace1 MyNameSpace2 Service Test MyPath XYZServiceTest FindRecord 引发异常 System Service
  • 如何在 GlassFish 中更新 Mojarra 版本

    我想更新我的 JSF 应用程序以使用 Mojarra 版本 2 1 8 我将这些行添加到 WAR 包的 POM 文件中
  • 为旧浏览器显示替代错误页面时使用什么 HTTP 状态代码?

    我有一个大量使用 CSS3 和一些 HTML5 现代功能的网站 所以它在 IE7 或更低版本中不起作用并且看起来很糟糕 我们决定不支持这些旧浏览器 因为这对于极少数用户来说工作量太大 他们看到的是特殊的错误 警告页面 而不是显示常规页面 他
  • Delphi 中更好的多线程调试

    从关于 Delphi IDE 中的错误的另一个问题的答案开始 有谁知道是否有办法改进 IDE 的多线程调试功能 或者如果没有 至少为什么它有时如此糟糕 当程序中有多个线程时 使用 F7 或 F8 单步执行代码通常会导致长时间暂停 或者整个
  • 删除 Google Cloud Functions 的 tmp 文件夹中的文件

    我目前正在 os tmpdir 文件夹中的谷歌云函数中写入文件 现在我知道每次函数触发时都会略有不同 并且函数调用之间的 tmp 文件夹永远不会相同 不能两次引用相同的 tmp 文件夹 我的问题是我是否需要在函数完成执行之前删除该文件 或者
  • GWT:使用 GWT 登录页面对应用程序的某些部分进行身份验证

    我的应用程序具有一些所有用户都可以访问的功能 以及一些其他功能的访问权限应仅限于经过身份验证的用户 所有这些受限制的功能都存在于某些 GWT Places 集合中 因此 应用程序中可用的所有 Places 可以分为两组 所有人均可访问 和
  • AngularJS 禁用指令

    我正在使用editable text指令来自xeditableAngularJS 的模块 有没有办法禁用整个页面的指令 我考虑过使用替换可编辑文本 variable where variable editable text 启用和varia
  • 计算补货点 - 基于集合的 SQL 查询

    我有一个包含以下数据的视图 它代表 2 个生产单元的一种计划 每个细胞生产由多个部分组成的产品 每个生产单元都可以生产任何产品 但对于给定产品 每个单元的生产周期时间通常会有所不同 因为这些单元具有不同的配置 工具 设备 人力等 生产是按批
  • 包私有伴随对象中的隐式值/转换

    我试图找到与此相关的任何信息 文档 规格等 但这个主题似乎很难用谷歌搜索 我要求提供有关以下内容为何有效的参考资料 trait Foo A package bar trait Bar private bar object Bar impli
  • 在 Rails 中的路由上使用通配符和重定向时出错

    match myroute gt redirect http google com as gt myroute 上面的行在routes rb导致以下错误 Users user rvm rubies ruby 1 9 2 p290 lib r
  • 如何从实体对象获取对上级对象的引用

    如何从 EntityObject 类获取对上级 ObjectContext 的引用 看看下面的链接 http blogs msdn com alexj archive 2009 06 08 tip 24 how to get the obj
  • ScrollViewer 无法在 groupbox 内工作?

    我想包括ScrollViewer in my Groupbox 但它不起作用 我的代码是
  • Yandex Metrica 标签降低了网站速度 Google PageSpeed Insights 报告

    因此 在我的所有网页上 我都有此代码 Yandex metrika 使用该代码进行分析 根据谷歌的说法 这个脚本正在减慢我的页面速度 需要改变它的加载方式 以免渲染阻塞 TTI 时间输入阻塞 FID 第一个输入延迟阻塞 第一个内容绘制阻塞
  • 在数据框中设置样式后执行操作

    每当我尝试在代码中设置样式后执行任何操作时 我都会看到以下错误 AttributeError Styler 对象没有属性 drop 在本例中 我尝试在应用样式后删除一列 在其他情况下 我尝试连接 2 个数据帧 但它会引发类似的错误 我对 P
  • psql:错误:致命:用户的 Cloud SQL IAM 服务帐户身份验证失败

    我已按照以下说明使用 IAM 身份验证设置了我的云 sql 数据库 https binx io 2021 05 19 how to connect to a cloudsql with iam authentication https bi
  • 不要扩展 CMake 列表变量

    我有一个 CMake 脚本 可以通过以下方式运行一些测试add test 在 Windows Server 2008 不要问 下运行于 CMake 3 15 当调用这些测试时 它们运行的 环境中的 PYTHONPATH 环境变量似乎会重置为
  • 将 twig 与 React.js 集成

    我已经成功使用 php symphony 及其 twig 模板系统构建了一个 Web 应用程序 但现在需求发生了变化 我必须使用 Node React js 我已经阅读了一些关于 React js 的文档 但我仍然不知道在严格的时间范围内最