在这里,我们将给大家分享关于使用GoogleWebApp提交后如何显示成功消息来自:致:注意:参考:的知识,让您更了解谷歌网站提交的本质,同时也会涉及到如何更有效地ActionController::
在这里,我们将给大家分享关于使用 Google Web App 提交后如何显示成功消息 来自:致:注意:参考:的知识,让您更了解谷歌网站提交的本质,同时也会涉及到如何更有效地ActionController :: RoutingError没有路由与[GET]“ / vendor / assets / stylesheets / bootstrap.min.css”匹配 app / assets / stylesheets / application.css: app / assets / javascript / application.js: app / views / layout / application.html.erb: app / j、angular – ng new hello错误:路径“/app/app.module.ts”不存在.路径“/app/app.module.ts”不存在、APP 自动化 01 - 基础操作 API-UIautomatorviewer-APP 定位 - 元素等待 - APP 模拟手势高级操作、FirebaseError: Firebase: No Firebase App '[DEFAULT]' has been created - 调用 Firebase App.initializeApp() (app/no-app)的内容。
本文目录一览:- 使用 Google Web App 提交后如何显示成功消息 来自:致:注意:参考:(谷歌网站提交)
- ActionController :: RoutingError没有路由与[GET]“ / vendor / assets / stylesheets / bootstrap.min.css”匹配 app / assets / stylesheets / application.css: app / assets / javascript / application.js: app / views / layout / application.html.erb: app / j
- angular – ng new hello错误:路径“/app/app.module.ts”不存在.路径“/app/app.module.ts”不存在
- APP 自动化 01 - 基础操作 API-UIautomatorviewer-APP 定位 - 元素等待 - APP 模拟手势高级操作
- FirebaseError: Firebase: No Firebase App '[DEFAULT]' has been created - 调用 Firebase App.initializeApp() (app/no-app)
使用 Google Web App 提交后如何显示成功消息 来自:致:注意:参考:(谷歌网站提交)
如何解决使用 Google Web App 提交后如何显示成功消息 来自:致:注意:参考:
我想在用户在 Google 网络应用程序上提交“表单”后添加提交成功消息。实际上,当前会显示一条显示错误消息,只要并非所有字段都已填写。相反,它会在提交表单后清除所有字段。我应该在 HTML 端创建一个函数 .return
吗?
请在下面找到代码:
function doGet(e) {
return HtmlService.createHtmlOutputFromFile(''BS_webapp_fiche-compta'');
}
function AddRecord(initiales,prenom_eleve,date_cours,heure_cours,duree_cours,lien_urgence,chronometre,bouton_record,bouton_exit,probleme) {
var url = ''https://docs.google.com/spreadsheets/d/1xPkCBdPAc0OOGTsDxSAz7Rx4kYEfqiEUsUCaYXFV-hc/edit#gid=1182006059''; //Paste URL of GOOGLE SHEET
var ss= SpreadsheetApp.openByUrl(url);
var webAppSheet = ss.getSheetByName("OUTPUT_Fiche de compta Prof"); webAppSheet.appendRow([initiales,probleme]); }
<!DOCTYPE html>
<html>
<head>
<center>
<a href="https://www.breaking-smart.com/">
<img src="http://www.breaking-smart.com/wp-content/uploads/2021/01/logobr.png" alt="Breaking Smart®" width="150"; height="60.125">
</a>
</center>
<Meta charset="UTF-8">
<Meta name="viewport" content="width=device-with,initial-scale=1.0">
<title>Fiche Compta Prof</title>
<link href="https://fonts.googleapis.com/css2?family=Finger+Paint&family=Open+Sans:ital,wght@0,300;1,300&display=swap" rel="stylesheet">
<style>
h1 {
font-family: ''Finger Paint'',cursive;
}
p {
font-family: ''Open Sans'',sans-serif;
}
.form-control {
margin-left: auto;
margin-right: auto;
}
</style>
</head>
<div class="header">
<h1 style="text-align:center;background-color:#18408a;color:#ffffff">Fiche compta Prof</h1>
</div>
<base target="_top">
<script>
function AddRow()
{
var initiales = document.getElementById("initiales").value;
var prenom_eleve = document.getElementById("prenom_eleve").value;
var date_cours = document.getElementById("date_cours").value;
var heure_cours = document.getElementById("heure_cours").value;
var duree_cours = document.getElementById("duree_cours").value;
var lien_urgence = document.getElementById("lien_urgence").value;
var chronometre = document.getElementById("chronometre").value;
var bouton_record = document.getElementById("bouton_record").value;
var bouton_exit = document.getElementById("bouton_exit").value;
var probleme = document.getElementById("probleme").value;
if(initiales != '''' && prenom_eleve != '''' && date_cours != '''' && heure_cours != '''' && duree_cours != '''' && lien_urgence != '''' && chronometre != '''' && bouton_record != '''' && bouton_exit != '''' && probleme != '''')
{
google.script.run.AddRecord(initiales,probleme);
document.getElementById("initiales").value = '''';
document.getElementById("prenom_eleve").value = '''';
document.getElementById("date_cours").value = '''';
document.getElementById("heure_cours").value = '''';
document.getElementById("duree_cours").value = '''';
document.getElementById("lien_urgence").value = '''';
document.getElementById("chronometre").value = '''';
document.getElementById("bouton_record").value = '''';
document.getElementById("bouton_exit").value = "";
document.getElementById("probleme").value = "";
document.getElementById("display_error").innerHTML = "";
}
else
{
document.getElementById("display_error").innerHTML = "Merci de remplir tous les champs !";
}
}
</script>
</head>
<body>
<div style="font-family: Finger Paint; color: #18408a; text-align: center; class" >
<div style="padding: 12px;" >
<form>
<div class="form-row">
<label for="initiales">Initiales Prof</label>
<input type="text" style="display: block; width: 50%; padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-Box; border: 1px solid #ced4da; border-radius: .25rem" id="initiales" class="form-control" />
</div><br>
<div class="form-row">
<label for="prenom_eleve">Prénom Elève</label>
<input type="text" style="display: block; width: 50%; padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-Box; border: 1px solid #ced4da; border-radius: .25rem" id="prenom_eleve" class="form-control" />
</div><br>
<div class="form-row">
<label for="date_cours">Date du cours</label>
<input type="date" style="display: block; width: 50%; padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-Box; border: 1px solid #ced4da; border-radius: .25rem" id="date_cours" class="form-control" />
</div><br>
<div class="form-row">
<label for="heure_cours">Heure de début de cours</label>
<input type="time" style="display: block; width: 50%; padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-Box; border: 1px solid #ced4da; border-radius: .25rem" id="heure_cours" class="form-control" />
</div><br>
<div class="form-row">
<label for="duree_cours">Durée exacte du cours (en min.)</label>
<input type="number" style="display: block; width: 50%; padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-Box; border: 1px solid #ced4da; border-radius: .25rem" id="duree_cours" class="form-control" />
</div><br>
<div class="form-row">
<label for="lien_urgence" >Lien d''urgence ? Si oui,pourquoi ?</label>
<input type="text" style="display: block; width: 50%; padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-Box; border: 1px solid #ced4da; border-radius: .25rem" id="lien_urgence" class="form-control" />
</div><br>
<div class="form-row">
<label for="chronometre" >Chronomètre présent ?</label>
<input type="text" style="display: block; width: 50%; padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-Box; border: 1px solid #ced4da; border-radius: .25rem" id="chronometre" class="form-control "/>
</div><br>
<div class="form-row">
<label for="bouton_record" >Bouton RECORD présent ?</label>
<input type="text" style="display: block; width: 50%; padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-Box; border: 1px solid #ced4da; border-radius: .25rem" id="bouton_record" class="form-control" />
</div><br>
<div class="form-row">
<label for="bouton_exit" >Bouton EXIT utilisé pour quitter la Smart Room ?</label>
<input type="text" style="display: block; width: 50%; padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-Box; border: 1px solid #ced4da; border-radius: .25rem" id="bouton_exit" class="form-control" />
</div><br>
<div class="form-row">
<label for="probleme" >Problème technique ou autre(s) remarque(s) ?</label>
<input type="text" style="display: block; width: 50%; padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-Box; border: 1px solid #ced4da; border-radius: .25rem" id="probleme" class="form-control" />
</div><br>
<div class="form-row">
<input type="button" style="font-family: Finger Paint;font-size: 18px;font-weight: 700;padding: 15px 25px 15px 25px;border: none;border-radius: 20px;widht: auto;background-color:#be0115;color:white" value="Envoyer" class="btn btn-primary" onclick="AddRow()" />
<div id="display_error" style="color: red" ></div>
</div>
</form>
</div>
</body>
</html>
解决方法
在这种情况下,如何将 withSuccessHandler
用于 google.script.run
?这样,AddRecord
运行后,withSuccessHandler
中的函数就会运行。我认为这可能有用。当你的脚本修改后,变成如下。
来自:
google.script.run.AddRecord(initiales,prenom_eleve,date_cours,heure_cours,duree_cours,lien_urgence,chronometre,bouton_record,bouton_exit,probleme);
document.getElementById("initiales").value = '''';
document.getElementById("prenom_eleve").value = '''';
document.getElementById("date_cours").value = '''';
document.getElementById("heure_cours").value = '''';
document.getElementById("duree_cours").value = '''';
document.getElementById("lien_urgence").value = '''';
document.getElementById("chronometre").value = '''';
document.getElementById("bouton_record").value = '''';
document.getElementById("bouton_exit").value = "";
document.getElementById("probleme").value = "";
document.getElementById("display_error").innerHTML = "";
致:
google.script.run.withSuccessHandler(() => {
document.getElementById("initiales").value = '''';
document.getElementById("prenom_eleve").value = '''';
document.getElementById("date_cours").value = '''';
document.getElementById("heure_cours").value = '''';
document.getElementById("duree_cours").value = '''';
document.getElementById("lien_urgence").value = '''';
document.getElementById("chronometre").value = '''';
document.getElementById("bouton_record").value = '''';
document.getElementById("bouton_exit").value = "";
document.getElementById("probleme").value = "";
document.getElementById("display_error").innerHTML = "Succeeded.";
}).AddRecord(initiales,probleme);
注意:
- 在这种情况下,您还可以从函数
Succeeded.
返回AddRecord
的值。在这种情况下,该值可以像.withSuccessHandler((returnedValue) => {
一样使用。
参考:
- withSuccessHandler(function)
ActionController :: RoutingError没有路由与[GET]“ / vendor / assets / stylesheets / bootstrap.min.css”匹配 app / assets / stylesheets / application.css: app / assets / javascript / application.js: app / views / layout / application.html.erb: app / j
如何解决ActionController :: RoutingError没有路由与[GET]“ / vendor / assets / stylesheets / bootstrap.min.css”匹配 app / assets / stylesheets / application.css: app / assets / javascript / application.js: app / views / layout / application.html.erb: app / j
我正在Rails上执行此应用程序,页面加载正常,但在控制台中显示:
Started GET "/vendor/assets/stylesheets/bootstrap.min.css" for ::1 at 2020-08-17 09:09:51 -0500
Started GET "/vendor/assets/javascripts/bootstrap.min.js" for ::1 at 2020-08-17 09:09:51 -0500
ActionController::RoutingError (No route matches [GET]
"/vendor/assets/stylesheets/bootstrap.min.css"):
ActionController::RoutingError (No route matches [GET]
"/vendor/assets/javascripts/bootstrap.min.js"):
在我的供应商文件夹中,我同时拥有文件夹,javascript和样式表,并分别位于各自的bootsrtrap.min中。 即使在application.html.erb中,我也有以下内容:
<link href="vendor/assets/stylesheets/bootstrap.min.css" rel="stylesheet">
<%= csrf_Meta_tags %>
<%= stylesheet_link_tag ''application'',media: ''all'',''data-turbolinks-track'': ''reload'' %>
<%= javascript_include_tag ''application'',''data-turbolinks-track'': ''reload'' %>
</head>
<body>
<!-- Navigation -->
<nav>
<div>
<ahref="#">Instagram Clone</a>
<buttontype="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
<span></span>
</button>
<divid="navbarResponsive">
<ul>
<li>
<ahref="#">Home
<span>(current)</span>
</a>
</li>
<li>
<ahref="#">About</a>
</li>
<li>
<ahref="#">Services</a>
</li>
<li>
<ahref="#">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Page Content -->
<div>
<div>
<div>
<%= yield %>
</div>
</div>
</div>
<!-- Bootstrap core JavaScript -->
<!--<script src="vendor/jquery/jquery.slim.min.js"></script>-->
<script src="vendor/assets/javascripts/bootstrap.min.js"></script>
</body>
</html>