Forms 填写空白的故事生成器

Forms 填写空白的故事生成器,forms,Forms,我感兴趣的是为孩子们创建一个填补空白的故事生成器。我想创建一个表单,他们可以在其中输入角色和其他东西的名称,并将这些数据填充到预先制作的故事中。在他们点击提交后,他们会被带到一个后续页面,页面上有他们的输入和纯文本的故事。我对这个很陌生,但非常渴望学习。创建生成故事的表单的最佳方法是什么?似乎您需要两个数据库表—一个用于存储原始故事模板,另一个用于存储生成的文本。 模板数据库中具有挑战性的部分是指可以由用户输入的部分。一个想法-按以下方式在文本中放置特殊格式代码: 从前,在一片遥远的森林里,住着

我感兴趣的是为孩子们创建一个填补空白的故事生成器。我想创建一个表单,他们可以在其中输入角色和其他东西的名称,并将这些数据填充到预先制作的故事中。在他们点击提交后,他们会被带到一个后续页面,页面上有他们的输入和纯文本的故事。我对这个很陌生,但非常渴望学习。创建生成故事的表单的最佳方法是什么?

似乎您需要两个数据库表—一个用于存储原始故事模板,另一个用于存储生成的文本。 模板数据库中具有挑战性的部分是指可以由用户输入的部分。一个想法-按以下方式在文本中放置特殊格式代码:

从前,在一片遥远的森林里,住着:00001::

假设您正在加载该模板,因为它位于表单中的一个元素中,我将避免使用文本字段,而只需放置文本

将文本加载到网页javascript onload后,将标记替换为输入字段,我将使用jquery实现这一点。您可以使用jquery搜索元素text/innerHtml,并将其替换为另一个html元素。用输入替换标记可以在javascript while循环中完成,只要元素的文本中有::

然后您的::00001::可以替换为,例如:

然后,当用户提交表单时,您可以获取每个字段的值,并将它们存储到具有给定ID的第二个数据库中。通过这种方式,您将能够在同一过程中重新加载它们,只是用相应的值替换代码,而不是输入

这样,在第二个数据库表中,您只保存输入值,而不是整个文本,以节省内存。可能在第二个表中,您希望存储字段的id、值、模板id,以便知道它对应的故事模板以及用户id或至少时间戳,以防您可以为同一模板生成多个故事


希望这有帮助

这些故事有多大?会有多少?你打算如何存储它们,你是否也要存储用户的孩子们生成的故事?对于初学者来说,大约有10个短篇故事,每个故事大约2500个字符。我真的不打算存储它们,只是用它们输入的文本填充故事,这样他们就可以复制并粘贴到文字处理器中,或者直接从浏览器打印出来。@Ile此外,表单将只包含简单的输入框,如名称、字符一、字符二、男孩或女孩。这可能是单选按钮、位置。最后,他们会选择一种类型,比如科幻或动作片,这就是表单如何知道要抓取哪个故事模板。一旦完成,他们就会看到这个故事。我下面的答案仍然有效,你可以相应地进行调整