程序问答   发布时间:2022-06-01  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了如何使用 Drupal 8 和 Bootstrap 表单生成文件?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

如何解决如何使用 Drupal 8 和 Bootstrap 表单生成文件??

开发过程中遇到如何使用 Drupal 8 和 Bootstrap 表单生成文件?的问题如何解决?下面主要结合日常开发的经验,给出你关于如何使用 Drupal 8 和 Bootstrap 表单生成文件?的解决方法建议,希望对你解决如何使用 Drupal 8 和 Bootstrap 表单生成文件?有所启发或帮助;

我不知道从哪里开始。

我用 HTML、CSS 和 Js(它也是一个 PWA)创建了一个小型网站。

我使用 bootstrap 在 Drupal 中创建了一个表单。

我希望用户填写表单中要求的信息,并使用他们的信息生成站点文件(该信息应替换小网站上的信息)。如果可能,在 ZIP 存档中。我不想将此信息存储在数据库中。

我该怎么做?是复杂还是模块简单?

用户单击“生成”并下载 ZIP 存档。它应该包含一个带有网站文件的 www 文件夹和一个带有表单信息备份的 YAML 文件(用于可能的更新)。

如果可能,那将是理想的功能。

我在 Drupal 8 上创建了一个带有 bootstrap 表单的页面。它直接编码在一个 TWIG 文件中。这是表单页面:

https://www.s1biose.com/fr/generator-website

我创建了一个小型网站。以下是文件:

https://github.com/S1BIOSE/E-business-Card

我在这里开始了一个模块:

https://github.com/S1BIOSE/generator_website

这里是表单的 TWIG 文件的内容:

