大佬教程收集整理的这篇文章主要介绍了如何使用 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,请注明来意。