<div class="card mb-5 overflow-hIDden shadow rounded bg-white">
  <div class="card-body">

    <form class="border-bottom border-dark mb-3">
      <legend>Préremplir le formulaire</legend>
      <div class="mb-3">
        <input class="form-control" type="file" ID="formfile">
        <small ID="Helpfile" class="form-text">importez votre fichIEr de sauvegarde YAMl.</small>
      </div>
      <div class="mb-4">
        <button type="submit" class="btn btn-secondary">importer</button>
      </div>
    </form>

    <form>
      <div class="alert alert-warning" role="alert">
        Toutes les informations que vous allez saisir sur ce formulaire seront affichées publiquement sur votre site web. Il s'agit des informations de votre entreprise,pas vos informations personnelles.
      </div>

      <legend>Générateur de site web</legend>
      <div class="mb-3">
        <label for="inputtitle" class="form-label">Nom de l'entreprise</label>
        <input type="text" class="form-control is-invalID" ID="inputtitle" required>
        <div class="invalID-FeedBACk">
          Ce champ est requis.
        </div>
        <small ID="Helptitle" class="form-text">Entrez le nom de votre entreprise.</small>
      </div>
      <div class="mb-3">
        <label for="textareaDescription" class="form-label">Présentation de l'entreprise</label>
        <textarea class="form-control is-invalID" ID="textareaDescription" rows="5" required></textarea>
        <div class="invalID-FeedBACk">
          Ce champ est requis.
        </div>
        <small ID="HelpDescription" class="form-text">Entrez une description de votre entreprise.</small>
      </div>

      <div class="mb-3">
        <label for="inputSocialNetwork1" class="form-label">Réseau social 1</label>
        <input type="text" class="form-control is-invalID" ID="inputSocialNetwork1" required>
        <div class="invalID-FeedBACk">
          Ce champ est requis.
        </div>
        <small ID="HelpSocialNetwork1" class="form-text">Entrez l'url de votre page sur les réseaux sociaux.</small>
      </div>
      <div class="mb-3">
        <label for="inputSocialNetwork2" class="form-label">Réseau social 2</label>
        <input type="text" class="form-control" ID="inputSocialNetwork2">
        <small ID="HelpSocialNetwork2" class="form-text">Entrez l'url de votre page sur les réseaux sociaux.</small>
      </div>
      <div class="mb-3">
        <label for="inputSocialNetwork3" class="form-label">Réseau social 3</label>
        <input type="text" class="form-control" ID="inputSocialNetwork3">
        <small ID="HelpSocialNetwork3" class="form-text">Entrez l'url de votre page sur les réseaux sociaux.</small>
      </div>
      <div class="mb-3">
        <label for="inputWebsite1" class="form-label">Marketplace 1</label>
        <input type="text" class="form-control is-invalID" ID="inputWebsite1" required>
        <div class="invalID-FeedBACk">
          Ce champ est requis.
        </div>
        <small ID="HelpWebsite1" class="form-text">Entrez l'url de votre boutIque sur les marketplaces.</small>
      </div>
      <div class="mb-3">
        <label for="inputWebsite2" class="form-label">Marketplace 2</label>
        <input type="text" class="form-control" ID="inputWebsite2">
        <small ID="HelpWebsite2" class="form-text">Entrez l'url de votre boutIque sur les marketplaces.</small>
      </div>
      <div class="mb-3">
        <label for="inputWebsite3" class="form-label">Marketplace 3</label>
        <input type="text" class="form-control" ID="inputWebsite3">
        <small ID="HelpWebsite3" class="form-text">Entrez l'url de votre boutIque sur les marketplaces.</small>
      </div>

      <div class="mb-3">
        <label for="inputEmail" class="form-label">adresse email</label>
        <input type="email" class="form-control is-invalID" ID="inputEmail" required>
        <div class="invalID-FeedBACk">
          Ce champ est requis.
        </div>
        <small ID="HelpEmail" class="form-text">Entrez l'adresse email de votre entreprise.</small>
      </div>
      <div class="row">
        <div class="col-12 mb-3">
          <label for="inputAddress" class="form-label">adresse</label>
          <input type="text" class="form-control is-invalID" ID="inputAddress" required>
          <div class="invalID-FeedBACk">
            Ce champ est requis.
          </div>
        </div>
        <div class="col-12 mb-3">
          <label for="inputAddress2" class="form-label">adresse 2</label>
          <input type="text" class="form-control" ID="inputAddress2">
        </div>
        <div class="col-md-2 mb-3">
          <label for="inputZip" class="form-label">Code postal</label>
          <input type="text" class="form-control is-invalID" ID="inputZip" required>
          <div class="invalID-FeedBACk">
            Ce champ est requis.
          </div>
        </div>
        <div class="col-md-6 mb-3">
          <label for="inputCity" class="form-label">Ville</label>
          <input type="text" class="form-control is-invalID" ID="inputCity" required>
          <div class="invalID-FeedBACk">
            Ce champ est requis.
          </div>
        </div>
        <div class="col-md-4 mb-3">
          <label for="inputState" class="form-label">Pays</label>
          <input type="text" class="form-control is-invalID" ID="inputState" required>
          <div class="invalID-FeedBACk">
            Ce champ est requis.
          </div>
        </div>
      </div>
      <div class="mb-3">
        <label for="inputPhone" class="form-label">Téléphone</label>
        <input type="text" class="form-control" ID="inputPhone">
        <small ID="HelpPhone" class="form-text">Entrez le numéro de téléphone de votre entreprise.</small>
      </div>
      <div class="mb-3">
        <label for="inputSiret" class="form-label">SIRET</label>
        <input type="text" class="form-control is-invalID" ID="inputSiret" required>
        <div class="invalID-FeedBACk">
          Ce champ est requis.
        </div>
        <small ID="HelpSiret" class="form-text">Entrez le numéro de SIRET de votre entreprise.</small>
      </div>

      <div class="mb-3">
        <label for="inputFeed" class="form-label">Fil d'actualité</label>
        <input type="text" class="form-control" ID="inputFeed">
        <small ID="HelpFeed" class="form-text">Entrez l'url de votre Flux RSS sur la plateforme S1BIOSE.</small>
      </div>

      <button type="submit" class="btn btn-priMary">Générer</button>
    </form>

  </div>
</div>

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)

大佬总结

以上是大佬教程为你收集整理的如何使用 Drupal 8 和 Bootstrap 表单生成文件?全部内容,希望文章能够帮你解决如何使用 Drupal 8 和 Bootstrap 表单生成文件?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。